/**

Title: 		Stylesheets
Author:		Andrzej Wojciech Jastrzębski - wojciech.jastrzebski (at) makrologic.com.pl
Version:	1.0

**/


/************/
/*** tags ***/
/************/

body{
    background-color: #fff;
    color:#595241;
    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 62.5%;
    line-height: 1.8em;
    margin:0;
    padding:0;
    width:100%;
}

h1, h2 ,h3 {
    color: #e23827;
}

h1								{font-size: 16px;}
h2								{font-size: 14px;}
h3								{font-size: 12px;}

a								{color: #e23827; text-decoration:none; }
a:visited                                                       {color: #FF7263;}
a:hover                                                         {color: #f25241; text-decoration:underline; }

.page .nodecoration             {text-decoration: none;}

body>div						{font-size: 12px;}

ul.menu, ul.menu ul,#menu_horizontal ul,#archInfo_adds ul, ul.tab
{padding-left: 0px; margin-top:0px; margin-bottom: 18px; margin-left: 0px;}

input[type='text'],
input[type='password'],
input[type='submit'],
input[type='reset'],
input[type='file'],
input[type='image'],
input[type='button'],
textarea,
select							{border-style: solid; border-width: 1px; border-color: #978D83; margin: 0px; color: #595241;}

input[type='submit'][disabled], input[type='button'][disabled]{
    border-color: #777!important;
    background-color: #999!important;
    color: #ddd!important;
}

img 							{border:0; margin: 0; padding: 0;}

button, input[type='submit'], input[type='button'], input[type='checkbox'], *[role="menuitem"] {cursor: pointer}

.divTable {
	display: table;
	border-spacing: 5px;
	margin:0 auto;
}

.divTr {
	display: table-row;
}

.divTd {
	display: table-cell;
}

.right {
	text-align: right;
}
.center {
	text-align: center;
}

#archInfo_main table {
    width: 100%;
}
#archInfo_main table th {
    font-weight: normal;
}
#archInfo_main table tr.even {
    background-color: #edf2f6;
}
#archInfo_main table tr.odd {
    background-color: #D5DADE;
}
#archInfo_main table tr.even td, #archInfo_main table tr.even th, #archInfo_main table tr.odd td, #archInfo_main table tr.odd th {
    padding: 2px 6px;
}
#archInfo_main table tr.even th, #archInfo_main table tfoot tr.even td, #archInfo_main table tr.odd th, #archInfo_main table tfoot tr.odd td {
    background-color: #E23827;
    color: #FFF;
}
#archInfo_main table.whiteBackground tr, #archInfo_main table.whiteBackground tr th, #archInfo_main table.whiteBackground tr td, #archInfo_main table tr.whiteBackground {
    background-color: #fff;
}

.claro #archInfo_main table {
    width: auto;
}

.document-content table,
table.document-navigator {
    border-collapse: collapse;
    width: 100%;
}

table.document-navigator .format-combo {
    width: 136px;
}

.document-content textarea {
    border: 1px solid #978D83;
    color: #595241;
    line-height: 24px;
    margin: 0;
    min-height: 24px;
    overflow: hidden;
    padding: 0;
    width: 99%;
}

.viewType_NEW_WINDOW, .viewType_WYSIWYG {
    width:89% !important;
}

.document-content div.aspectIdValue {
    border: 1px solid #978D83;
    height: 100%;
    line-height: 22px;
    margin-left: 0;
    min-height: 23px;
    padding-top: 1px;
    width: 62px;
}

.document-content div.aspectIdValue.inGroup{
    padding-left: 10px;
    width: 52px;
}

.document-content div.aspectNameField {
    border: 1px solid #978D83;
    height: 100%;
    min-height: 24px;
    text-align: left;
    width: 175px;
    line-height: 22px;
}

.document-content div.aspectNameField.block1 {
}

.document-content div.aspectNameField.block1.block1001 {
}

.document-content div.aspectNameField.block2 {
    /*    width: 165px;
        margin-left: 10px;*/
}

.document-content div.aspectNameField.block3 {
    /*    width: 155px;
        margin-left: 20px;*/
}

.document-content div.aspectNameField.block4 {
    /*width: 145px;
    margin-left: 30px;*/
}

.document-content td.moreValues {
    padding-top: 1px;
}

table.aspectTable {
    table-layout: fixed;
}

table.aspectTable input {
    width: 100%;
}

.pictureAdder {
    margin-top: 2px;
}

.aspectTextFiled {
    width: 100%;
}
.aspectTextFiled-value td {
    padding: 0;
}
/*************************************************/


/***********************/
/*** general classes ***/
/***********************/
div.wrapper{
    clear: both;
    min-width: 1000px;
    width: 100%;
}

div.container{
    margin: 0 auto;
    text-align: left;
    width: 1000px;
    position: relative;
}

.wrapError {
	text-align:center;
	margin:0 auto;
}
.wrap {
    position: relative;
}

.wrap:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: '.';
}

.fLeft 			{float: left; display: inline;}
.fRight 		{float: right; display: inline;}
.toRight		{text-align: right;}
.toLeft			{text-align: left;}
.toCenter		{text-align: center;}

div.flow 		{float: left;}

div.inner 		{padding: 11px 13px 5px;}
div.inner:after {display: block; clear: both; visibility: hidden; height: 0; content: '.';}

.doubleLine{
    line-height: 2em;
}
div.valid-error{
    color: #f00;
    /*font-size: 15px;*/
    clear: both;
}
div.valid-error label{
    display: block;
}
/* istone, prosze nie usuwac tego powtorzeania klasy */
*.error,*.error2{
    border-color: #f00 !important;
    color: #f00!important;
}
/*istone, prosze nie usuwac tego powtorzeania klasy */

a.info{
    text-decoration: none;
    cursor: default;
}
a.info:after{
    content: '';
}

p.para{
    font-size: 14px;
    color: #1e8dc1;
    border-bottom: solid 1px #1e8dc1;
    font-weight: bold;
    padding-left: 30px;
    position:relative;
}
p.para.green{
    border-color: #97dd3b;
    color: #363636;
    font-weight: normal;
}
p.para span.with-left-padding {
    padding-left:25px;
}

p.para span.point_image{
    display: inline-block;
    position: absolute;
    top:3px;
    left:10px;
    margin-right: 10px;
}
.description .text{
    margin-left: 30px;
}
.border_down{
    border-bottom: solid 1px #B0E2FF;
    padding-bottom: 6px;
}

.nobr{
    white-space: nowrap;
}

/**  font colors **/
.gray			{color: #8c8c8c;}
.darkGray		{color: #363636;}
.lightGray		{color: #e1e6ea;}
.lightBlue		{color: #00add0;}
.black			{color: #000000;}
.green			{color: #5e8b0d;}
.darkGreen		{color: #02da02;}
.blue			{color: #1e8dc1;}
.darkBlue		{color: #045f8a;}
.red			{color: #ff0000;}
.white                  {color: #ffffff;}

a.clear {
    text-decoration: none;
}
a.clear:after {
    content: '';
    text-decoration: none;
}

.bold {font-weight: bold;}

.actions a		{margin: 0 5px;}

.inputWithSubmit {
    position: relative;
}

.inputWithSubmit input[type='text'] {border-color: #978d83; margin: 1px auto 0;height:15px;}
.inputWithSubmit input[type='password'] { height: auto;margin-top:1px;}

.inputWithSubmit input[type='submit'], .inputWithSubmit button,
.inputWithSubmit button.ui-state-hover, .inputWithSubmit input[type='submit'].ui-state-hover {
    width: 17px !important;
    height: 19px !important;
    border:none !important;
    position: absolute !important;
    right: 0px !important;
    top: 0px !important;
    background-image: url('../images/layout/arrow_gray.png') !important;
    background-position: 1px 1px !important;
    background-repeat: no-repeat !important;
    background-color: #978d83 !important;
    padding: 0 !important;
    margin-top: 1px;
    cursor: pointer;
}

.ui-menu .ui-menu-item a{
    line-height: 1em;
}

#myMuseum .inputWithSubmit input[type='submit']{
    height: 20px !important;
    top: 0px !important;
}

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
    max-height: 200px;
    overflow: auto;
}

.ui-widget-content {
    color: #595241 !important;
}

.alt {
    color: #999999;
    font-size: 10px;
    text-align: center;
    width: 100%;
    position: relative;
    top: -8px;
}

.spinner {
    width: 16px;
    height: 16px;
}

.grayBackground {
    background-color: #efeee9;
}

.buttons{ margin-top: 10px;}

.buttons input, .buttons button{
    border: 1px solid #e23827;
    color: #595241;
    background-color: #fff;
    width: 100px;
    padding: 0px;
}
.buttons input:hover, .buttons button:hover, .button:hover{
    color: #e23827;
}

.button{
    background-color: white;
}

ul.links {list-style: none;}
ul.links li {display: inline; margin: 2px 5px 2px 0;}

.inline-block{
    display: inline-block;
}

.inputWithSubmit input.ui-autocomplete-input.disabled, input.disabled {background: none !important; color: #000 !important; background-color: #F0F0F0 !important;}

.menuWrapper .menuNavigation {
    border: 1px solid #AAAAAA;
    background: url("smoothness/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
    min-width: 440px;
    z-index: 1003!important;
}

.menuWrapper .menuNavigation > a, .menuWrapper .menuNavigation > input[type='button'].button{
    margin: 3px;
}
.menuWrapper .menuNavigation .slider {
    margin: 8px 12px 0px 8px;
    width: 40%;
    float: right;
    display: inline;
}
.menuWrapper .menuNavigation .actualSpan {
    width: 80px;
    display: inline-block;
    text-align: center;
}
.menuWrapper .menuNavigation .titles{
    margin: 1px 3px;
}

/********************************************************/


/*************************/
/*** layout containers ***/
/*************************/

/** header **/
div#archInfo_header {
    position: relative;
    padding-top: 10px;
    z-index: 2;
}
div#archInfo_header .container{
    height: 216px;
    background-position: right top;
    background-repeat: no-repeat;
    padding-bottom: 24px;
}
#header_text{
    position: relative;
    width: 472px;
    right: 373px;
    top: 59px;
    font-size: 26px;
    float: right;
    line-height: 29px;
    color: #645950;
}

#header_text a {
    color: #645950;
    text-decoration: none !important;
}

#header_text #header_logo{
    position: absolute;
    width: 108px;
    left: -125px;
    bottom: 0px;
    height: 122px;
}

div#archInfo_header #searchInDatabase{
    position: absolute;
    top: 2px;
    right: 20px;
    height: 24px;
    z-index: 1000;
    color: #978d83;
}

div#archInfo_header #menu_horizontal{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 24px;
    z-index: 1000;
}
#menu_horizontal ul {margin: 5px 0;}
#menu_horizontal #menu_items {height: 24px; margin-left: 266px;}

/** main container **/
#archInfo_main .container {padding: 0px 0 0px;}
#archInfo_main {position: relative; z-index: 1;}


/** main container - menu on left **/
#archInfo_menu 	{float: left; width: 210px; /*overflow: hidden;*/}
#archInfo_menu h1 {color: #e23827; margin: 0; font-weight: normal;}
#archInfo_menu h1.gray {color: #978d83;}
#archInfo_menu #myMuseum {color: #827974; width: 170px; height:97px;}
#archInfo_menu #myMuseum input {border-color: #978d83;}
ul.menu > li	{list-style: none; padding-left: 6px; color: #fff; font-family: Verdana;}
ul.menu > li.selected	{color: #645950;}
ul.menu > li > a		{text-decoration: none; color: #FFF; font-family: Verdana;}
ul.menu > li.selected > a, ul.menu > li > a:hover {color: #645950; text-decoration: none;}
ul.menu > h1			{margin-left: 10px;}
ul.menu 				{position: relative;}
ul.menu > li {background-image: url('../images/layout/li_background.png'); background-repeat: no-repeat; margin-bottom: 1px;}
ul.menu.gray > li {background-image: url('../images/layout/li_background_gray.png'); background-repeat: no-repeat; margin-bottom: 1px;}

/* drugi poziom */
ul.menu > li > ul       {margin: 5px 0px;display:none;}
ul.menu > li > ul > li {list-style: none; padding-left: 6px; color: #645950; font-family: Arial; line-height: 12px; font-size: 11px;}
ul.menu > li > ul > li.selected	{color: #e23827; }
ul.menu > li > ul > li > a		{text-decoration: none; color: #645950; font-family: Arial; font-size: 11px;}
ul.menu > li > ul > li.selected > a, ul.menu > li > ul > li > a:hover {color: #e23827; text-decoration: none;}
ul.menu > li.selected > ul       {display:block;}

/** main container - content **/
#archInfo_content {float: right; width: 760px; margin: 20px 0 0 20px; min-height: 300px; /*overflow: hidden;*/}


/** footer **/
#archInfo_footer{
    position: relative;
}

#archInfo_footer .container{
    height: 150px;
    text-align: right;
    padding-top: 13px;
    padding-bottom: 25px;
}

/*************************/
/*** images like class ***/
/*************************/
.title_image{
    background-image: url('../images/layout/icons/arrow.png');
    height: 11px;
    width: 11px;
}
span.title_image{
    position: relative;
    top: 3px;
    display: inline-block;
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 5px;
}

.next_doc_image{
    background-image: url('../images/arrow_next_page.png');
    height: 11px;
    width: 6px;
}
.prev_doc_image{
    background-image: url('../images/arrow_prev_page.png');
    height: 11px;
    width: 6px;
    margin-right:5px;
}
.go_top_image{
    background-image: url('../images/arrow_go_top.png');
    height: 11px;
    width: 11px;
    margin-right:2px;
    background-repeat: no-repeat;
    background-position: 0 3px;
}
.go_bottom_image{
    background-image: url('../images/arrow_go_bottom.png');
    height: 11px;
    width: 11px;
    margin-right:2px;
    background-repeat: no-repeat;
    background-position: 0 3px;
}
.mail_image{
    background-image: url('../images/layout/icons/mail.png');
    height: 15px;
    width: 15px;
}
.print_image{
    background-image: url('../images/layout/icons/print.png');
    height: 15px;
    width: 15px;
}
.add_image{
    background-image: url('../images/layout/icons/add.png');
    height: 15px;
    width: 15px;
}
.remove_image{
    background-image: url('../images/layout/icons/remove.png');
    height: 15px;
    width: 15px;
}
.rtf_image{
    background-image: url('../images/layout/icons/rtf.gif');
    height: 16px;
    width: 16px;
}
.pdf_image{
    background-image: url('../images/layout/icons/pdf.gif');
    height: 16px;
    width: 16px;
}
.help_image{
    background-image: url('../images/layout/icons/help.png');
    height: 15px;
    width: 15px;
}
.close_image{
    background-image: url('../images/layout/icons/close.png');
    height: 15px;
    width: 15px;
}
.word_image{
    background-image: url('../images/layout/icons/word.png');
    height: 16px;
    width: 16px;
}

.arrowSmall_image{
    background-image: url('../images/layout/icons/arrowSmall.png');
    height: 8px;
    width: 8px;
}
span.arrowSmall_image{
    position: relative;
    top: 5px;
    display: inline-block;
    margin-left: 0;
    margin-right: 3px;
    margin-bottom: 8px;
}
.export_image{
    background-image: url('../images/layout/icons/export.png');
    height: 15px;
    width: 15px;
}
.export_image:hover{
    background-image: url('../images/layout/icons/export2.png');
}
/***********************************************************/


/*******************  drzewo kategorii  *********************/
#CategoryTreeId {font-size: 12px;}
#CategoryTreeId a {color: #595241;text-decoration: none;}
#CategoryTreeId .selectedNode {color: #e23827; text-decoration: underline; position: relative; left: 19px;}
#CategoryTreeId .selectedNode img{position: absolute; left: -19px; top:0px;}

#toolTip {
    font: 10px/12px Arial,Helvetica,sans-serif;
    border: solid 1px #666666;
    width: 250px;
    padding: 1px;
    position: absolute;
    z-index: 100;
    visibility: hidden;
    color: #333333;
    top: 20px;
    left: 90px;
    background-color: #ffffcc;
    /*layer-background-color: #ffffcc;*/
}
/******************    drzewo kategorii koniec  *********************/

/****************/
/***   boxes  ***/
/****************/
.box{
    margin: 0 5px;
    position: relative;
    /*border: 1px solid;*/
}

.box h1{
    font-size: 20px;
    color: #045f8a;
    margin-top: 0px;
}
.pageTitle {
    margin-bottom: 25px;
}

.pageTitle h1 {
    color: #7a6e67;
    font-size: 16px;
}
.pageTitle .actions{
    position: absolute;
    right: 20px;
    top: 0px;
}
.actions.bottom {
    position: fixed;
    right: 20px;
    bottom: 20px;
    border: 1px solid #978D83;
    z-index: 1000;
    padding: 2px;
    height: 18px;
}

.actions a, .actions.bottom a {text-decoration: none;}

.pageTitle .actions span, .actions.bottom span{
    position: relative;
    top: 3px;
    display: inline-block;
    margin-left: 0;
}

.box h2{
}

.box .header h1, .box .simpleBox h1{
    margin-bottom: 1px;
    padding: 0px;
}

.box .header h2, .box .simpleBox h2{
    margin-top: 1px;
}


.boxBigHeader {
    background-image : url("../images/layout/boxes/boxUpBorder.png");
    background-repeat: repeat-x;
    height: 29px;
    position: relative;
    top: 25px;
}

.boxBigContainer {
    margin: 0 10px;
}
.boxBigContainer2 {
    margin: 0 1px;
    border-left: solid 1px;
    border-right: solid 1px;
    border-color: #5dbbf2;
    position: relative;
    padding: 0 13px;
}

.boxBigContainer2 .header{
    padding-top: 15px;
}

.boxBigContainer .left{
    background-image: url('../images/layout/boxes/boxLeftBorder.png');
    background-repeat: repeat-y;
    background-position: left;
}

.boxBigContainer .right{
    background-image: url('../images/layout/boxes/boxRightBorder.png');
    background-repeat: repeat-y;
    background-position: right;
    margin-left: 10px;
}

.boxBigContainer .content{
    margin-right: 10px;
    padding-top: 10px;
    position: relative;
    top: -10px;
}

.boxBigHeader .left{
    background-image: url('../images/layout/boxes/boxLeftUp.png');
    background-repeat: no-repeat;
    width: 10px;
    height: 29px;
    float: left;
    background-color: white;
}

.boxBigHeader .right{
    background-image: url('../images/layout/boxes/boxRightUp.png');
    background-repeat: no-repeat;
    width: 10px;
    height: 29px;
    float: right;
    background-color: white;
}

.boxBigFooter {
    background-image : url("../images/layout/boxes/boxDownBorder.png");
    background-repeat: repeat-x;
    height: 57px;
    position: relative;
    top: -25px;
    z-index: -1;
}

.boxBigFooter .left{
    background-image: url('../images/layout/boxes/boxLeftDown.png');
    background-repeat: no-repeat;
    width: 10px;
    height: 57px;
    float: left;
    background-color: white;
}

.boxBigFooter .right{
    background-image: url('../images/layout/boxes/boxRightDown.png');
    background-repeat: no-repeat;
    width: 10px;
    height: 57px;
    float: right;
    background-color: white;
}
/*****************************************************/


/******************************************/
/*** simple box - default - blue border ***/
/******************************************/
.simpleBox{
    border: solid 1px;
    border-color: #5dbbf2;
}
.simpleBox_content{
    padding: 0 27px;
}

.simpleBox .top_border, .simpleBox .middle_border, .simpleBox .bottom_border{
    position: relative;
    height: 21px;
}
.simpleBox .top_border{
    top: -2px;
}

.simpleBox .middle_border div{
    top: 2px;
    background-color: white;
}

.simpleBox .middle_border {
    border-bottom: solid 1px;
    border-color: #5dbbf2;
    margin-bottom: 5px;
}

.simpleBox .bottom_border{
    top: 2px;
}
.simpleBox .left_corner, .simpleBox .right_corner{
    background-image: url('../images/layout/corners2.png');
}

.simpleBox .left_corner{
    left: -2px;
}

.simpleBox .right_corner{
    right: -2px;
}

.simpleBox .top_border div, .simpleBox .bottom_border div ,.simpleBox .middle_border div {
    width: 21px;
    height: 21px;
    position: relative;
    background-repeat: no-repeat;
    display: block;
}

.simpleBox .top_border div, .simpleBox .bottom_border div{
    background-color: #fff;
}

.simpleBox .top_border  .left_corner {
    background-position: 0px 0px;
}
.simpleBox .top_border  .right_corner {
    background-position: -21px 0px;
}

.simpleBox .middle_border  .left_corner {
    background-position: 0px -16px;
}
.simpleBox .middle_border  .right_corner {
    background-position: -8px -16px;
}

.simpleBox .bottom_border  .left_corner {
    background-position: 0px -21px;
}
.simpleBox .bottom_border  .right_corner {
    background-position: -21px -21px;
}
/*******************************************/


/****************************/
/*** simple box - small  ****/
/****************************/
.simpleBox.small .left_corner, .simpleBox.small .right_corner{
    background-image: url('../images/layout/corners_small.png');
}

.simpleBox.small .simpleBox_content{
    padding: 0 10px;
}

.simpleBox.small .top_border, .simpleBox.small .middle_border, .simpleBox.small .bottom_border{
    height: 10px;
}

.simpleBox.small .top_border div, .simpleBox.small .bottom_border div ,.simpleBox.small .middle_border div {
    width: 10px;
    height: 10px;
}

.simpleBox.small .top_border  .right_corner {
    background-position: -10px 0px;
}

.simpleBox.small .bottom_border  .left_corner {
    background-position: 0px -10px;
}
.simpleBox.small .bottom_border  .right_corner {
    background-position: -10px -10px;
}
/*******************************************/


/********************************/
/*** simple box - gray border ***/
/********************************/
.simpleBox.grayBorder{/*!!!! istotne - brak spacji miedzy 'simpleBox' a 'grayBorder' !!!!*/
    border: solid 1px;
    border-color: #978d83;
}

.simpleBox.grayBorder .middle_border {
    border-color: #978d83;
}

.simpleBox.grayBorder .left_corner, .simpleBox.grayBorder .right_corner{/*!!!! istotne - brak spacji miedzy 'simpleBox' a 'grayBorder' !!!!*/
    background-image: url('../images/layout/corners_gray.png');
}
/*********************************/

/********************************/
/*** simple box small - gray border ***/
/********************************/
.simpleBox.grayBorder.small .left_corner, .simpleBox.grayBorder.small .right_corner{/*!!!! istotne - brak spacji miedzy 'simpleBox' a 'grayBorder' czy 'small' !!!!*/
    background-image: url('../images/layout/corners_gray_small.png');
}
/*********************************/


/** simple box - fullcolor **/
/********************************/
.simpleBox.fullcolor{/*!!!! istotne - brak spacji miedzy 'simpleBox' a 'fullcolors' !!!!*/
    border: solid 1px;
    border-color: #8fcce9;
    background-color: #aaddf7;
}
.simpleBox.fullcolor .simpleBox_content {padding: 0 3px;}

.simpleBox.fullcolor .middle_border {
    border-color: #8fcce9;
}

.simpleBox.fullcolor .left_corner, .simpleBox.fullcolor .right_corner {/*!!!! istotne - brak spacji miedzy 'simpleBox' a 'fullcolor' !!!!*/
    background-image: url('../images/layout/corners_promotions2.png');
}

.simpleBox.white {/*!!!! istotne - brak spacji miedzy 'simpleBox' a 'white\e' !!!!*/
    border: solid 1px;
    border-color: #FFF;
    background-color: #FFF;
}

.simpleBox.white .middle_border {
    border-color: #FFF;
}

.simpleBox.white .left_corner, .simpleBox.white .right_corner {/*!!!! istotne - brak spacji miedzy 'simpleBox' a 'white' !!!!*/
    background-image: url('../images/layout/corners_whiteOnBlue.png');
}
/*********************************/


/*************************/
/*** special for pages ***/
/*************************/
.ui-widget {
    font-family:Arial;
    font-size: 12px !important;
}

/** start page **/
#user_actions {
    width: 200px;
    position: absolute;
    bottom: 50px;
    line-height: 16px;
    right: 15px;
}

#user_actions .diacritical-marks {
    font-size: 13px;
    margin: 0 10px;
    padding-top: 2px;
}

#diacritical-modal ul {
	list-style: none;
	padding: 0;
}

#diacritical-modal span {
    font-size: 14px;
    margin: 0 10px;
    letter-spacing: 6px;
}

#diacritical-modal ul li span:first-child {
	width: 30px;
	font-weight: bold;
	display: inline-block;
}

/*
        LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left;zoom: 1; min-height: 25px; list-style: none; z-index: 1000; display:block}
ul.dropdown a                       { text-decoration: none;}
ul.dropdown a:hover, ul.dropdown li.hover a		    { color: #e23827; }
ul.dropdown a:active                { color: #e23827; }
ul.dropdown li a                    { display: block; padding: 0px 8px; border-right: 1px solid #333; color: #645950; }
ul.dropdown li.last a               { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: white; color: black; position: relative; }
ul.dropdown li.hover li a           { color: #fff; }
ul.dropdown li.hover li.hover > a     { color: #645950; }


/*
        LEVEL TWO
*/
ul.dropdown ul 						{ width: 170px; visibility: hidden; position: absolute; /*top: 70%;*/ left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #827974; color: #FFF; float: none; border-bottom: 1px solid white; min-height: 17px;}
ul.dropdown ul li.last  { background:none; background-image: url('../images/layout/li_background_2.png'); background-repeat: no-repeat; border: none;}
ul.dropdown ul li.last.hover {background-image: url('../images/layout/li_background_2_white.png');}

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; color: #fff;}

/*
        LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

ul.tab {
    position:absolute;
    top:-41px;
    left:30px;
}

ul.tab li {
    display:inline;
}

ul.tab li span.tab-box {
    display:inline;
    min-width:20px;
    height:20px;
    margin:0;
    padding:0;
}

ul.tab li span.tab-box span.grey-left, ul.tab li span.tab-box span.tab-box-left{
    display:inline-block;
    background-image:url('../images/layout/tabs/grey_left.png');
    background-repeat: no-repeat;
    margin:0;
    padding:0;
    padding-top:3px;
    padding-bottom:3px;
    width:10px;
    height:20px;
}

ul.tab li span.tab-box span.grey-right, ul.tab li span.tab-box span.tab-box-right {
    display:inline-block;
    background-image:url('../images/layout/tabs/grey_right.png');
    background-repeat: no-repeat;
    margin:0;
    padding:0;
    padding-top:3px;
    padding-bottom:3px;
    width:10px;
    height:20px;
    position:relative;
    left:-8px;
}

ul.tab li span.tab-box span.grey-center, ul.tab li span.tab-box span.tab-box-center {
    background-color:#978d83;
    margin:0;
    margin-bottom: 6px;
    padding:0;
    padding-top:3px;
    padding-bottom:3px;
    height:14px;
    position:relative;
    top:0px;
    left:-4px;
    display: inline-block;
}

ul.tab li span.tab-box span.red-left, ul.tab li.selected span.tab-box span.tab-box-left {
    display:inline-block;
    background-image:url('../images/layout/tabs/red_left.png');
    background-repeat: no-repeat;
    margin:0;
    padding:0;
    padding:0;
    padding-top:3px;
    padding-bottom:3px;
    width:10px;
    height:20px;
}

ul.tab li span.tab-box span.red-right, ul.tab li.selected span.tab-box span.tab-box-right {
    display:inline-block;
    background-image:url('../images/layout/tabs/red_right.png');
    background-repeat: no-repeat;
    margin:0;
    padding:0;
    padding:0;
    padding-top:3px;
    padding-bottom:3px;
    width:10px;
    height:20px;
    position:relative;
    left:-8px;
}

ul.tab li span.tab-box span.red-center, ul.tab li.selected span.tab-box span.tab-box-center {
    background-color:#e23827;
    margin:0;
    margin-bottom: 6px;
    padding:0;
    padding-top:3px;
    padding-bottom:3px;
    height:14px;
    position:relative;
    top:0px;
    left:-4px;
    display: inline-block;
}

ul.tab li span.tab-box a {
    color:#fefefe;
    text-decoration:none;
    position: relative;
    top: -2px;
}

/*
    Wyniki wyszukiwania
*/

table.search-result {
    table-layout: fixed;
}

td.single-search-result {
    padding:0;
    padding-top:20px;
    padding-bottom:20px;
    vertical-align:top;
    word-wrap: break-word;
}

td.single-search-result.with-border {
    border:1px solid #b4ada7;
    width:150px;
    height:150px;
    max-width:150px;
    max-height:150px;
    min-width:150px;
    min-height:150px;
    vertical-align:middle;
    text-align:center;
}

td.separator {
    margin:0;
    padding:0;
    border:0;
    border-bottom:1px solid #b4ada7;
}

#archInfo_main table.paginator-box {
    width:1%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin-top:30px;
}

div.gallery-result-box {
    width:200px;
    margin-left:auto;
    margin-right:auto;
    padding:0;
    text-align:center;
    float: left;
    height: 305px;
}

div.gallery-result-description {
    background-color:#efeee9;
    color:#a9a097;
    width:185px;
    text-align:left;
    padding:10px;
    padding-left:5px;
    font-weight:normal;
    min-height: 75px;
    border: 1px solid #EFEEE9;
    border-top: none;
    margin-left: -1px;
}

div.gallery-result-image {
    border:1px solid #b4ada7;
    width:200px;
    height:200px;
    text-align:center;
    margin:0;
    margin-left:auto;
    margin-right:auto;
    display: table-cell;
    vertical-align: middle;;
}

div.pictureDiv {
    display: table-cell;
    vertical-align: middle;
    width:200px;
    height:200px;
}

/** advanced search **/

table#AdvancedSearchLayoutTbl iframe#frame1 {
    width: 434px;
    height: 370px;
    border:none;
}

table#AdvancedSearchLayoutTbl div#categoryTreeContainer {
    overflow: auto;
    width: 250px;
    height: 320px;
    background-color: #efeee9;
}

#datePeriod {
    max-width: 700px;
}

.documentTitle{
    font-weight: bold;
    margin-top:15px;
    margin-bottom: 20px;
}

.aspectTitle{
    color:#978d83;
    font-style: italic;
    font-weight: normal;
}

.txtAspect {
    color:#595241;
    font-weight: bold;
}

.author{
    font-weight: bold;
    font-size: large;
    margin-top: 10px;
    margin-bottom: 10px;
}

.summary{
    margin-top: 20px;
    margin-bottom: 20px;
    clear:both;
}

.documentPicture{
    border: 0;
    margin: 10px 0 10px 10px;
}

.mainPicture{
    max-width: 310px;
}

.documentDescription {
    width: auto;
    margin-top: 50px;
}

.documentBottom {
    clear:both;
}

.top_border.middle {
    margin-top:46px;
    border:0;
    position:relative;
}

.top_border.middle .center {
    width:100%;
    border-top:1px solid #978D83;
    position:absolute;
    top:1px;
    left:0;
}

.top_border.middle .center .tab {
    position:absolute;
    top:-20px;
    left:25px;
}

.top_border.middle .left_corner {
    background:#ffffff url('../images/layout/corners_gray2.png') no-repeat 0 0;
}

.top_border.middle .right_corner {
    background:#ffffff url('../images/layout/corners_gray2.png') no-repeat right top;
}

.documentContent {
    padding: 0 25px;
}

.documentContent h1 {
    font-size:16px;
    display:inline;
    margin-left:10px;
    color:#978d83;
}

.documentContent .actions{
    position: absolute;
    right: 20px;
    top: 0px;
}
.documentContent .actions a {text-decoration: none;}

.documentContent .actions span{
    display: inline-block;
}

.documentContent .actions a span{
    position: relative;
    top: 3px;
    margin-left: 0;
}

.documentContent .documentFlowActions {
    margin-top: 10px;
}

.thumbnail{
    position: relative;
    z-index: 0;
}
.thumbnail:active, .thumbnail, .thumbnail:hover{
    outline: none;
}

.thumbnail:hover{
    background-color: transparent;
    z-index: 50;
}

.thumbnail > img {
    z-index: 0;
}

.thumbnail span, .thumbnail:hover span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: lightgray;
    padding: 5px;
    left: -10000px;
    border: 1px solid #B4ADA7;
    visibility: hidden;
    color: #595241;
    text-decoration: none!important;
    z-index: 999;
    font-size: 0.85em;
    line-height: 11px;
}

.thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
    z-index: 1000;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0px;
    left: 60px; /*position where enlarged image should offset horizontally */

}

.subject {
    float: left;
    width: 24%;
}

.subject a {
    color: #595241;
}

.subject a:hover {
    color: #e23827;
}

.aspect{
    display: block;
}

.documentTitle h2 .txtAspect{
    font-size: 16px;
}

#archInfo_main .documentTitle .pageEnd {
    margin-top: 25px;
    height: 1px;
    float: left;
    width: 50%;
}

.documentDescription.noTitle {
    margin-top: 0px;
}
.documentDescription .segment{
    margin-top: 15px;
}

.relations_title {
    font-style: italic;
    font-weight: normal;
}

.relations_body {
    font-weight: bold;
}

.relationRow {
	display:block;
}

#simple_search_description ul li {
    margin-bottom: 15px;
    line-height: 2em;
}

.inline .aspect{
    display: inline;
}

.linksPanel {
    display: none;
    position: absolute;
    width: auto;
    height: auto;
    max-height: 100px;
    min-width: 400px;
    overflow: auto;
    background-color: #FFF;
    border: 1px solid #978D83;
    padding: 5px;
}

.linksPanel a {
    display: block;
    font-size: 12px;
    font-weight: normal;
}

.leadingAspect > div {background-color: buttonface;}
.aspectIdColumn.selectedAspect{background-color: buttonface;}
.nModValue {line-height: 24px; border: 1px solid transparent;}
.tlo_sredniojasne {background-color: #edf2f6;}
.tlo_ciemne {background-color: #ffffff;color: #000; border: 3px double #000; padding: 15px;}
.artifactNormal{background-color: #fff;}
.artifactNMod{background-color: #ff8888;}
.artifactNModHide{background-color: #ff0000;}

body.withoutMenu #archInfo_menu {
    display: none;
}

body.withoutMenu #archInfo_content {
    width: 1000px;
    margin-left: 0px;
}

body.withoutMenu #menu_horizontal #menu_items {
    margin-left: 0px;
}
body.withoutMenu div#archInfo_header #searchInDatabase {
    right: 0px;
}

body.withoutMenu #header_text {
    right: 400px;
}

/** advanced search **/
body.withoutMenu table#AdvancedSearchLayoutTbl iframe#frame1 {
    width: 674px;
    height: 370px;
    border:none;
}

body.withoutMenu table#AdvancedSearchLayoutTbl div#categoryTreeContainer {
    overflow: auto;
    width: 250px;
    height: 320px;
    background-color: #efeee9;
}

body.withoutMenu .manuscriptVolumes {
    width: 400px;
}

.idDok .aspect {
    font-size: 10px;
}

.multiDatings a {
    color: #E23827;
}

.multiDatings a.selected {
    font-weight: bold;
    color: black;
}

.listHeader {
    background-color: #978D83;
}

.busy, .busy textarea, .busy input , .busy .leadingAspect > div{
    background-color: #ddd;
}

body.indexList option {
    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 12px;
}

.menu-sidebar li.menuItem.menu-managment + li.menuItem.menu-import {
    margin-top: 5px;
}
.menu-sidebar li.menuItem.menu-document + li.menuItem.menu-aspect {
    margin-top: 5px;
}
.menu-sidebar li.menuItem.menu-aspect + li.menuItem.menu-group {
    margin-top: 5px;
}
.menu-sidebar li.menuItem.menu-group + li.menuItem.menu-relationship {
    margin-top: 5px;
}
.menu-sidebar li.menuItem.menu-relationship + li.menuItem.menu-block {
    margin-top: 5px;
}
.menu-sidebar li.menuItem.menu-block + li.menuItem.menu-print {
    margin-top: 5px;
}
.menu-sidebar li.menuItem.menu-export + li.menuItem.files-management {
    margin-top: 5px;
}
ul#relationshipSpecificAspects {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul#relationshipSpecificAspects li {
    margin-top: 3px;
}
ul#relationshipSpecificAspects li label {
    width: 200px;
    text-align: right;
    margin-right: 5px;
    display: inline-block;
}
.showDocumentsLink {
    display: inline-block;
    margin-left: 120px;
    font-weight: normal;
    font-style: italic;
}

.aspekty .ui-autocomplete-input {
    width: 132px !important;
}
.href {
    height: 0;
}
.href a {
    display: inline-block;
    height: 0;
    text-indent: -1000000px;
    text-align: left;
}

.externalMapsMenu {
    margin-bottom: 25px;
}
.externalMapsMenu .externalMapChooserRow {
    border: 1px solid transparent;
    margin-bottom: 5px;
}
.externalMapsMenu .externalMapChooserRow.selected {
    border: 1px dotted #000000;
    background-color: #eeeeee;
}
.externalMap .mapName,
.externalMap .mapId,
.externalMap .mapPath,
.externalMap .mapPointSW,
.externalMap .mapPointNE,
.externalMap .mapDocuments {
    display: none;
}

body.kaleidoscope\.htm .pageTitle {
    display: none;
}

.pageTitle.startPage {
    display: none;
}

#selectgrouping .grouping {
    width: 49%;
    float: left;
    min-width: 215px;
    max-width: 285px;
}

body.SimpleSearch\.jsp .documentContent .inputWithSubmit {
    width: 314px;
    position: relative;
}

body.SimpleSearch\.jsp .documentContent .inputWithSubmit.aspect-grouping {
    width: auto;
}

.flashMessagesContainer {
    margin-bottom: 15px;
}

.flashMessagesContainer .flashMessage {
    padding: 5px 10px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: 3px 3px rgba(100,100,100, 0.2);
    margin-bottom: 10px;
}

.flashMessagesContainer .flashMessage.INFO, .flashMessagesContainer .flashMessage.INFO_T {
    border-color: blue;
    background-color: #86B5FF;
    color: blue;
}
.flashMessagesContainer .flashMessage.SUCCESS, .flashMessagesContainer .flashMessage.SUCCESS_T {
    border-color: green;
    background-color: #98ed00;
    color: #000000;
}
.flashMessagesContainer .flashMessage.WARN, .flashMessagesContainer .flashMessage.WARN_T {
    border-color: orange;
    background-color: #FFFBAA;
    color: #333333;
}
.flashMessagesContainer .flashMessage.ERROR, .flashMessagesContainer .flashMessage.ERROR_T {
    border-color: red;
    background-color: #FF9191;
    color: #7D001F;
}

.navLinks {
    margin-bottom: 10px;
}

#thumbViewer {
    display:none;
}
#thumbViewer.open {
    display:block;
}

.documentFlowActions .action {
    margin-bottom: 8px;
}

.documentFlowActions .button {
    border-style: solid;
    border-width: 1px;
    border-color: #978D83;
    margin: 0px;
    color: #595241;
    height: 19px;
    position: relative;
    top: 1px;
    min-width: 200px;
}

.documentFlowActions .action .assignedTo {
    width: 200px;
    display: inline-block;
}

div.pageList .actionWrapper {
	margin-bottom: 10px;
}
div.pageList .pageListActions {
	float: left;
}
div.pageList .pageListFilters {
    float: right;
}
i.icon-flag {
	display:block;
	float:left;
	margin-left:20px;
	height: 24px;
	width: 24px;
}
i.pl-flag {
	background-image:url('../images/pl_flag.png');
}
i.en-flag {
	background-image:url('../images/en_flag.png');
}
.genericConcept {
	display: block;
}
.genericConcept:nth-child(2) {
	margin-left:5px;
}
.genericConcept:nth-child(3) {
	margin-left:10px;
}
.genericConcept:nth-child(4) {
	margin-left:15px;
}
.genericConcept:nth-child(5) {
	margin-left:20px;
}
.genericConcept:nth-child(6) {
	margin-left:25px;
}
.genericConcept:nth-child(7) {
	margin-left:30px;
}
.genericConcept:nth-child(8) {
	margin-left:35px;
}
.genericConcept:nth-child(9) {
	margin-left:45px;
}
.conceptsSeparator {
	border-bottom: 1px dotted #000;
	margin-top:10px;
	margin-bottom:10px;
	margin-right: 13px;
}