@import url("reset.css");
@import url("specs.css");
@import url("colors.css");
@import url("customer.css");

html 
{
}

body
{
    margin:0px 0px 0px 0px;
    min-width:1000px;
    max-width:4000px;
    font-family:Trebuchet MS;
    font-size:12px;
}

iframe
{
    width: 100%;
    height: 100%;
}

a
{
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
    text-decoration: none;
}

span.underline
{
    text-decoration:underline;
}

span.bold
{
    font-weight:bold;
}

span.italic
{
    font-style:italic;
}

span.Icon
{
    display:inline-block;
    width:15px;
    height:15px;
    background-position:center;
    background-repeat:no-repeat;
}

/********************************************/
/********* definice sloupců ZAČÁTEK *********/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

#LeftColumn
{
    position: relative;
    left: 0px;
    top: 73px;
    width:195px;
    float:left;  
    padding-left:0px;    
    padding-top: 10px;           
}

#LeftColumn div.FeatureAgenda div.FeatureBlock
{
    padding-left:0px;
}

#LeftColumn div.FeatureBlock div.Header div.Heading
{    
    margin-left: 20px;
}

#LeftColumnFloatBreaker
{
  clear:left;
}

#CenterBlock
{
    padding-top:100px;
    float:left;
    position:relative;
    left:50%;
}

/**************************************************************************/
/***************** definice objektu v pravem sloupci **********************/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

#RightColumn
{    
    position: relative;
    margin-left:205px;    
    padding-top: 10px;
    left: 0px;
    top: 73px;               
}

#RightColumn div.Copy, #CenterColumn div.Copy
{
    padding-right:20px;
    text-align:right;
    font-size:10px;
}

#RightColumn div.FeatureBlock
{
  padding-right:10px;
}

#RightColumn div.FeatureBlock div.Footer div.Center
{    
    height:3px;    
    background-image:url("images/stdblock_footer_back2.png");
    background-repeat:repeat-x;
    margin-bottom:10px;        
}

/* --- ikona pro opakovane zjisteni poctu formularu--- */
#RightColumn div.FeatureBlock div.Body div.Section span.ico_review_recipient 
{
  border: 1px #ffffff solid;  
  position: relative;
  top: 3px;  
}

/*^^^^^^^^^^^^^^^^^ definice objektu v pravem sloupci ^^^^^^^^^^^^^^^^^^^^*/



/**************************************************************************/
/******  #CenterColumn (pokud neni zobrazen #LeftColumn - bez agendy) *****/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

#CenterColumn
{
    position: relative;
    left: 0px;
    top: 73px;    
    margin: 0 10px 0 10px;
}


#CenterColumn div.FeatureBlock
{
}

#CenterColumn div.FeatureBlock div.Body div.Section
{
    padding-top: 10px;             
}

#CenterColumn div.FeatureBlock div.Header
{
    padding-top: 10px;
}

#CenterColumn div.FeatureBlock div.Header span.Heading
{
    padding-left: 0;
}

#CenterColumn div.Body div#FeatureMainMenu
{
    position: static;           
}

/*^^^^^ #CenterColumn (pokud neni zobrazen #LeftColumn - bez agendy) ^^^^^*/


/**************************************************************************/
/********* definice login, loginInfo, featureSerach a featureLogo *********/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

#CenterBlock div.FeatureLogin div.FeatureBlock
{   
    float:left;
    width:405px;
    margin-top:0px;
    position:relative;
    left:-185px;
}

#CenterBlock div.FeatureLogin div.FeatureBlock div.Section
{    
    padding-top:20px;
}

#CenterBlock div.FeatureLogin div.FormRow
{
    margin-top:0px;
    margin-bottom:4px;
    white-space: nowrap;
}

#CenterBlock div.FeatureLogin div.FormRow label.FormLabel
{
    width: 32%;
    display:inline-block;
}

#CenterBlock div.FeatureLogin div.FormRow span.FormLabelContent
{
    /* width: 70%; */
    display:inline-block;
}

#CenterBlock div.FeatureLogin div.Copy
{   
    clear:left;
    width:350px;
    margin-top:0px;
    position:relative;
    left:-185px;

    padding-right: 20px;
    text-align:right;
    font-size:10px;
}

#FeatureLogo
{
    position: fixed;    
    left: 0px;
    top: 0px;
    float:left;     
    margin: 8px 0 10px 15px;
    z-index: 102;    
    /*background-image: url('images/logo.png');*/
    width: 246px;
    height: 17px;       
}


#LoginInfo
{
    position: fixed;
    right: 305px;
    top: 0px;  
    float:right;
    margin: 10px 10px 15px auto;
    font-size:11px;   
    z-index: 102;  
}

#TopRow
{
    position: fixed;
    top: 0;
    left: 0;    
    width: 100%;
    height: 35px;        
    overflow:hidden;
    z-index: 101;
}

#LoginInfo span.LogOutButton
{
    display:inline-block;
    margin-left:5px;
    padding-left:5px;
    border-left:1px solid black;
}

#FeatureSearch
{        
    position: fixed;
    right: 15px;
    top: 0px;
    z-index: 102;
    padding-left: 15px;
    width: 270px;    
    height: 27px;
    padding-top: 8px;
    xheight:40px;
    float:right;                       
}

#FeatureSearch div.Content
{
    overflow:hidden;
    background: none;
    width:300px;
    height:40px;
}

#FeatureSearch span.InputContainerWithButton
{
    margin-top:0px;
}

#FeatureSearch span.InputContainerWithButton span.InputText
{
    width:98px;
    background-image: url('images/searchtextbox_left.png');
}

#FeatureSearch span.InputContainerWithButton span.InputInner
{
    background-image: url('images/searchtextbox_rightbutton.png');
    background-repeat: no-repeat;
    width: 24px;
    margin: 0;
    padding: 0;    
}

#FeatureSearch a.AdvancedSearch
{
    display:inline-block;
    margin-left:15px;
}

#FeatureSearch span.InputInner a:hover
{
  text-decoration: none;
}

/*^^^^^^^^^ definice login, loginInfo, featureSerach a featureLogo ^^^^^^^^*/


/*********************************************/
/********* hlavní horní menu ZAČÁTEK *********/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

#FeatureMainMenu
{
    position: fixed;
    left: 0px;
    top: 35px;
    width: 100%;
    z-index: 102;
    height: 38px;
    clear:both;    
}

#FeatureMainMenu div.RightCorner
{
    height:100%;
    width:23px;
    background-image: url('images/mainmenu_right.png');
    background-repeat:no-repeat;
    float:right;
    xoverflow:hidden;
}

#FeatureMainMenu div.RightCorner div.Arrow
{
    width:12px;
    height:7px;
    margin-left:4px;
    margin-top:25px;
    position:relative;
    z-index:100;
}


/* visible items */

#FeatureMainMenu ul.VisibleItems
{
    /* zbytek do min-width u body: 1000-20-150-23*/
    min-width:807px;    
    /* zbytek do max-width u body: 4000-20-150-23*/
    max-width:3807px;    
    height: 38px;        
    background-image: url('images/mainmenu_blue.png');
    background-repeat: repeat-x;    
    overflow:hidden;
    margin:0px;
    padding:0px;

    
}

#FeatureMainMenu ul.VisibleItems li
{
    max-width:160px;
    float:left;
    margin:0px;    
    padding: 0px 15px 0px 15px;
    overflow:hidden;
    background-image:url('images/stin.png');
    background-position:left center;
    background-repeat:no-repeat;
}

#FeatureMainMenu ul.VisibleItems li:first-child
{
    padding-left: 20px;    
    background-image:none;    
}

#FeatureMainMenu ul.VisibleItems li.selected
{
    margin-right: -1px;
    background-image: url(images/mainmenu_selected4.png);        
    background-repeat:repeat-x;    
}

#FeatureMainMenu ul.VisibleItems li.selected td
{    
    font-weight: bold;    
}    

#FeatureMainMenu ul.VisibleItems li td
{           
    height:38px;
    padding: 0px 0px 0px 0px;    
    font-size: 1.0em;
    font-weight:bold;    
    line-height: 1.0em;
    white-space: nowrap;
    background-repeat:no-repeat;
    background-position:center left;    
    vertical-align:middle;
    /* vlastnost  max-width nefunguje na elementy tabulky */
    /*max-width: 110px;*/ /* {#FeatureMainMenu ul.VisibleItems li}.max-width - {#FeatureMainMenu ul.VisibleItems li}.padding -  {#FeatureMainMenu ul.VisibleItems li td}.padding */
    /*overflow: hidden;*/
}

/* hidden items */

#FeatureMainMenu ul.HiddenItems
{
    border-style: solid;
    border-width: 1px;    
    width:200px;
    position:absolute;
    top:11px;
    display:none;    
    right:-7px;    
	  z-index:100;
}

#FeatureMainMenu ul.HiddenItems li
{

    line-height:15px;
    border-bottom:1px solid #E3E3E3;
    padding: 3px 8px 1px 8px;
}

#FeatureMainMenu ul.HiddenItems li:first-child
{
    background-image:none;
}

#FeatureMainMenu ul.HiddenItems li td
{               
    margin-bottom:0px;
    height:20px;
    padding: 0px 10px 0px 5px;    
    font-size:12px;
    line-height: 15px;        
    background-repeat:no-repeat;
    background-position:center left;    
    vertical-align:middle;
}

#FeatureMainMenu ul li.ico_empty td
{
    padding-left:0px;
}


/*^^^^^^^^ hlavní horní menu KONEC ^^^^^^^^*/


/*******************************************/
/********* standardní blok ZAČÁTEK *********/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

div.FeatureBlock
{
    margin-top:0px;    
}

div.FeatureBlock div.Header
{
    border-left:none;   
    background: none;
    margin-left:0px;
}

div.FeatureBlock div.Header div.Center
{
    margin-top: 0px;
    height:26px;    
    background-image: url('images/stdblock_header_back.png');
    background-repeat:repeat-x;
    overflow:hidden;
}

div.FeatureBlock div.Header div.Back
{
    float:left;
    background-image: url('images/back.png');
    background-position:center center;
    background-repeat:no-repeat;
    width:15px;
    height:22px;
    margin-right: 10px;
    cursor:pointer;
}

div.FeatureBlock div.Header div.Heading
{    
    font-size:14px;
    height:14px;
    margin-top: 2px;
    margin-left: 0px;
    font-weight: normal;    
}

div.FeatureBlock div.Footer div.Center
{
    height:7px;
    font-weight:bold;
    background-image: url('images/stdblock_footer_back2.png');
    background-repeat:repeat-x;
    margin-left:0;
    margin-right:0;
}

/*^^^^^^^^ standardní blok KONEC ^^^^^^^^*/    


/**********************************/
/********* agenda ZAČÁTEK *********/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

div.FeatureAgenda DIV.ico_plus
{
    background-image: url('images/ico_plus.png');
    background-position: right center;
    background-repeat:no-repeat;
}

div.FeatureAgenda DIV.ico_minus
{
    background-image: url('images/ico_minus.png');
    background-position: right center;
    background-repeat:no-repeat;
}


div.FeatureAgenda div.FeatureBlock div.Body
{
    font-size:12px;    
}

div.FeatureAgenda div.FeatureBlock ul
{
    margin:0px;
    padding:0px;
    list-style-type:none;    
    display: block;
    xoverflow: hidden;    
}

div.FeatureAgenda div.FeatureBlock li.closed span
{
    background-image: url('images/ico_sipka_z.png');
    background-repeat:no-repeat;
}
div.FeatureAgenda div.FeatureBlock li.opened span
{
    background-image: url('images/ico_sipka_o.png');
    background-repeat:no-repeat;
}

div.FeatureAgenda div.FeatureBlock li.closed.selected span
{
    background-image: url('images/ico_sipkawh_z.png');
    background-repeat:no-repeat;
}

div.FeatureAgenda div.FeatureBlock li.opened.selected span
{
    background-image: url('images/ico_sipka_o.png');
    background-repeat:no-repeat;
}

div.FeatureAgenda div.FeatureBlock ul li
{
    padding-left:12px;
    line-height:18px;
    display: block;
    xoverflow: hidden;    
	  height: 1%;
}

div.FeatureAgenda div.FeatureBlock div.Body > ul > li:first-child
{
    line-height: 23px;
}

div.FeatureAgenda div.FeatureBlock div.Body > ul > li
{
    padding-left:20px;                
}


div.FeatureAgenda div.FeatureBlock ul li a
{
    display:block;
	  height: 1%;
}

div.FeatureAgenda div.FeatureBlock ul li span
{
    display:inline-block;
    width:100%;
    margin: 0 -5px 0 -20px;
    padding: 0 5px 0 20px;    
    border-bottom: none;    
    background-position:8px center;    
}

div.FeatureAgenda li.selected span
{    
    margin-right:-5px;
    padding-right:5px;
}

div.FeatureAgenda li.selected span a
{
    font-weight:bold;    
}

div.FeatureAgenda div.FeatureBlock ul li ul li span
{
    margin-left:-32px;
    padding-left:32px;
    background-position:20px center;
}

div.FeatureAgenda div.FeatureBlock ul li ul li ul li span
{
    margin-left:-44px;
    padding-left:44px;
    background-position:32px center;
}

div.FeatureAgenda div.FeatureBlock ul li ul li ul li ul li span
{
    margin-left:-56px;
    padding-left:56px;
    background-position:44px center;
}

div.FeatureAgenda div.FeatureBlock ul li ul li ul li ul li ul li span
{
    margin-left:-68px;
    padding-left:68px;
    background-position:56px center;
}

div.FeatureAgenda div.FeatureBlock ul li ul li ul li ul li ul li ul li span
{
    margin-left:-80px;
    padding-left:80px;
    background-position:68px center;
}

div.FeatureAgenda div.FeatureBlock ul li ul li ul li ul li ul li ul li ul li span
{
    margin-left:-92px;
    padding-left:92px;
    background-position:80px center;
}

div.FeatureAgenda div.FeatureBlock ul li ul li ul li ul li ul li ul li ul li ul li span
{
    margin-left:-104px;
    padding-left:104px;
    background-position:92px center;
}

div.FeatureAgenda div.FeatureBlock ul li ul li ul li ul li ul li ul li ul li ul li ul li span
{
    margin-left:-116px;
    padding-left:116px;
    background-position:104px center;
}

div.FeatureAgenda div.FeatureBlock ul li.selected span
{
    width:97%;
    margin-right:-5px;
    padding-right:5px;
}

/*^^^^^^^^ agenda KONEC ^^^^^^^^*/

/********************************/
/********* menu ZAČÁTEK *********/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

div.FeatureMenu
{
    height:28px;    
    background-image: url('images/menu3.png');
    margin: 5px 0 0 0px;
}

/* viditelne polozky menu */

div.FeatureMenu ul.VisibleItems
{      
}

div.FeatureMenu ul.VisibleItems li
{
    float:left;
    height: 28px;
    line-height:28px;
    background-image: url('images/menu_spacer.png');
    background-position:left;
    background-repeat:no-repeat;
    padding-left:8px;
    padding-right:8px;
    white-space: nowrap;
}

div.FeatureMenu ul.VisibleItems li:first-child 
{
    background-image:none;
}

div.FeatureMenu ul.VisibleItems li.selected
{
    background-image:url('images/menu_selected3.png');
    background-position: top left;
    background-repeat:repeat-x;
    margin-right: -1px;
}

/* schovane polozky menu */

div.FeatureMenu ul.HiddenItems
{
    border-style: solid;
    border-width: 1px;
    width:148px;
    position:absolute;
    top:28px;
    left:-136px;
    z-index:100;
    display:none;
}

div.FeatureMenu ul.HiddenItems li
{    
    line-height:18px;
    background-image: url('images/menu_vspacer.png');
    background-position: center top;
    background-repeat:no-repeat;
    padding: 3px 8px 1px 8px;
    white-space: nowrap;
}

div.FeatureMenu ul.HiddenItems li:first-child 
{
    background-image:none;
}

/* sipka */ 

div.FeatureMenu div.ArrowContainer
{
    float:right;
    width:14px;
    height:28px;
    background-image: url('images/menu_arrowback.png');
    background-repeat:repeat-x;
}

div.FeatureMenu div.Arrow
{   
    position:relative;
    width:14px;
    height:28px;
    background-image: url('images/menu_arrow.png');
    background-repeat:no-repeat;
    background-position: center center;
    z-index:100;
}


/*^^^^^^^^ menu KONEC ^^^^^^^^*/


/*************************************/
/********* formuláře ZAČÁTEK *********/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

div.FeatureBlock div.Menu
{
    height:26px;
}

div.Section
{
    margin: 0;
    padding:10px 0 10px 0;    
    overflow:hidden;
}

div.SectionName
{
    margin: -0px -10px 10px -10px;
    font-weight:bold;
    font-size:13px;
    padding-left:20px;
    height:25px;
    line-height:25px;
    background-image: url('images/section_back.png');
    cursor: default;
}

hr.SeparatorLine
{
    margin: 10px 0 10px 0;
    color: #effcd1;
}

div.HeaderTitle
{
    margin: -0px -10px 10px -10px;    
    font-size:13px;
    padding-left:20px;
    height:20px;
    line-height:20px;
    background-image: url('images/section_back2.png');
}

div.HeaderTitle span.StaticText
{
    color: #23a9d9;
}

div.InfoBlock
{
    padding-left:20px;
    padding-right:3px;
    margin-bottom:5px;
    line-height:16px;
    background-image: url('images/info.png');
    background-position:left top;
    background-repeat:no-repeat;
    float:left;
}

div.InfoBlock
{
    padding-left:20px;
    padding-right:3px;
    margin-bottom:5px;
    line-height:16px;
    background-image: url('images/info.png');
    background-position:left top;
    background-repeat:no-repeat;
    float:left;
}

div.NewsBlock
{
    text-align: justify; 
    width: 278px; 
    padding: 20px 20px 20px 20px;     
    margin-bottom: 5px;
    line-height: 16px;
    float:left;    
}

div.DescriptionBlock
{
    margin-bottom:5px;
    line-height:16px;
    text-align: justify; 
    width: 878px; 
    padding: 20px 20px 20px 20px;
    float:left;
}

div.FormRow
{
	min-height: 22px;
    clear: left;
	margin: 2px 0;
}

div.FormRow label.FormLabel
{
    display:inline-block;
    xwidth:200px;        
    width:25%;
    text-align:right;
    margin:1px 5px 0px 0px;
    overflow:hidden;
    vertical-align:middle;
}
div.FormRow select
{
    width:317px!important;
}
div.FormRow span.FormLabelContent
{   
    display:inline-block;
    vertical-align:middle;
    width:70%;
}

div.FormRow span.StaticText
{
    line-height:20px;
    font-size:11px;
}

div.FormRow span.Hint
{
    vertical-align: middle;
}

span.Hint
{
    display:inline-block;
    background-image: url('images/hint.png');
    background-position: left center;
    background-repeat:no-repeat;
    margin-left:10px;
    padding-left:15px;
}

/*--- tlačítko ---*/

span.Button
{
    display:inline-block;
    height:17px;
    line-height: 18px;    
    margin-right:5px;
    padding-right:7px;
    background-image: url('images/button_right.png');
    background-position:right center;
    background-repeat:no-repeat;
    white-space:nowrap;
    vertical-align: middle;
}

span.Button a
{    
    display:inline-block;
    height:17px;
    line-height: 18px;        
    background-image: url('images/button_left.png');
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:7px;
}

/* checkbox a  radiobutton */

span.CheckBox, span.RadioButton
{
    display:inline-block;
    line-height:20px;
    padding-left:3px;
    padding-right:3px;
}

span.CheckBox input, span.RadioButton input
{
    vertical-align:middle;
    margin:0px;
    padding:0px;
    width:13px;
    height:13px;
}

span.CheckBox label.CheckBoxLabel, span.RadioButton label.RadioButtonLabel
{
    font-size:11px;
}

/* inputy */

span.InputText 
{
    width:300px;
    display:inline-block;
	height:20px;	
	vertical-align:top;
    background-image: url('images/textbox_left.png');
    background-repeat:no-repeat;
    padding-left:8px;
}

span.InputText input
{
    display:inline-block;
    margin-top:3px;
    margin-bottom:2px;
    margin-left:0px;
    margin-right:0px;
    width:100%;
    padding:0px;
    border:0px;
    height:15px;
    font-size:11px;
    font-family:Trebuchet MS;
    vertical-align:top;
}

/* STYLUJEME TYTO DRUHY INPUTU:   */
/* - input                        */
/* - input se šipkou              */
/* - input s tlačítkem            */
/* - input s tlačítkem a mazátkem */
/* - input file                   */

/* - textarea                     */


/*** input ***/

span.InputContainer
{
    display:inline-block;
    height:20px;    
    vertical-align:middle;
    white-space:nowrap;
}

span.InputContainer span.InputInner
{
    display:inline-block;
    width:9px;
    height:20px;
    background-image: url('images/textbox_right.png');
}

/*** input se šipkou ***/

span.InputContainerWithArrow
{
    display:inline-block;
    height:20px;    
    white-space:nowrap;
}

span.InputContainerWithArrow span.InputText 
{
    padding-right:2px;
}

span.InputContainerWithArrow span.InputInner
{
    display:inline-block;
    width:17px;
    height:20px;
    background-image: url('images/textbox_rightarrow.png');
}


/*** input s tlačítkem ***/

span.InputContainerWithButton
{
    display:inline-block;
    height:20px;        
    white-space:nowrap;
}

span.InputContainerWithButton span.InputText 
{
    padding-right:2px;
}

span.InputContainerWithButton span.InputInner
{
    display:inline-block;
    height:20px;
    line-height:20px;
    text-align:center;
    background-image: url('images/textbox_rightbutton.png');
    background-position:center right;
    padding-left:5px;
    padding-right:10px;
}

/*** input s tlačítkem a mazátkem ***/

span.InputContainerWithClear
{
    display:inline-block;
    height:20px;    
    white-space:nowrap;
    vertical-align:middle;
}

span.InputContainerWithClear span.InputText
{
    padding-right:2px;
}

span.InputContainerWithClear span.InputInner
{
    display:inline-block;
    height:20px;
    line-height:20px;
    text-align:center;
    background-image: url('images/textbox_rightbutton.png');
    background-position:center right;
    padding-left:5px;
    padding-right:10px;
    vertical-align:top;
}

span.InputContainerWithClear span.InputClear
{
    display:inline-block;
    width:16px;
    height:20px;
    background-image: url('images/textbox_clear.png');
}

/*** input file ***/

span.InputFileContainer
{
    display:inline-block;
    height:20px;    
    background-image: url('images/textbox_left.png');
    position:relative;
    /* width + padding = 517px */
    padding-left:8px;    
    padding-right:100px;
    width:509px;
}

span.InputFileContainer span.InputInner
{
    display:inline-block;
    width:85px;
    height:20px;
    line-height:20px;
    text-align:center;
    background-image: url('images/textbox_rightbutton.png');
    background-position:center right;
    position:absolute;
    right:0px;
    top:0px;
    z-index: 1;
}

span.InputFileContainer span.InputFile
{
    display:inline-block;
    height:20px;
    width:80px;    
    /* overflow:hidden v IE7 vylizava input[file] ven */
    overflow:hidden;
    position:absolute;
    top:0;
    right:5px;
    z-index: 2;
}

span.InputFileContainer span.InputFile input
{
    width:80px;
    text-align:right;
    position:relative;
    /* firefox a opera: */
    -moz-opacity:0;
    /*IE a opera: */
  	filter:alpha(opacity:0);
	  /* chrome, firefox, safari, opera: */
	  opacity:0;	    
    z-index:2;	
}

span.InputFileContainer span.InputFakeFile
{
    display:inline-block;
    width:100%;
    height:20px;
	vertical-align: middle;		
}

span.InputFileContainer span.InputFakeFile input
{
	margin-top:3px;
    margin-bottom:2px;
    margin-left:0px;
    margin-right:0px;
    width:100%;
    padding:0px;
    border:0px;
    height:15px;
    font-size:11px;
    z-index: 1;
}

span.InputFileContainer span.InputClear
{
    display:inline-block;
    width:16px;
    height:20px;
    background-image: url('images/textbox_clear.png');
    position:absolute;
    right:85px;
    top:0px;
}

span.InputFileContainer span.InputInner span
{
    display:inline-block;
}

/*** textarea ***/

span.TextAreaContainer
{    
    display:inline-block;
    background-image: url('images/textarea_top.png');
    background-repeat:no-repeat;
    position:relative;
    float:left;
    padding-right:9px;
    padding-top:9px;
}

span.TextAreaContainer span.InputText
{
    display:inline-block;
    height:auto;
    margin-right:-2px;
    margin-bottom:0px;
    background-image:url('images/textarea_left.png');
    background-repeat:repeat-y;    
    padding-left:5px;
}

span.TextAreaContainer textarea
{
    margin-top:-3px;
    margin-left:0px;
    margin-right:0px;
    width:100%;
    padding:0px;
    border:0px;
    font-size:11px;
    font-family: Trebuchet MS;
    overflow:auto;
    /* nedovolime Chromu resizovat pole: */
    resize:none;
}

span.TextAreaContainer span.Bottom
{
    width:100%;
    display:inline-block;
    height:11px;
    background-image:url('images/textarea_bottom.png');
    background-repeat:no-repeat;
}

span.TextAreaContainer span.InputInner
{
    display:inline-block;
    width:9px;
    height:9px;
    background-image:url('images/textarea_rtop.png');
    background-repeat:no-repeat;
    position:absolute;
    top:0px;
    right:0px;
}

span.TextAreaContainer span.Bottom span.RightCorner
{
    display:inline-block;
    width:9px;
    height:11px;
    background-image:url('images/textarea_rbottom.png');
    background-repeat:no-repeat;
    position:absolute;
    bottom:0px;
    right:0px;
}


/*^^^^^^^^^ formuláře KONEC ^^^^^^^^^*/


/***************************/
/********* dialogy *********/
/*vvvvvvvvvvvvvvvvvvvvvvvvv*/

div.DialogCaption
{
    font-size:13px;
    padding: 10px 0px;
    font-weight:bold;
}

div.DialogText
{
    margin-bottom:10px;
}

/*^^^^^^^ dialogy KONEC ^^^^^^*/


/***********************************/
/********* tabulka ZAČÁTEK *********/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

div.FeatureTable
{
    clear:left;
    padding:10px 0;
}

/*
div.FeatureTable table
{
    width:100%;
}
*/

div.FeatureTable > table
{
    float: left;
}

div.FeatureTable > div.scrolled
{
    width: 100%;
    float: left;
    overflow-x: auto;    
}
div.FeatureTable > div.scrolled > table
{
  xwidth: 100%;
}

div.FeatureTable tr.odd td
{    
    background-image: url('images/td_odd.png');    
    background-position:left bottom;
    background-repeat:repeat-x;
}

div.FeatureTable tr.even td
{
    background-image: url('images/td_even.png');    
    background-position:left bottom;
    background-repeat:repeat-x;    
}

div.FeatureTable tr.highlightedEven td
{
    background-image: url('images/td_green.png');    
    background-position:left top;
    background-repeat:repeat-x;
}
div.FeatureTable tr.highlightedOdd td
{
    background-image: url('images/td_green.png');
    background-position:left top;
    background-repeat:repeat-x;
}

div.FeatureTable tr.highlighted2Even td
{
    background-image: url('images/td_yellow.png');
    background-position:left top;
    background-repeat:repeat-x;
}
div.FeatureTable tr.highlighted2Odd td
{
    background-image: url('images/td_yellow.png');
    background-position:left top;
    background-repeat:repeat-x;
}

/* --- vybrana radka pri prejezdu mysi --- */ 
div.FeatureTable table tr.RowSelect td
{
  background-image: none;
}

div.FeatureTable th
{
    background-image: url('images/table_header2.png');
    background-position:left;
    background-repeat: repeat-x;
    height:22px;
    line-height:22px;
}

div.FeatureTable th span, 
div.FeatureTable th a
{
  font-weight: normal;
  margin-right: 4px;
}


div.FeatureTable th.white
{
    background:none;
}

div.FeatureTable th, div.FeatureTable td
{
    padding-left:8px;
    padding-right:2px;
    height: 19px;
    /* zde asi predem vime, ze je tabulka moc siroka a dame ji do scrollovaciho divu: */
    white-space:nowrap;
    overflow: hidden;
}

div.FeatureTable th.maxsized, div.FeatureTable td.maxsized
{
     width: 100%; 
}

div.FeatureTable td.maxsized
{
  white-space: normal;
}

div.FeatureTable th.align_right, div.FeatureTable td.align_right
{
     text-align: right; 
}

div.FeatureTable th.align_center, div.FeatureTable td.align_center
{
     text-align: center; 
}

div.FeatureTable td
{
    padding-top:0px;
    padding-bottom:0px;
    height:24px;
    vertical-align:middle;    
}

div.FeatureTable td.date, div.FeatureTable td.number
{
    padding-right:10px;
    text-align:right;    
}


div.FeatureTable span.ico_df
{
    background-image:url('images/ico_df.png');
}

div.FeatureTable span.ico_upravit
{
    background-image:url('images/ico_upravit.png');
}

div.FeatureTable span.ico_dokument
{
    background-image:url('images/ico_dokument.png');
}

div.FeatureTable select
{
    width:auto!important;
}

/*--- pager ---*/
div.FeatureTable div.PagerIndentor
{
    clear: left;
}

div.FeatureTable div.Pager
{
    padding-top: 10px;
}

div.FeatureTable div.Pager a:hover
{
    text-decoration:none;
}

div.FeatureTable div.Pager div.Page
{
    float:left;    
}

div.FeatureTable div.Pager div.First
{
    float:left;    
    height:20px;
    line-height:20px;
    width:16px;
    background-image:url('images/pager_first.png');
    background-repeat:no-repeat;
    margin-right:1px;
}

div.FeatureTable div.Pager div.Prev
{
    float:left;    
    height:20px;
    line-height:20px;
    width:16px;
    background-image:url('images/pager_left.png');
    background-repeat:no-repeat;
    margin-right:1px;
}

div.FeatureTable div.Pager div.ActualPage
{
    float:left;    
    height:20px;
    line-height:20px;
    background-image:url('images/pager_center.png');
    background-repeat:no-repeat;
    margin-right:1px;
    padding: 0px 5px 0 5px;            
}

div.FeatureTable div.Pager div.OtherPage
{
    float:left;    
    height:20px;
    line-height:20px;
    background-image:url('images/pager_other.png');
    background-repeat:no-repeat;
    margin-right:1px;
    padding: 0 5px 0 5px;        
}

div.FeatureTable div.Pager div.Next
{
    float:left;    
    height:20px;
    width: 16px;
    line-height:20px;    
    background-image:url('images/pager_right.png');
    background-repeat:no-repeat;
    margin-right:1px;    
}

div.FeatureTable div.Pager div.Last
{
    float:left;
    height:20px;    
    width:16px;
    line-height:20px;    
    background-image:url('images/pager_last.png');
    background-repeat:no-repeat;
    margin-right:0px;    
 }


/*^^^^^^^^^ tabulka KONEC ^^^^^^^^^*/



/********************************/
/******* tlačítka ZAČÁTEK *******/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

span.ImageButton
{
    display:inline-block;
    height:17px;
    margin-right:5px;
    padding-right:8px;
    background-image: url('images/btnframe_right.png');
    background-position:right center;
    background-repeat:no-repeat;
    white-space:nowrap;
    line-height: 18px;
}

span.ImageButton.disabled a
{
    cursor:default;
    text-decoration:none;
}

span.ImageButtonInner
{    
    display:inline-block;
    height:17px;
    background-image: url('images/btnframe_left.png');
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:7px;
}

span.ImageButtonInner a
{
    display:inline-block;
    vertical-align:middle;
    height:17px;
    background-position: left 1px;
    background-repeat:no-repeat;    
    padding-left:20px;
}

span.ImageButtonInner a.empty
{
    padding-left:0px;
}

/*^^^^^^^ tlačítka KONEC ^^^^^^^*/


/**********************************/
/******* notifikace ZAČÁTEK *******/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

div.FeatureNotification
{
    margin-top:0px;
    margin-right:5px;
    vertical-align: middle;        
}

div.FeatureNotification div.Content
{   
    padding:0px 10px;
    font-weight:bold;
    min-height: 30px;
    vertical-align: middle;
    margin-bottom: 10px;
    line-height: 30px;
    
}

/*****************************/
/******* error ZAČÁTEK *******/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvv*/

div.FeatureError
{
    position:relative;
    left:-50%;
}

div.FeatureError h1
{
    font-size:15px;
    font-weight:bold;
    margin-bottom:20px;
}

div.FeatureError div.Center
{
    float:left;
    position:relative;
    left:50%;
}

div.FeatureError div.Center div.Buttons
{
    float:left;
    position:relative;
    left:-50%;
}

/*^^^^^^^ error KONEC ^^^^^^^*/

/********************************/
/****** user tabs ZAČÁTEK *******/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

#tabs_icon_preview 
{
    border: 1px black dotted; 
    padding: 2px;
}

/****** user tabs KONEC *******/


/***************************************/
/****** Archive Storage  ZAČÁTEK *******/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/


span.Icon.archiveFormDetail span.Icon.archiveFormDetailAll
{
   cursor: pointer;   
}

span.Icon.detailOpen
{
   background-image: url('images/ico_sipka_o.png');      
}

span.Icon.detailClose
{
   background-image: url('images/ico_sipka_n.png');   
}

span.Icon.detailOpenAll
{
   background-image: url('images/ico_sipkawh_o.png');      
}

span.Icon.detailCloseAll
{
   background-image: url('images/ico_sipkawh_n.png');   
}

div.FeatureTable tr.detailHidden td
{
  background-image: none; 
}


/****** Archive Storage  KONEC *******/




/***********************************************/
/********* tabulka FormatTable ZAČÁTEK *********/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

div.FormatTable
{
    clear:left;
    padding:10px 0;
    width: 100%;
}


div.FormatTable > table
{
    float: left;
}

div.FormatTable > div > table
{
    width: 100%;
}


div.FormatTable td
{
    height:24px;
    vertical-align:middle;    
}


/*^^^^^^^^^ tabulka KONEC ^^^^^^^^^*/


/************************************************/
/********* formuláře (doplneni) ZAČÁTEK *********/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

/*--- kalendar ---*/
span.InputTextDate 
{     
   width: 70px;
}

/*--- dvojice kalendaru (OD-DO) ---*/
span.InputContainerForDates
{
    width: 95px;
}

/*--- multiline pro tabulky ---*/
div.multilineLinks
{
padding-top: 3px;
}

div.multilineLink
{
  height: 18px;
}

div.multilineLinkImg a
{
  text-decoration: none;
}

/*--- doplneni tabulky FeatureTable ---*/

div.FeatureTable th.valign_top, div.FeatureTable td.valign_top
{
     vertical-align: top; 
}

div.FeatureTable th.valign_middle, div.FeatureTable td.valign_middle
{
     vertical-align: middle; 
}

div.FeatureTable th.valign_bottom, div.FeatureTable td.valign_bottom
{
     vertical-align: bottom; 
}

/*--- dvojice edit polí (OD-DO) ---*/
span.InputTextTwoEdits 
{     
   width: 80px;
   margin-right: -2px;
}

/*^^^^^^ formuláře (doplneni) KONEC ^^^^^^^^^^*/


/************************************************/
/******* JQUERY UI modální dialog ZAČÁTEK *******/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/
 
div.dialogWithOneButton 
{
  display: none;
}

div.dialogWithOneButton > p 
{
  margin-top: 10px;
}

div.dialogWithOneButton > p > span.ui-icon 
{
  float: left; 
  margin:0 7px 20px 0;
}
 
div.dialogWithTwoButtons 
{
  display: none;
}

div.dialogWithTwoButtons > p 
{
  margin-top: 10px;
}

div.dialogWithTwoButtons > p > span.ui-icon 
{
  float: left; 
  margin:0 7px 20px 0;
}

/**** přepis default stylu JQuery UI *****/

/* sada ikon pro jquery ui */
.ui-icon
{
     background-image: url('images/ui-icons_454545_256x240.png') !important;
}

/* cely dialog */
.ui-dialog 
{
    border-radius: 0;
    border: 1px solid #5e5e5e;
    background-image: none;
    background-color: #ffffff;
}


/* title bar */
.ui-dialog-titlebar 
{  
    background-color: transparent;
    background-image: none;   
    font-weight: bold;
    color: #23a9d9;
    border: none;
    border-bottom: 1px solid #5e5e5e;
    text-shadow: 0.1em 0.1em 0.2em #878787;
    border-radius: 0; 
}

/* pruhledne pozadi obsahove casti (cast s textem) */
.ui-dialog-content 
{
    background-color: transparent;
}


/* pruhledne pozadi panelu s tlacitky */
.ui-dialog .ui-dialog-buttonpane 
{
    background-color: transparent;
}

/* tlacitka */
.ui-dialog .ui-dialog-buttonpane button 
{
   color: #ffffff;
   background-color: #5e5e5e;
   border: 1px solid transparent;
   background-image: none;
   border-radius: 0;        
}

/* schovani tlacikta s krizkem v title bar (zavreni dialogu) */
.ui-dialog .ui-dialog-titlebar-close 
{
    visibility: hidden;    
}

/* sedive polopruhledne pozadi prekryvajici celou obrazovku pod modalnim dialogem */
.ui-widget-overlay 
{
  background-image: none;
  background-color: #666666;
  opacity: 0.6; 
  filter:Alpha(Opacity=60); 
}

/*^^^^^^^ JQUERY UI modální dialog KONEC ^^^^^*/



/************************************************/
/********** JQUERY kalendář ZAČÁTEK *************/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

/**** prepis default stylu JQuery UI *****/

/* cely dialog */
.ui-datepicker 
{
    border-radius: 0;
    border: 1px solid #5e5e5e;
    background-color: #ffffff;
}

/* Barva textu pro dny a tlacitka s cislem */
.ui-datepicker-calendar tbody tr td a.ui-state-default 
{
    color: #464646;
}

.ui-datepicker-header
{
   background-color: transparent;
   background-image: none;
   border: none;
   border-bottom: 1px solid #5e5e5e;   
   border-radius: 0;
}

.ui-datepicker-calendar 
{
  background-color: #ffffff;
}

.ui-datepicker-month, 
.ui-datepicker-year
{
   color: #000000; 
}

.ui-datepicker-today
{
   background-color: #23a9d9;
   background-image: none; 
}

/* tlacitka (Dnes + Zavrit)*/
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current 
{
   color: #ffffff;
   background-color: #5e5e5e;
   border: 1px solid transparent;
   background-image: none;
   opacity: 1; 
   filter:Alpha(Opacity=100); 
   font-weight: bold;
   border-radius: 0;        
}

/*^^^^^^^^^^^ JQUERY kalendář KONEC ^^^^^^^^^^*/



/************************************************/
/******** modalni dialog pro Fillera ************/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

div.modal-overlay
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#fff;
	background:lightgrey;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	z-index:101;
}

div.modal-window
{
	position:fixed;
	top:50%;
	left:50%;
	margin:0;
	padding:0px;
	z-index:102;
	border: 0px solid white;    
	background-color: white;
}

a.modal-close-window
{
	position:absolute;
	width:32px;
	height:32px;
	right:-18px;
	top:-18px;
	background:transparent url('images/modal_dialog/close-button.png') no-repeat;
	background-color: white;
	text-indent:-99999px;
	overflow:hidden;
	cursor:pointer;
	z-index: 103;
}

a.modal-close-window:hover
{
	position:absolute;
	width:32px;
	height:32px;
	right:-18px;
	top:-18px;
	background:transparent url('images/modal_dialog/close-button-hover.png') no-repeat;
	background-color: white;
	text-indent:-99999px;
	overflow:hidden;
	cursor:pointer;
	z-index: 103;
}

a.modal-close-window-msie
{
	right:-36px;
	top:-3px;                
}

a.modal-close-window-msie:hover
{
	right:-36px;
	top:-3px;
}

div#modal-window-shadow-top
{
  position: absolute;
  display: block;
  width: 100%;
  height: 10px;
  top: -10px;
  left: 0;
  background: url('images/modal_dialog/shadow_t.png') transparent no-repeat;    
}

div#modal-window-shadow-right
{
  position: absolute;
  display: block;
  width: 10px;
  height: 100%;
  top: 0;
  right: -10px;
  background: url('images/modal_dialog/shadow_r.png') transparent no-repeat;  
}

div#modal-window-shadow-bottom
{
  position: absolute;
  display: block;
  width: 100%;
  height: 10px;
  bottom: -10px;
  left: 0;                                                       
  background: url('images/modal_dialog/shadow_b.png') transparent no-repeat;    
}

div#modal-window-shadow-left
{
  position: absolute;
  display: block;
  width: 10px;
  height: 100%;
  bottom: 0;
  left: -10px;
  background: url('images/modal_dialog/shadow_l.png') transparent no-repeat;    
}


div#modal-window-shadow-corner-top-right
{
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  top: -10px;
  right: -10px;
  background:url('images/modal_dialog/shadow_tr.png') transparent no-repeat;
}

div#modal-window-shadow-corner-top-left
{
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  top: -10px;
  left: -10px;
  background: url('images/modal_dialog/shadow_tl.png') transparent no-repeat;  
}

div#modal-window-shadow-corner-bottom-left
{
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  bottom: -10px;
  left: -10px;
  background: url('images/modal_dialog/shadow_bl.png') transparent no-repeat;  
}

div#modal-window-shadow-corner-bottom-right
{
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  bottom: -10px;
  right: -10px;
  background: url('images/modal_dialog/shadow_br.png') transparent no-repeat;  
}

div.img_wait_circle
{
    background-image:url('images/wait_circle.gif');
    background-position: center;
    background-repeat: no-repeat;
    z-index: 102;
    width: 100%;
    height: 100%;
}

div#dialog_wait
{
  cursor: wait; 
  display: none;
}

div#dialog_wait_wrap
{
  width:100%; 
  height:100%; 
  text-align: center; 
  vertical-align: middle;
}

div[aria-describedby="wf_Dlg_UseApplication"],
div[aria-describedby="wf_Dlg_Message"]
{
   z-index: 105;
}

/*^^^^^ modalni dialogpro Fillera KONEC ^^^^^^*/



/************************************************/
/********** JQUERY tooltip ZAČÁTEK *************/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

.ui-tooltip, .arrow:after 
{
   background: #ffffff;   
   border: 2px solid #5e5e5e;
}

.ui-tooltip 
{
   color: black;
   text-shadow: 0.2em 0.2em 0.2em #808080;  
   border-radius: 0;
   padding: 10px 20px;
   box-shadow: 0 0 8px black;
}

.arrow 
{
   width: 70px;
   height: 16px;
   overflow: hidden;
   position: absolute;
   left: 50%;   
   margin-left: -35px;
   bottom: -16px;   
}

.arrow.top 
{
   top: -16px;
   bottom: auto;   
}

.arrow.left 
{
   left: 20%;   
}

.arrow:after 
{
   content: "";
   position: absolute;
   left: 20px;
   top: -20px;
   width: 25px;
   height: 25px;
   box-shadow: 6px 5px 9px -9px black;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   tranform: rotate(45deg);
}

.arrow.top:after 
{
   bottom: -20px;
   top: auto;
}
/*^^^^^^^^^^^ JQUERY tooltip KONEC ^^^^^^^^^^*/


/************************************************/
/*********** HTML tag for NOSCRIPT **************/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

div.HeadTagNoJavaScriptContainer
{
   width: 100%;   
}

div.HeadTagNoJavaScript
{
   text-align: center; 
   font-weight: bold; 
   font-size: 1.7em; 
   text-shadow: 2px 2px silver; 
   color: #ff0000; 
   margin-top: 5px;
}

/*^^^^^^^^^^^ HTML tag for NOSCRIPT ^^^^^^^^^^*/


/************************************************/
/***************** FORM SIGNER ******************/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

/* livequery */
input.placeholder 
{ 
    color: #A0A0A0; 
}

div#fillerModalWinWrapper
{     
     overflow-y: auto;
}
/*^^^^^^^^^^^^^^^ FORM SIGNER ^^^^^^^^^^^^^^^^^^*/


/************************************************/
/***************** FORM SIGNER ******************/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

/* livequery */
input.placeholder 
{ 
    color: #A0A0A0; 
}

#wf_fillerform_page1
{
  background-color: #ffffff;
}

div#fillerModalWinWrapper
{     
     overflow-y: auto;
}
/*^^^^^^^^^^^^^^^ FORM SIGNER ^^^^^^^^^^^^^^^^^^*/


/************************************************/
/************* BOUND USERS PANEL ****************/
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

#bound_users_panel
{
   position: fixed;
   background-color: dimgrey;
   opacity: 0.95;
   width: 100%;             
   height: 36px; 
   margin: 0 0 0 -10px; 
   display: none;
   z-index: 103;                                  
}

#bound_users_label
{
   color: white; 
   font-weight: bold; 
   height: 36px;
}

#bound_users_sumbit, 
#bound_users_cancel
{
   vertical-align: bottom; 
   height: 25px; 
   cursor: pointer;
}

#bound_users_open
{
   border-left: 1px solid black; 
   cursor: pointer;
}

#bound_users_button
{
   vertical-align: baseline;
}

/*^^^^^^^^^^^^ BOUND USERS PANEL ^^^^^^^^^^^^^^^*/