/*** FORMULÁŘE ***/
form fieldset {margin-top: 10px;}

form legend {
	background:none repeat scroll 0 0 #FFFFFF;
	color:#282E31;
	display:inline;
	font-size:1em;
	margin:-20px 0 0;
	padding: 3px 10px;
	position:absolute;
	left: 30px;
	font-weight: bold;
}

form .form-row {padding-top: 8px;}

form .form-row.uir-verified input{
    border: 2px solid green;
}

form .buttons-row,
form .no-label-row {margin-left: 165px;}	

form label {padding: 3px 10px 0 0; font-weight: bold;}
.sidebar form label {padding: 0 0 3px 0;}

form label.label-outer {width: 155px;}
.sidebar form label.label-outer {width: 100%;}

form input.fi-text,
form textarea,
form select,
.jQ-selectbox {
    width: 200px;
    padding: 2px; font-size: 1.1em;
    color: #141414;
    border: 1px solid #ABABAB;
    /*background: #fff;*/
}

    .ui-tabs form input.fi-text {background: #FDFDFD url("/img/default/components/form/uitabs-input-bg.png") repeat-x;}


    .ui-tabs form input.fi-text.uir-verified {
        background: #FF0000;
    }    
    
form textarea {
	padding: 10px;
	color: #5C5F64;
	background: #fff url('/img/default/bg-textarea.png') 0 0 no-repeat;
}

form textarea {width: 225px;}
form select, .jQ-selectbox {width: 206px;}

/* Formulář v postranním boxu */
.sidebar form input.fi-text,
.sidebar form textarea,
.sidebar form select,
.sidebar .jQ-selectbox {width: 178px;}

form .fi-text:hover,
form .fi-text:focus,
form textarea:hover,
form textarea:focus,
form select:hover,
form select:focus,
.jQ-selectbox:hover,
.jQ-selectbox.selecthover {border-color: #282E31;}

form .fi-text-disabled:hover {border-color: #ABABAB;}

.dp-choose-date {width: 16px; height: 15px; margin: 3px 0 0 6px;}	/* Ikona - POP UP kalendář */


/** Povinné položky **/
.required-info-text {font-size: 0.82em;}

span.requiredSuffix {
    top: 0px; left: 0;
    padding-left: 3px;
    font-size: 1.25em;
    color: #648701;
}

/** Chybova hlaseni **/
form .error .fi-text,
form .error textarea,
form .error .fi-select {border-color: #E31313;}

form .error label,
form .error label span {color: #E31313;}

.error-msg {
    margin: 0 0 5px 159px;
    font-size: .92em;
    color: #000;
    font-weight: bold;
}

/* Hlášení u submit tlačítka */
.error-submit {
    padding: 20px 0 10px;
    font-size: 1.08em;
    font-weight: bold;
    text-align: center;
    clear: both;
    color: red;
}

/** TOOLTIP - napoveda u elementu formulaře **/
.ico-tooltip {
    width: 17px; height: 17px;
    margin: 2px 0 0 6px;
}
.ico-tooltip:hover {background-position: -17px 0;}    

/* Zobrazovaná nápověda */
#tooltip {margin-left: 5px;}
#tooltip .arrow {}
#tooltip .arrow-right {width: 9px; height: 17px; background-position: -34px 0;}

#tooltip #content {
    width: 100px;
    padding: 5px;
    font-size: .92em;
    border: 2px solid #8D8F93;
    background: #F5F4F3;
}

/* ------------------------------------------------------------------------
	Nestylovatenlé elementy stylovatelnými
------------------------------------------------------------------------- */

/*** CHECKBOX & RADIO buttons ***/
label.checkbox span.holder {
    height: 57px; /* Total height of your checkbox image */
    background: url(/img/default/components/form/checkbox.png) 0 -1px no-repeat; /* Path to your checkbox image */
}

label.radio span.holder {
    height: 57px; /* Total height of your radio buttons image */
    background: url(/img/default/components/form/radio.png) 0 -1px no-repeat; /* Path to your radio button image */
}

label.checkbox.hover span.holder,
label.radio.hover span.holder { top: -19px; } /* Background position on mouseover */

label.checked span.holder,
label.checked span.holder,
label.checked.hover span.holder,
label.checked.hover span.holder { top: -38px !important; } /* Background position when checked */

input.hiddenCheckbox {
    position: absolute;
    left: -10000px;
}

label.prettyCheckbox span.holderWrap,
label.prettyCheckbox span.holder {
    /*		width: 17px; height: 19px;		 */
}


label.prettyCheckbox span.holderWrap {
    position: relative;
    display: block; float: left;
    width: 17px; height: 19px;
    margin-right: 5px;
    overflow: hidden;
}
label.prettyCheckbox span.holder {
    position: absolute;
    top: 0; left: 0;
    display: block;
    width: 17px;
}

/*** SELECT ***/
.jQ-selectbox {
    position: relative;
    z-index: 0;
    float: left;
    display: inline;
    width: 234px; height: 20px;
    margin: 4px; margin-left: 0;
    padding: 0;
}

.jQ-selectbox.selecthover {z-index: 700;}	

.jQ-selectbox .jQ-selectbox-currentItem {
    padding: 2px 0 1px 3px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    cursor: default;
    border: 0;
	background: #fff url('/img/default/components/form/bg-select.png') no-repeat 0 0;
    color: #787777;
}
div.articles .jQ-selectbox .jQ-selectbox-currentItem{
  border: none;
}

.jQ-selectbox .jQ-selectbox-list {
    position: absolute;
    top: 21px; left: -1px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1000;
    display: none;
    width: 100px; height: 120px;
    padding: 2px 0;
    border: 1px solid #787777;
    background: #fff;
    color: #787777;
}
.jQ-selectbox .jQ-selectbox-moreButton {
    float: right;
    width: 18px; height: 20px;
    background: url('/img/default/components/form/select-button-expand.png') 0 0 no-repeat;
}
.jQ-selectbox:hover .jQ-selectbox-moreButton {background-position: -18px 0;}


.jQ-selectbox .jQ-selectbox-item {
    display: block;
    width: 100%;
    cursor: default;
    padding: 0 3px;
    text-align: left;
}
.jQ-selectbox .jQ-selectbox-item.listelementhover {background: #2E824C; color: #fff;} /* OPTION - HOVER */
.jQ-selectbox .jQ-selectbox-item.selected {background: #d9d9d9;}	/* OPTION - již vybraná položka */
.jQ-selectbox .jQ-selectbox-item.listelementhover.selected {color: #000;}		/* OPTION - již vybraná položka - HOVER*/

/* Skryté tlačítko pro zrušení nahrazeného selectu */
.disable-styled-select {
    position: absolute;
    top: -99999px;
}

/***	INPUT - UPLOAD souboru ***/
.file-upload-row {
    position: relative;
    width: 236px; height: 22px;
    overflow: hidden;
}
form input.selected-file-name {
    width: 126px;
    margin-right: 5px;
    overflow: hidden;
    padding: 2px;
}

/* Púvodní, neviditelný input - pomocí extrémní velikosti fontu zvětšíme tlačítko, napozicujeme do pravého horního rohu, ořízneme a zprůhledníme - překrývá námi nastylovaný input a button */
.input-file-overlay {
    position: absolute;
    top: 0; right: 0;
    font-size: 100em;
    cursor: pointer;
    z-index: 3;
}

.form-row .file-upload {
    position: relative;
    top: 0; left: 0;
    z-index: 1;
    float: left;
    clear: none;
    padding: 0;
}

#frm-ExtranetApp_loginform fieldset legend {
	display: none;
}


/*******************************************************************************
***************************  FILTER  *******************************************
*******************************************************************************/

.form-row.row-fulltext{
    margin-left: 32px;
}

.form-row.row-fulltext label.label-outer{
    width: 89px;
}

.form-row.row-fulltext input{
    width: 200px;
}

#switch-filter {
  margin-right: 15px;
  margin-top: -25px;
  text-align: right;
}

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

form .check-all {
   text-align: left;
}


#form-filter-users .label-outer {
    margin-left: 20px;
  
}

#form-filter-users .float-L {
    margin-left: 18px;
  
}

#frm-table_96db textarea {
    width: 400px;
    height: 200px;
}

#frm-table_96db label.label-outer {
    margin-right: -80px;
}

#frm-table_96db .button-submit {
    margin-left: 85px;
}


/*******************************************************************************
***************************  Chyba  *******************************************
*******************************************************************************/
div .snipetError {
    color: red;
    display: block;
    padding-left: 20px;
    padding-bottom: 10px;
}


form input.fi-text.uir-hidden {
    background: #ABABAB;
}

form input.fi-text.uir-disabled {
    background: #5C5F64;
}


form input.fi-text[disabled=''] {
    background: #d9d9d9;
    color: #5C5F64;
}

form .hidden-text {
    float: left;
}