/**

Title: 		Stylesheets for Cymelia
Author:		Andrzej Wojciech Jastrzębski - wojciech.jastrzebski (at) makrologic.com.pl
Version:	1.0

**/


/************/
/*** tags ***/
/************/

body{
	color:#04266a;
}

h1, h2 ,h3 {
	color: #04266a;
}

a								{color: #3175DB;}
a:visited                                                       {color: #3175DB;}

.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-color: #656565; color: #333333;}

input[type='button'], button {color: #04266a; background-color: #FFFFFF; border: 1px solid #04266a; font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;}
#searchInDatabase input[type='button'], #searchInDatabase button {color: #000000; background-color: #FFFFFF;}

img 							{border:0; margin: 0; padding: 0;}


#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: #333333;
}
#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!important;
}

.document-content textarea {
    border: 1px solid #04266a;
    color: #333333;
}

.document-content div.aspectIdValue {
    border: 1px solid #04266a;
}

.document-content div.aspectIdValue.inGroup{
    padding-left: 10px;
    width: 52px;
}

.document-content div.aspectNameField {
    border: 1px solid #04266a;
}

/*************************************************/



/***********************/
/*** general classes ***/
/***********************/
div.wrapper{
	min-width: 960px;
}

div.container{
	width: 960px;
}

.inputWithSubmit input[type='text'] {border-color: #04266a;}

.inputWithSubmit input[type='submit'], .inputWithSubmit button,
.inputWithSubmit button.ui-state-hover, .inputWithSubmit input[type='submit'].ui-state-hover {
    background-image: url('../images/cymelia/arrow_gray.png') !important;
    background-color: #333333 !important;
}

.ui-widget-content {
    color: #333333 !important;
}

.grayBackground {
    background-color: #efefef;
}

.buttons input, .buttons button{
    border: 1px solid #04266a;
    color: #333333;
}
.buttons input:hover, .buttons button:hover, .button:hover{
    color: #033b90;
}


/********************************************************/


/*************************/
/*** layout containers ***/
/*************************/

/** header **/
div#archInfo_header .container{
    background-color: #006DA5;
    background-image: url("../images/cymelia/header/loga_unia.png");
    background-position: 0px 141px;
    height: 219px;
    margin-bottom: 31px;
    padding-bottom: 0;
}

#header_text #header_logo{
        background-image: none;
}

div#archInfo_header #searchInDatabase{
    bottom: 6px;
    top: auto;
    right: 10px;
    color: #333333;
}

div#archInfo_header #menu_horizontal{
    bottom: -31px;
    height: 25px;
    background-color: #006da5;
    padding-top: 6px;
}
#menu_horizontal ul {margin: 0px 0;}

#menu_horizontal a[href="/cymelia/wholeHierarchy.htm"] {
    display: none;
}

/** main container - menu on left **/
#archInfo_menu 	{width: 200px;}
#archInfo_menu h1 {color: #333333;}
#archInfo_menu h1.gray {color: #333333;}
#archInfo_menu #myMuseum {color: #333333; line-height: normal; font-size: 11px;} /*#827974*/
#archInfo_menu #myMuseum input {border-color: #04266a;}
#archInfo_menu div.grayBackground {background-color: #efefef; padding: 0px 10px; line-height: 30px; margin-bottom: 1px;}
ul.menu > li	{padding-left: 0px; margin-bottom: 1px; font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;}

ul.menu > li > a		{margin-left: 6px; color: #000; font-weight: bold; line-height: 25px;font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;}
ul.menu > li.selected > a, ul.menu > li > a:hover {color: #555;}

ul.menu > li {margin-bottom: 1px; background-image: none; background-repeat: no-repeat; background-color: #efefef;}

/* drugi poziom */
ul.menu > li > ul       {margin: 5px 0 0;}
ul.menu > li > ul > li {padding-left: 0px; line-height: 20px; font-size: 11px; background-color: #c8c8c8; margin-bottom: 1px;}
ul.menu > li > ul > li.selected	{color: #FFF; background-color: #636363;}
ul.menu > li > ul > li > a		{margin-left: 12px; color: #000; font-weight: bold;}
ul.menu > li > ul > li.selected > a, ul.menu > li > ul > li > a:hover {color: #FFF;}

/** main container - content **/
#archInfo_content {margin: 20px 0 0 0px;}

#archInfo_main .pageEnd {height: 60px; border-top: none; margin-top: 5px;}


/** footer **/
#archInfo_footer{
	position: relative;
        background-color: #006da5;
        color: #cccccc;
}

/** footer **/
#archInfo_footer td{
	padding-bottom: 0;
        padding-top: 0;
}

#archInfo_footer .container{
        font-size: 10px;
        padding-top: 0;
        padding-bottom: 0;
        background-image: none;
        background-position: 50% 0;
        background-repeat: no-repeat;
        margin-bottom: 50px;
        height:65px;
}

#archInfo_footer .container > div{
    position: relative;
    top: 0;
    color: #000;
}

/*************************/
/*** images like class ***/
/*************************/
span.title_image{
        display: none;
}

.mail_image{
	background-image: url('../images/cymelia/icons/mail.png');
}
.print_image{
	background-image: url('../images/cymelia/icons/print.png');
}
.add_image{
	background-image: url('../images/cymelia/icons/add.png');
}
.remove_image{
	background-image: url('../images/cymelia/icons/remove.png');
}
.rtf_image{
	background-image: url('../images/cymelia/icons/rtf.gif');
}
.pdf_image{
	background-image: url('../images/cymelia/icons/pdf.gif');
}
.help_image{
	background-image: url('../images/cymelia/icons/help.png');
}
.close_image{
	background-image: url('../images/cymelia/icons/close.png');
}

.arrowSmall_image{
	background-image: url('../images/cymelia/icons/arrowSmall.png');
}

.export_image{
	background-image: url('../images/cymelia/icons/export.png');
}
.export_image:hover{
	background-image: url('../images/cymelia/icons/export2.png');
}
/***********************************************************/


/*******************  drzewo kategorii  *********************/
#CategoryTreeId a {color: #333333;}
#CategoryTreeId .selectedNode {color: #333333;}

#toolTip {
  font: 10px/12px Georgia,Arial,Helvetica,sans-serif;
}
/******************    drzewo kategorii koniec  *********************/

/****************/
/***   boxes  ***/
/****************/

.pageTitle h1 {
    color: #04266a;
}
.pageTitle .actions{
    top: 15px;
}
.actions.bottom {
    border: 1px solid #04266a;
}

.box .header h1, .box .simpleBox h1{
        background: none;
        height: 42px;
        line-height: 53px;
}

/*****************************************************/

/********************************/
/*** simple box - gray border ***/
/********************************/
.simpleBox.grayBorder{/*!!!! istotne - brak spacji miedzy 'simpleBox' a 'grayBorder' !!!!*/
	border-color: #04266A;
}

.simpleBox.grayBorder .middle_border {
	border-color: #04266A;
}

.simpleBox.grayBorder .left_corner, .simpleBox.grayBorder .right_corner{/*!!!! istotne - brak spacji miedzy 'simpleBox' a 'grayBorder' !!!!*/
	background-image: none;
}
/*********************************/

/********************************/
/*** 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: none;
}
/*********************************/


/*************************/
/*** special for pages ***/
/*************************/

/** start page **/
#user_actions{
	width: auto;
	bottom: 0px;
	line-height: 18px;
	right: -1px;
        height: 25px;
}
#user_actions a{
	color: #FFF;
        font-weight: bold;
        padding: 0px 10px;
        float: right;
        border-right: 1px solid #FFF;
}
#user_actions a:hover{
	color: #FFFFFF;
        background-color: #04266a;
        text-decoration: none;
}


/*
	LEVEL ONE
*/
ul.dropdown li                      { min-height: 18px;}

ul.dropdown a:hover, ul.dropdown li.hover a		    { color: #FFFFFF; }
ul.dropdown a:active                { color: #333333; }
ul.dropdown li a                    { padding: 6px 10px; padding-top: 0px; padding-bottom: 0px; border-right: 1px solid #FFF; color: #FFF; font-weight: bold; }

ul.dropdown li.hover li.hover a     { color: #FFF; }

ul.dropdown li.hover, ul.dropdown li:hover {
    background-color: #04266a;
}

/*
	LEVEL TWO
*/
ul.dropdown ul 						{ border: 1px solid #FFF; left: -1px;}
ul.dropdown ul li 					{ background: none; background-color: #000; min-height: 21px; display: block;}
ul.dropdown ul li.last                                  { border:none; background: none; background-color: #033B90;}
ul.dropdown ul li.last.hover                            {background-image: none;}

ul.dropdown li ul li {
    background-color: #033B90;
}

ul.dropdown li ul li:hover,ul.dropdown li ul li.hover {
    background-color: #3175DB;
}

                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ padding: 0px 10px; font-weight: normal;}

ul.tab li span.tab-box a {
    color:#fefefe;
    text-decoration:none;
    position: relative;
    top: -2px;
}

ul.tab li span.simpleTab a{
    padding: 3px 10px!important;
    position: relative;
    top: -1px;
    background-color: #efefef;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    font-weight: bold;
}

ul.tab li.selected span.simpleTab a{
    border: 1px solid #000;
    border-bottom: 2px solid #FFF;
    background-color: #FFF;
}



/** advanced search **/

.documentTitle{
    margin-bottom:20px;
}

.aspectTitle{
    color: #333333;
}

.txtAspect {
    color: #333333;
}

.top_border.middle .center {
    border-top:1px solid #04266a;

}


.top_border.middle .left_corner {
    background-color:#ffffff;
    background-image: none;
}

.top_border.middle .right_corner {
    background-color:#ffffff;
    background-image: none;
}


.documentContent h1 {
    display:block;
    margin-left:0px;
    color: #333333;
}

.documentContent .actions{
    top: 15px;
}


.thumbnail span, .thumbnail:hover span{ /*CSS for enlarged image*/
    color: #333333;
}


.subject a {
    color: #333333;
}

.subject a:hover {
    color: #333333;
}


div#archInfo_header #searchInDatabase, body.withoutMenu div#archInfo_header #searchInDatabase {
    right: 10px;
}
#archInfo_content .simpleBox .left_corner, #archInfo_content .simpleBox .right_corner {
    display: none;
}

.documentTitle{
    margin-bottom: 15px;
}

#menu_horizontal #menu_items {
    height: 25px;
    margin-left: 0px;
}

.menu_left_header {
    display: none;
}

body.withoutMenu #archInfo_content {
    width: 960px;
}

body.withoutMenu #archInfo_content > .box {
    margin: 0px;
}

/** advanced search **/
body.withoutMenu table#AdvancedSearchLayoutTbl iframe#frame1 {
    width: 643px;
}

ul.dropdown > li.selected {background: white; color: black;}
ul.dropdown > li.selected a {color: black;}

ul.dropdown > li.selected ul > li.selected {background: white; color: black;}
ul.dropdown > li.selected ul > li.selected > a {color: black;}

p {
    text-indent: 30px;
    line-height: 20px;
    text-align: justify;
}

#archInfo_footer table {
    display: table;
    text-align: center;
}

a:hover {color: #2b5fae;}

.multiDatings a {
    color: #033B90;
}

div#archInfo_header #logoLeft{
    background-image: url("../images/cymelia/header/logo.png");
    background-repeat: no-repeat;
    display: block;
    height: 130px;
    left: 0;
    position: relative;
    top: 10px;
}
div#archInfo_header #logoLeft div {
    display: none;
}
div#archInfo_header #logoRight{
    background-image: url("../images/cymelia/header/logo_motyw.png");
    background-repeat: no-repeat;
    display: block;
    height: 219px;
    position: absolute;
    right: 0;
    top: 0px;
    width: 385px;
    background-position: 0px -93px;
}

input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="file"], input[type="image"], select {
    border-color: #04266A;
}

.simpleBox_content {
    color: #333333;
}

.inputWithSubmit input[type="submit"], .inputWithSubmit button, .inputWithSubmit button.ui-state-hover, .inputWithSubmit input.ui-state-hover[type="submit"] {
    background-color: #04266a !important;
    background-image: url("../images/cymelia/arrow_gray.png") !important;
}

#searchInDatabase input[type="button"], #searchInDatabase button {
    color: #04266a;
}

#archInfo_main .documentTitle .pageEnd {
    margin-top: 10px;
    display: none;
}

.documentDescription {
    margin-top: 15px;
}

body.SimpleSearch\.jsp .documentContent .inputWithSubmit {
    width: auto;
}
