/* Default Stylesheet */

/** BODY ELEMENTS **/
body
{
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica;
	background-color: #fff;
	height: 100%;
	width: auto;
	margin:0;
	padding:0;
}

table
{
	font-size: xx-small;
}


#table_main
{
	width: 100%;
}

/*styl pro prvni bunku main tabulky - nepouzita*/
#top_image
{
	width: 161px;
	background-image: url('Images/logo-back.jpg' );
	text-align: center;
}

#top_banner
{
	text-align: right;
	background-image: url('Images/top_banner_right.jpg');
	height: 91px;
}

#topdiv
{
	background-image: url('Images/background_top1.jpg');
	background-repeat:no-repeat;
	height: 91px;
}

#logodiv
{
	float:left;
	padding-top:3px;
	margin-left:30px; 
	height: 90%;
}

#version
{
	color: #14303C;
	text-align: right;
}

#version table
{
	border-collapse: collapse;
	border-spacing: 0;
}

#version .version_labels
{
	margin-left: auto;
	background-image: url('Images/pruhledny50proc.png' );
	padding: 0.3em 1em;
}

#version a
{
	color: Black;
	font-weight: bold;
}

#version img
{
	cursor: pointer;
}

#menu
{
	background-image: url('Images/background_left_2.jpg' );
	background-repeat: no-repeat;
	background-position: top left;
	vertical-align: top;
	width: 161px;
	min-width: 161px;
}

#main
{
	padding: 10px;
	vertical-align: top;
}

.titleView
{
	display: block;
	font-size: 200%;
	font-weight: bold;
	color: #275475;
	margin: 0.1em 0.1em 1em 0.1em;
}

.top_banner_label
{
	color: #DCEEF6;
	font-weight: bold;
	font-size: 16pt;
	font-family: Verdana, Sans-Serif;
}

.label_info
{
	font-size: 140%;
	color: #275475;
}

.logo
{
	
}

div.button input
{
     color:#DCEEF6;     
     border:0;
     background-color:transparent;
     width:150px;
     height:22px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 8pt;
     cursor:pointer;
     font-weight: bold;
}

div.button
{
     background:url('Button/buttom_50.jpg') left top no-repeat;
     border: 1px solid #378FA7;
     margin: 0 5px 5px 0;
     float: left;
}

div.button:hover, div.button.hover
{
	behavior:url('hover.htc');
    background-image: url(Button/buttom_3.jpg);
}

div.button:hover input, div.button.hover input
{
     color:#FFF;   
}

div.button input.disabled, div.button input.disabled:hover, div.button input.disabled.hover
{
     color:#3F3F3F;
     cursor:default;
     background-image: url('Button/buttom_50_disabled.jpg');
}

.button_menu{
	width:150px;
	line-height:23px;
	text-align:center;
	cursor:pointer;
	margin:2px;
	color: #DCEEF6;
}

.button_menu_hidden
{
	position: absolute;
	width: 150px;
	background-color: #CCCCCC;
}

.button_over{
	width:150px;
	line-height:23px;
	text-align:center;
	cursor:pointer;
	font-weight: bold;
	margin:2px;
	background-image: url(Button/buttom_3.jpg);
	color: white;
	display: table;
}

.button_disabled{
	cursor:default;
	background: none;
	background-image: url(Button/buttom_50_disabled.jpg);
	color: #275475;
}

.clear
{
     clear:both;
}
/*---BUTTON MENU---*/
div.menu {
    background: url('Button/buttom_50.jpg') left top no-repeat;
    behavior: url(../App_themes/Obnova/hover.htc);
}
div.menu:hover, div.menu.hover
{
	background:url('Button/buttom_3.jpg') left top no-repeat;
}
div.menu ul
{
	list-style-type: none;
	margin:1px 0 0 0;
	padding:0;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	visibility:hidden;
	behavior: url(../hover.htc);
}
div.menu:hover ul, div.menu.hover ul
{
	visibility:visible;	
}
div.menu ul li
{
	display:block;	
	width:150px;
	border-bottom:1px solid #368;
	color:#242424;
	text-decoration:none;
	background:#1C5371;
}

/*MENU>END*/


/*GRID*/
.grid
{
	/*font-size: 100%;
	/*min-width: 90%; */
	/*width: 90%;
	border-collapse: collapse;
	line-height: 2em;
	border-right: 1px solid black;
	border-top: 1px solid black;*/
	/*background-color: #04294A;*/
	/*background-image: url('Grid/grid_background.jpg');
	background-repeat: repeat-x;
	background-position: top;*/
	/*background-color: */
	/*background-color: #032A49;
	color: #14303C;*/
	/*---zkopirovano z new---*/
	
	table-layout: auto;
	/*font-size: 100%;*/
	font-size: x-small;
	width: 100%;
	border-collapse: collapse;
	line-height: 2em;
	border-right: 1px solid black;
	border-top: 1px solid black;
	background-image: url('Grid/grid_background.jpg');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #032A49;
	color: #14303C;
	clear: both;
	white-space: normal;
	/*min-width: 500px;*/
}

.grid tbody
{
	background-color: white;
}

.grid img
{
	margin-left: 0.3em;
}

.grid tr{
	/*border: 1px solid black;*/
	
}

.grid th
{
	text-align: center;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	padding: 4px;
	line-height:15px;
	vertical-align: middle;
	/*background-color: #99CCFF;*/
}
.grid th a
{
	margin: auto 0.4em;
}

.grid_controls_left
{
	font-size:7pt;
	white-space:nowrap;
}
.grid_controls_right
{
	font-size:7pt;
	text-align:right;
	white-space:nowrap;
}
.grid_controls_right input
{
	width:25px;
	height:13px;
	text-align:right;
	font-size:8pt;
	margin: 0 3px 0 3px;
	padding:0;
}
input.grid_controls_pagebox
{
	width:25px;
	height:13px;
	text-align:right;
	font-size:8pt;
	margin-right:1px;
	padding:0;
}
.grid_headerText
{
	color: #D4F6FF;
}

.grid td
{
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	padding: 0 0.5em;
	vertical-align: middle;
	width: auto;
	white-space: normal;
}

.row_selected
{
	background-color: #275475;
	color: #D4F6FF;
}

.row_over
{
	/*background-color: #DCEEF6;
	color: #275475;*/
	/*--zkopirovano z new--*/
	background-color: #D4F6FF;
	color: #14303C;
}

.grid_pageButton
{
	/*color:Black;
	border:1px solid black;
	padding:1px;
	margin:2px;
	text-decoration:none;
	font-weight: bold;
	border-top: 1px solid #D4F6FF;
	border-left: 1px solid #D4F6FF;
	border-right: 1px solid #14303C;
	border-bottom: 1px solid #14303C;
	color: #DCEEF6;
	margin: 0 1em 0 0.5em;
	background-image: url('Grid/grid_background.jpg');
	background-position: center center;
	background-repeat: repeat-x;*/
	
	/*--zkopirovano z new--*/
	text-decoration: none;
	font-weight: bold;
	border-top: 1px solid #D4F6FF;
	border-left: 1px solid #D4F6FF;
	border-right: 1px solid #14303C;
	border-bottom: 1px solid #14303C;
	color: #DCEEF6;
	/*padding:1px;*/
	/*margin: 0 1em 0 0.5em;*/
	background-image: url('Grid/grid_background.jpg');
	background-position: center center;
	background-repeat: repeat-x;
	padding: 2px 3px 2px 3px;
	/*display: block;
	float: left;*/
	/*padding: 0 5px;*/
	margin: 2px;
}

.grid_filter_on
{
	color: #D4F6FF;
}

.grid_sortOrder
{
	margin: 0.1em;
	font-size: 6pt;
	color: #D4F6FF;
	font-weight:normal;
}
.grid_pager
{
	float: left;
	width: 87%
}
.grid_pageRowCover
{
	float: left;	
	width: 60%;
	min-width: 570px;
	margin-bottom: 10px;
	height: 2em;
}
.grid_pageRow1 
{
	/*margin: 1em 4em 0 0;*/
	float: left;
	text-align: left;	
	height: 2em;
	padding: 0.5em 4em 0 0;
}

.grid_lbGotoPage
{
	display: none; /*xxx*/
	color: #275475;
}

.grid_pageRow2
{
	margin: 1em 0 0 0;
	float: left;
	text-align: left;
	height: 2em;
	padding-top: 0.5em;
	color: #275475;	
}

.grid_pageRow3
{
	margin: 1em 0;
	float: left;
	height: 2em;
	clear: both;
	width: 90%;
}

.grid_pageRow3 input
{
	width: 35px;
	border: 1px solid black;
	background-color: #DCEEF6;
	background-image: url('Input/input_background.jpg');
	background-position: left top;
	text-align: right;
}

.grid_pageRow3 a
{
	font-weight: bold;
	border-top: 1px solid #D4F6FF;
	border-left: 1px solid #D4F6FF;
	border-right: 1px solid #14303C;
	border-bottom: 1px solid #14303C;
	color: #DCEEF6;
	font-size: 100%;
	padding: 3px 5px 1px 5px;
	text-decoration: none;
	margin: 0 1em 0 0.5em;
	background-image: url('Grid/grid_background.jpg');
	background-position: top center;
	background-repeat: repeat-x;
}

.grid_rowColumnHide
{
	/*margin: 1em 0;*/
	/*float: left;*/
	/*clear: both;*/
	/*--zkopirovano z new--*/
	margin: 0;
	float: left;
	cursor: pointer;
}

.grid_ExpandCollapse
{
	padding: 0.2em 0;
}

.grid_ExpandCollapse a
{
	color: #275475;
	cursor: pointer;
	margin: 0 2em 0 0;
	font-weight: bold;
}

.grid_ExpandCollapse a:hover
{
	color: #14303C;	
	text-decoration: none;
}

table.grid
{
	width:100%;	
}


/*ctx menu nad gridem*/
.grid_contextMenu, .grid_contextMenu ul.sub
{
	margin: 0;
	padding: 0;
	width: 150px;
	list-style-type: none;
	background-image: url('Grid/CtxBackground.gif' );
	background-repeat: repeat-y;
	background-color: #DCEEF6;
	border: 1px solid #275475;
	text-align: left;
}

.grid_contextMenu li
{
	width: 150px;
	margin: 0;
	position: relative;
	white-space: nowrap;
	behavior: url(hover.htc);
	
	_float: left; 
	&float: left;
}

.grid_contextMenu a
{
	padding: 5px 0px 5px 30px;
	width: 117px;
	text-decoration: none;
	display: block;
	color: #14303C;
	overflow: hidden;
}

.grid_contextMenu .contextFilter
{
	background-image: url('Grid/FilterOn.gif');
	background-position: 4px center;
	background-repeat: no-repeat;	
}

.grid_contextMenu ul.sub
{
	position: absolute;
	top: 0;
	left: 150px;
	visibility: hidden;
}

.grid_contextMenu li:hover, .grid_contextMenu li.hover
{
	background-color: #B6BDD2;
}

.grid_contextMenu li:hover ul.sub, .grid_contextMenu li.hover ul.sub
{
	visibility: visible;
}

.grid_contextMenu img.arrow
{
	position: absolute;
	top: 8px;
	left: 140px;
}

/*.grid_controlPage
{
	float:left;
	margin-right:15px;
}
.grid_controlPageSize
{
	font-size:8pt;
	float:left;
}
.grid_controlPageButtons
{
	float:left;
	margin-right:15px;
	padding-top:2px;
}
.grid_controlPage input
{
	font-size:8pt;
	width:25px;
	height:12px;
	text-align:right;
	margin-right:1px;
	padding:0;
}
.grid_controlItems
{
	float:left;
	padding-top:2px;
}
.grid_controlPageSize
{
	float:right;
	font-size:xx-small;
}
.grid_controlPageSize input
{
	font-size:8pt;
	width:25px;
	height:12px;
	margin-right:3px;
}
.grid_controlIcons
{
	float:right;
}
.grid_rowColumnHide
{
	float:right;	
	margin: 0 2px 0 5px;
}
.grid_Export2Excel
{
	float:right;	
	margin: 0 0 0 2px;
}*/



/*??? buh vi co s tim chteji kluci delat*/

.grid_groupHeader
{
    background-color:Blue;
}

.grid_groupedCol
{
    color:Red;
}



/*Columns hidden button/menu style*/

.grid_hideColumnsDiv
{
	border: 1px solid #14303C;
	padding: 5px;
	background-color: white;
	color: #14303C;
	background-image: url('Grid/grid_background2.jpg');
	background-repeat: repeat-x;
	background-position: top;
}

.grid_hideColumnsDiv ul
{
	list-style-type: none;
}


.grid_hideColumnsDiv label
{
	cursor: pointer;
	margin-left: 0.5em;
}

.grid_hideColumnsDiv a
{
	/*color: #14303C;
	font-weight: bold;
	display: block;
	margin: 0.2em auto;
	text-align: center;*/
	/*--zkopirovano z new--*/
	color: #14303C;
	font-weight: bold;
	margin: 5px 10px 5px auto;
	text-align: center;
}

/*GRID_END*/

.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}
.updateProgress div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	top: 10%;
	left: 50%;
}

/*Form definice stylu:*/

.FormColumnLeft
{
	width: 154px;
	max-width: 154px;
	color: #14303C;
	overflow: hidden;
	text-align: left;
	font-size: 100%
}

.FormColumnRight input
{
	width: auto;	
	font-size: 100%
}

.FormSlaveView
{
	border: 1px solid #14303C;
	padding: 1em;
	background-image: url('Input/form_view_background.jpg');
	background-repeat: repeat-x;
	background-color: #DCEEF6;	
}

.FormSlaveView .grid_pageRow1, .grid_pageRow2, .grid_pageRow3
{
	float: none;
}

.FormSlaveView .button
{
	background-image: url('Button/buttom_50.jpg');
	border: 1px solid #DCEEF6;
}

.FormSlaveView .titleView
{
	font-size: 120%;
	font-weight: bold;
	color: #14303C;
	margin: 0.1em 0.2em 0.5em 0.2em;
}

.FormSmallTitle
{
	color: #275475;
	font-weight: bold;
	font-size: 120%;
}

.FormBlock
{
	color: #14303C;
	background-color: #DCEEF6;
	border: 1px solid #275475;
	padding: 5px 5px;
	margin: 1em 0; /*JaHo 2.12.08 - rámečky byly moc blízko u sebe*/
}

.FormBlock .FormColumnLeft
{
	width: 144px;
}

.FormTable
{
	width: 100%; 
	table-layout:fixed;
	font-size: 100%;
}


/************
* Audit form 
************/

.AuditTable
{
	width: 100%;
	margin: 2em auto;
	padding: 0.5em 0;
	border-top: 3px double #275475; 
	border-bottom: 3px double #275475;
	text-align: center;
}

.AuditTable table
{
	margin: 0 auto;
	text-align: left;
	color: #275475;
}

.AuditTable a
{
	color: #275475;
	font-weight: bold;
	cursor: pointer;
}

.AuditTable .audit_label
{
	width: 25%;
	font-weight: bold;
}

.AuditTable .audit_value
{
	width: 25%;
}

.audit_detail div
{
	display: table;
	margin: 0.2em 3em 1.5em 3em;
	border: 1px solid #275475;
	padding: 0.2em 0.5em;
	float: left;
}

.login
{
	width: 300px;
	border: 3px double #275475;
	color: #275475;
	margin: 10% auto;
	padding: 3px;
	font-size: 10pt;
	vertical-align: middle;
}

.login input
{
	width: 100%;
}

.login td
{
	padding: 2px 10px;
}

.FreezePaneOff
{
	visibility: hidden;
	display: none;
	position: absolute;
}
.FreezePaneOn
{
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: visible;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #C8C8C8;
	z-index: 999;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	padding-top: 20%;
}
.InnerFreezePane
{
	text-align: center;
	width: 66%;
	color: #000;
	font-size: 16pt;
}

/*IKONY*/
.ico_new
{
     background:transparent url('Button/new.gif') 7px 4px no-repeat;
}

.ico_globe
{
     background:transparent url('icons/globe.gif') 7px 4px no-repeat;
}

.ico_detail
{
     background:transparent url('icons/detail.gif') 7px 4px no-repeat;
}

.ico_delete
{
     background:transparent url('icons/delete.gif') 7px 4px no-repeat;
}

.ico_save
{
     background:transparent url('icons/save.gif') 7px 4px no-repeat;
}

.ico_return
{
     background:transparent url('icons/return2.gif') 7px 4px no-repeat;
}

.ico_class
{
	background:transparent url('icons/enter.gif') 7px 4px no-repeat;
}

.ico_close
{
	background:transparent url('icons/return2.gif') 7px 4px no-repeat;
}

.ico_print
{
	background:transparent url('icons/print.gif') 7px 4px no-repeat;
}

.ico_send_mail 
{
	background: transparent url('icons/send_mail.gif') 7px 4px no-repeat; 
}

.ico_download
{
	background: transparent url('icons/download.gif') 7px 4px no-repeat;
}

.ico_word
{
	background: transparent url('icons/word.png') 7px 4px no-repeat;
}

.ico_pdf
{
	background: transparent url('icons/pdf.png') 7px 4px no-repeat;
}


.TSFW-msg {
	margin: 5px 0 5px 0;
	padding: 15px 30px 15px 62px;
	background: #d0d2ff;
	border: 2px #1502d0 dotted;
	background-image: url("images/inf.png");
	background-repeat: no-repeat;
	background-position: 15px center;
}

table.TSFW-form .TSFW-msg {
	margin: 0;
	padding: 0;
}
.TSFW-success {
	background: #dfffb8;
	border-color: #71c908;
	background-image: url("images/suc.png");
	background-repeat: no-repeat;
	background-position: 15px center;
}

.TSFW-error {
	color: red;
	background: #ffe6e6;
	border-color: red;
	background-image: url("images/inf.png");
	background-repeat: no-repeat;
	background-position: 15px center;
}

table.table-form {
	width: 100%;
	font-size: small;
}

table.table-form th, table.table-form td {
	padding: 4px 6px;
}

table.table-form th {
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
	padding-left: 15px;
	padding-right: 2px;
}

table.table-form td input[type=text], table.table-form td input[type=password], table.table-form td select {
	width: 100%;
}

div#main_dialog_content {
	padding: 5px;
	/*background:#F6F4F4;*/
}

#main_dialog_content .DetailNadpis1 {
	width: 100%;
	display: block;
	min-height: 22px;
	color: #275475;
	padding: 10px 0 0 0;
	font-weight: bold;
	font-size: 11pt;
	border-bottom: 1px solid #275475;
}

div#time{
	display: none;
}

.alert-warning {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    font-size: 175%;
}

.alert-info {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
    font-size: 175%;
}

a.uvodniOdkaz.active, a.rozcestnik.active {
	border: 3px solid red;
}

a.uvodniOdkaz.disabled, a.rozcestnik.disabled {
	opacity: 0.6;
}