/*** FORMULÁŘE ***/
form {}

	form fieldset {}

    form legend {
        font-size: 1.2em;
        color: #000;
    }

	form .form-row {}
	
		form .no-label-row {margin-left: 130px;}	

        form .buttons-row {
            margin: 15px 0 0 130px;
        }
        
        form .form-row label {
            display: block;
            float: left;
            width: 130px;
        }

    form input,
    form textarea,
    form .fi-select,
	.jQ-selectbox {
        color: #3B3B3B;
        border: 1px solid #A2AAB0;
		background: #fff url('/img/default/components/form/input.gif') 0 0 repeat-x;
		
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
    }
		/* výška textarea se přizpůsobuje množství napsaného textu - tímto nastavíme max. výšku */
		form textarea {max-height: 400px;}
    
    form .fi-text:hover,
    form textarea:hover,
    form .fi-select:hover,
    form .fi-text:focus,
    form textarea:focus,
    form .fi-select:focus,
	.jQ-selectbox:hover,
	.jQ-selectbox.selecthover {
        border-color: #4494B9;
    }
        form .fi-text-disabled:hover {
            border-color: #ABABAB;
        }

    /* barva hvezdicky u povinne polozky */
    span.requiredSuffix {
		position: relative;
		top: -5px; left: 0;
		font-size: .83em;
        color: #0768A9;
    }

    /** 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 {
        color: #E31313;
    }

    /** TOOLTIP - napoveda u elementu formulaře **/

    /* Ikonka u inputu */
    .ico-tooltip {
        width: 17px; height: 17px;
        margin: 2px 0 0 6px;
        background: url('/img/default/components/form/tooltip.png') 0 0 no-repeat;
    }
		.ico-tooltip:hover {background-position: -17px 0;
		}    
    /* Zobrazovaná nápověda */
    #tooltip {
        position: absolute;
        margin-left: 5px;
    }
        #tooltip .arrow {}
        
            #tooltip .arrow-right {
                float: left;
                width: 9px; height: 17px;
                background: url('/img/default/components/form/tooltip.png') -34px 0 no-repeat;
            }
    
        #tooltip #content {
            float: left;
            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: 3px 0px 0px 3px;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		cursor: default;
	}
	
	.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 #4494B9;
		background: #fff;
	}
	.jQ-selectbox .jQ-selectbox-moreButton {
		float: right;
		width: 21px; height: 30px;
		background: url('/img/default/components/form/select-button-expand.png') 0 0 no-repeat;
	}
		.jQ-selectbox:hover .jQ-selectbox-moreButton {background-position: -21px 0;}
	
	
	.jQ-selectbox .jQ-selectbox-item {
		display: block;
		cursor: default;
		padding: 0 3px;
	}
		.jQ-selectbox .jQ-selectbox-item.listelementhover {background: #0E6DAD; 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;
	}