@import url("Site.css");
@import url("print.css") print;

/*------------------------------------------------
				basic definitions
-----------------------------------------------*/

* { margin: 0; padding: 0; }
html { padding: 0 auto; margin: 0 auto; font-family: verdana; font-size: 11px; line-height: 150%; color: black; text-align: center; background: white; }
body { background:  #36BBCE; text-align: center; margin: 0 auto; padding: 0 auto; min-width: 990px; }

a { color: #015965; }
a:hover { text-decoration: none; }
h2 { font-size: 19px; line-height: 22px; font-family: Arial; border-bottom: 1px solid #c2c2c2; margin: 0px 10px; color: #03899C; padding: 10px 0px 5px 0px; }
h3 { font-size: 18px; line-height: 18px; font-family: Arial; color: #333; padding: 5px 5px 0px 10px; }
h4 { font-size: 16px; line-height: 16px; font-family: Arial; color: #535353; padding: 5px 5px 0px 10px; }

/*------------------------------------------------
				basic Layout
-----------------------------------------------*/

#view-left { clear: both; background: url('../images/layout/leftShadow.png') repeat-y left top; padding: 0 auto; margin: 0px 10px 0px 10px; text-align: left; }
#view-right { background: url('../images/layout/rightShadow.png') repeat-y right top; padding: 0 auto; margin: 0px; text-align: left; }
#view-center { background: white; margin: 0px 13px; text-align: left; }
hr.cleaner { height: 1px; visibility: hidden; clear: both; }

/*------------------------------------------------
						Login
-----------------------------------------------*/

#logincontainer { display: block; position: absolute; top: 0; right: 0; height: 40px; width: 400px; }
table#login { border-collapse: collapse; height: 40px; float: right; margin-right: 40px; min-width: 200px; }
table#login tr { vertical-align: middle; }
table#login tr td.left { padding: 0px 20px; vertical-align: middle; margin: 0px;border: 1px solid #015965;background-color: #5FC0CE; }
table#login tr td.left input, table#login tr td.left a img { border: none; padding: 0px; margin: 0px 0px; }
table#login tr td.right { width: 10px; }

.login-icon { float: right; border-left: 1px solid #097500; margin-left: 10px; height: 15px; padding-left: 10px; }

/*------------------------------------------------
						Header
-----------------------------------------------*/

#header { height: 90px; display: block; margin: 0px; }

/*  Logo  */

#logo { float: left; height: 75px; margin-left: 25px; margin-top: 15px; width: 0px; }

/*  Popis  */

#description { float: left; margin: 0px; width: 750px; height: 90px; text-align: left; }
#description h2 { line-height: 70%; color: white; font-size: 30px; font-weight: bold; margin-top: 7px; border: none; }
#description h2 span.subtitle { margin: 0px 0px 0px 0px; font-size: 18px; color: #f5f5f5; font-weight: normal; }

/*------------------------------------------------
	language
-----------------------------------------------*/

/*  basics  */

#language { float: right; margin-right: 40px; margin-top: 62px; }
#language a { text-decoration: none; font-weight: bold; color: white; }
#language a.normal { float: right; }
#language a.active { height: 20px; float: right; margin: 0px 2px; }
#language a.normal table, #language a.active table { border-collapse: collapse; border: none; }
#language a.normal table tr td, #language a.active table tr td { height: 25px; line-height: 25px; vertical-align: middle; padding: 3px 10px 0px 20px; border: none; border-collapse: collapse; }

/*  active  */

#language a.active table tr td.left { border-style: solid;border-color: #015965;border-top: 1px;border-bottom: 0px; border-left: 1px; border-right: 0px; background-color: #03899C;}
#language a.active table tr td.right {border-style: solid;border-color: #015965;border-top: 1px;border-bottom: 0px; border-left: 0px; border-right: 1px; background-color: #03899C; padding: 0px; width: 10px; }
#language a.active:hover table tr td.left { background-position: 0px 0px; background-color: #5FC0CE;}
#language a.active:hover table tr td.right { background-position: 0px 0px; background-color: #5FC0CE;}

/*  passive  */

#language a.normal table tr td.left { border-style: solid;border-color: #015965;border-top: 1px;border-bottom: 0px; border-left: 1px; border-right: 0px; background-color: #03899C; }
#language a.normal table tr td.right { border-style: solid;border-color: #015965;border-top: 1px;border-bottom: 0px; border-left: 0px; border-right: 1px; background-color: #03899C; padding: 0px; width: 10px; }
#language a.normal:hover table tr td.left { background-position: 0px 0px; background-color: #5FC0CE;}
#language a.normal:hover table tr td.right { background-position: 0px 0px; background-color: #5FC0CE;}


/*------------------------------------------------
					ToolBar
-----------------------------------------------*/

.toolbar { background: #eee; padding: 5px 10px; margin: 10px; border: 1px solid #ccc; }
.toolbar .right { float: right; }
.toolbar .left { }

/*------------------------------------------------
		  breadcrumbs
-----------------------------------------------*/

#breadcrumbs { margin: 0px; clear: both; border-bottom: 1px solid #eee; background: white url('../images/toolbar-bg.png') repeat-x; }
#breadcrumbs p { color: #535353; margin: 0px 2px; padding: 0px 3px; }
#breadcrumbs p span { color: #535353; }
#breadcrumbs p a { color: #097500; }
#breadcrumbs p a:hover { text-decoration: none; }
#breadcrumbs ul li span.other { margin: 2px 2px; padding: 3px 3px; background: url('../images/arrows/rightDark.png') no-repeat left bottom; }
#breadcrumbs ul span { margin: 3px 2px; padding: 0px 3px; }


/*------------------------------------------------
		  text body
-----------------------------------------------*/

#content { background: white; background: white; padding: 0px 5px 5px 5px; }
#content h3 { font-size: 18px; line-height: 18px; font-family: Arial; color: #333; padding: 5px 5px 0px 10px; }
#content h4 { font-size: 16px; line-height: 16px; font-family: Arial; color: #535353; padding: 5px 5px 0px 10px; }
#content p { font-size: 11px; color: #333333; padding: 10px 15px 10px 20px; }
#content ol { font-size: 11px; color: #333333; padding: 10px 15px 10px 40px; }
#content ol li { }
#content ul { font-size: 11px; color: #333333; padding: 10px 15px 10px 40px; }
#content ul li { }

/*------------------------------------------------
						footer
-----------------------------------------------*/

#footer { padding: 0px; width: 100%; font-size: 11px; height: 150px; background: white url('../images/layout/footer-bg.png') repeat-x left top; }
#footer .footer-inner { border-top: 0px solid #ccc; padding: 8px 30px; color: #333; line-height: 190%;xbackground-color: #36BBCE; }
#footer .footer-inner a { text-align: right; color: #015965; }

/*------------------------------------------------
					news
-----------------------------------------------*/
div.news span { }
div.news span.header { display: block; border: 1px solid #858585; margin: 0px 10px; padding: 3px 10px; background: #36BBCE; }

/*------------------------------------------------
			   addons
-----------------------------------------------*/

/*  Chybové hlášky  */

.errorList { margin: 10px; }
.errorList ul { padding: 7px; list-style-type: none; border: 1px solid #ccb102; background: /*e9d220*/ #f2e155; }
.errorList ul li { padding: 2px; color: #333; }

.errorListInner {
    margin: 0px;    
}
.errorListPosunout {
    margin-top:-15px;
}


/*------------------------------------------------
						Grid
-----------------------------------------------*/

table.grid-content tr th.grid-header { padding: 5px 5px; border-right: 1px solid #4b4b4b; white-space: normal; }
table.grid-content tr.grid-header th { padding: 5px 5px; border-right: 1px solid #4b4b4b; }
table.grid-content tfoot tr th { height: 50px; text-align: center; padding: 0 auto; margin: 0 auto; }
table.grid-content tr th.grid-header.sorted-up { padding-left: 26px; background: #1F6B75 url('../images/grid/sorted-up.png') no-repeat left top; text-decoration: none; }
table.grid-content tr th.grid-header.sorted-down { padding-left: 26px; background: #1F6B75 url('../images/grid/sorted-down.png') no-repeat left top; text-decoration: none; }
table.grid-content tr th.grid-header.sorted { background-color: #1F6B75; text-decoration: none; }
table.grid-content tr.grid-header th { background-color: #1F6B75; text-decoration: none; }
table.grid-content tr th.grid-header.unsorted { background: #cccccc url('../images/grid/unsortable.png') repeat-x left top; text-decoration: none; }
table.grid-content tr th.grid-header.unsorted.edit { width: 80px; background: #cccccc url('../images/grid/unsortable.png') repeat-x left center; text-decoration: none; }
table.grid-content tr th.grid-header a { display: block; color: #E8F7FF; text-decoration: none; white-space: normal; }

/* Grid */
table.grid-content { border: 1px solid #858585; color: #333; vertical-align: middle; width: 100%; border-collapse: collapse; }
table.grid-content tr { vertical-align: middle; border: 1px solid #858585; margin: 10px;background-color: white; }
table.grid-content tr td { vertical-align: middle; border: 1px solid #858585; padding: 3px 0px 3px 5px; margin: 0px; }
table.grid-content thead td { white-space: nowrap; }

/*  Styles for even and odd rows  */
.grid-row.even { background: #f2f2f2; }
.grid-row.even:hover { background: #E8F7FF; }
.grid-row.odd { }
.grid-row.odd:hover { background: #E8F7FF; }

/* paging */
.grid-pager { display: inline-block; font-weight: normal; margin: 0 auto; padding: 0 auto; }
.grid-pager td { }
.grid-pager-count { float: left; margin: 5px 15px; }
.grid-pager-navigator { clear: none; }
.grid-pager-navigator div { float: left; height: 100%; vertical-align: bottom; margin: 5px 0px; }
.grid-pager-navigator a { border: 0px; color: #4b4b4b; text-decoration: none; font-size: 15px; margin: 2px 3px; }
.grid-pager-navigator a img { border: 0px; }
.grid-pager-navigator form { margin: -3px 0px; }
.grid-pager-navigator label { margin: 5px; }
.grid-pager-navigator form input { width: 30px; margin: 2px; }

/*------------------------------------------------
					MultiEditor
-----------------------------------------------*/

table.multieditor-content { border: 1px solid #4b4b4b; }
table.multieditor-content td
{
    max-width: 300px;
}
table.multieditor-content tr th.grid-header { padding: 5px 5px; border-right: 1px solid #4b4b4b; white-space: normal; overflow: hidden; }
table.multieditor-content tr th.rowcount { padding: 2px 2px; text-align: center; }
table.multieditor-content tr.grid-header th { background: #b0d68b url('../images/grid/sortable.png') repeat-x left top; text-decoration: none; white-space: normal; }
table.multieditor-content tr th.grid-header.unsorted { background: #cccccc url('../images/grid/unsortable.png') repeat-x left top; text-decoration: none; }
table.multieditor-content tr th.grid-header.unsorted.edit { width: 80px; background: #cccccc url('../images/grid/unsortable.png') repeat-x left center; text-decoration: none; }
table.multieditor-content tr th.grid-header a { display: block; color: #333333; text-decoration: none; }
table.multieditor-content { color: #333; vertical-align: middle; width: 100%; background: white; border-collapse: collapse; }
table.multieditor-content tr.grid-row { vertical-align: middle; border: 1px solid #858585; margin: 10px; }
table.multieditor-content tr.grid-row > td { vertical-align: middle; padding: 0px; margin: 0px; border-right: 1px solid #4b4b4b; }
table.multieditor-content thead td { white-space: nowrap; }
.multiEntityEditor .editorRow { width: 99%; }
.multiEntityEditor .editorEditCellInner select.editCtl { width: auto; font-size: 11px; }

/*.multiEntityEditor .calendarButton 											{ float:none; }*/

.multiEntityEditor .editorEditCellInner input.editCtl { width: 130px; }
.multiEntityEditor .editorEditCell { padding: 0px; margin: 0px; }
.multiEntityEditor .editorEditCellInner table.editCtl { width: auto; }


.editCtl tr td input[type='checkbox'] { margin-right: 5px; }

.editCtl tr td input:focus { background: #535353; z-index: 9999; visibility: visible; }


table.multieditor-content tr td { padding: 0px; margin: 0px; overflow: hidden; }
table.multieditor-content tr td div.editorRow { padding: 0px; clear: none; overflow: hidden; }
table.multieditor-content tr td .editorRow .editorEditCell { padding: 1px; clear: none; overflow: hidden; }

table.multieditor-content tr td .editorRow .editorEditCell .editorEditCellInner span img, .editorEditCellInner img, .calendarButton { vertical-align: top; border-width: 2px 3px 2px 3px; border-style: solid; border-color: transparent; cursor: pointer; }


/*------------------------------------------------
					Horní filtr
-----------------------------------------------*/

.grid-filter { background: white; margin: 10px; }
.grid-filter fieldset { border-width: 0px 1px 1px 1px; border-style: solid; border-color: #ccc; background: white; }
div.grid-header-check { clear: both; display: block; }
div.grid-header-check div.grid-legend { margin: 0px 0px; border: 1px solid #858585; padding: 0px; }
div.grid-header-check .grid-legend h2 { border: 0px; padding: 0px; margin: 0px; }
div.grid-header-check .grid-legend h2 a { color: #ffffff; font-weight: bold; margin: 0px; font-size: 12px; padding: 1px 20px 1px 15px; font-weight: normal; text-decoration: none; display: block; min-width: 832px; }
div.grid-header-check, .grid-legend h2 a:hover {  font-weight: normal; color: #ffffff; }
div.grid-header-check.active, .grid-legend h2 a {  color: #ffffff; }
div.grid-header-check.active, .grid-legend h2 a:hover {  color: #ffffff; }


/*____________________________________    Není hotovo ____________________________________________________________________________________________________________________*/


/****************************************/
/*********** collapsible box ************/
/**************************************/

.grid-filter { background: white; margin: 10px 0px; }
.grid-filter fieldset { border-width: 0px 1px 1px 1px; border-style: solid; border-color: #858585; background: white url('../images/top-shadow.png') repeat-x;padding-top: 5px; }


div.grid-header-check { clear: both; display: block; }
div.grid-header-check div.grid-legend { margin: 0px 0px; border: 1px solid #858585; padding: 0px; }
div.grid-header-check .grid-legend h2 { border: 0px; padding: 0px; margin: 0px; }
div.grid-header-check .grid-legend h2 a { background: url('../images/filter/filter-open.png') left top no-repeat; margin: 0px; font-size: 12px; padding: 1px 20px 1px 22px; color: white; font-weight: normal; text-decoration: none; display: block; }
div.grid-header-check .grid-legend h2 a:hover { background: url('../images/filter/filter-open-hover.png') left top no-repeat; }
div.grid-header-check.active .grid-legend h2 a { background: url('../images/filter/filter-closed.png') left top no-repeat; }
div.grid-header-check.active .grid-legend h2 a:hover { background: url('../images/filter/filter-closed-hover.png') left top no-repeat; }

/* filter hidding */
.hidden { display: none; }


/************************************/
/*********** login page ************/
/************************************/
#loginArea { width: 500px; margin: 0 auto 0 auto; }

#loginArea dl dt { width: 150px; float: left; }
#loginArea dl dd { width: 300px; float: left; padding: 3px; }
#loginArea .submitButtonDd input { padding: 5px 10px 5px 10px; cursor: pointer; }

.login { border-collapse: collapse; margin: 10px; padding: 10px; }
.accountInfo p { text-align: left; padding: 7px; width: 200px; }
.accountInfo p input { width: 160px; width: auto; }
.accountInfo p label { width: 100px; text-align: right; }

fieldset.login { }
fieldset.login legend { margin: 0px 10px; padding: 0px 5px; font-size: 19px; line-height: 22px; font-family: Arial; color: #015965; }


/*********************************/
/************ dialog *************/
/*********************************/
#headermodal { padding: 20px 0px 0px 0px; }
#header-modal .header-inner-modal { background: white; height: 100%; width: 100%; border-top: 3px solid #097500; text-align: center; font-weight: bold; }

#footermodal { padding: 0px; width: 100%; font-size: 11px; height: 20px; background: white; border-top: 3px solid #097500; }
#afterfooter { padding: 0px; width: 100%; font-size: 11px; height: 150px; background: white url('../images/layout/footer-bg.png') repeat-x left top; }

#content-modal { background: white; background: white; padding: 0px 5px 15px 5px; }
#content-shadow-modal { width: 900px; padding: 0px; text-align: left; }

table.slim {border-collapse: collapse;}
table.slim, table.slim th, table.slim td {border: 1px solid black;padding: 3px;}