/**
*
* Globální styly pro formuláře a tlačítka
*
* @package		SEVT
* @version		$Id$
* @encoding		UTF-8
* @author		Jakub Kratina <jakub.kratina@e4you.cz>
* @copyright	(c) e4you spol. s r.o. 2002-2011, <design@e4you.cz>
*
* Obsah tohoto souboru je majetkem e4you spol. s r.o. Jeho kopírování,
* pozměňování, šíření a jakékoli další využití je možné výhradně
* se souhlasem e4you spol. s r.o.
*
*/

form {
	margin:0;
	padding:0;
}

.button {
	display:inline-block;
	overflow:hidden;
}

.button.inline-left {
	float:left;
}

.button.inline-right {
	float:right;
}

.button.inline-button-end {
	overflow:auto;
}

.buttonsInRow .button .icon-position-left input,
.buttonsInRow .button .icon-position-left a,
.buttonsInRow .button .icon-position-right input,
.buttonsInRow .button .icon-position-right a {
	display: inline;
}

.button .color-web, .slButtonWrap .color-web {
	display:inline-block;
	background-image:url('../../images/layout/forms/button-web-right.png');
	background-repeat:no-repeat;
	background-position: right;
	padding: 0 6px 0 0;
	margin:0;
}

.button .color-web-light {
	display:inline-block;
	background-image:url('../../images/layout/forms/button-light-right.png');
	background-repeat:no-repeat;
	background-position: right;
	padding: 0 6px 0 0;
	margin:0;
}

.button .color-gray {
	display:inline-block;
	background-image:url('../../images/layout/forms/button-gray-right.png');
	background-repeat:no-repeat;
	background-position: right;
	padding: 0 6px 0 0;
	margin:0;
}

.button:hover .color-web, .slButtonWrap:hover .color-web {
	background-image:url('../../images/layout/forms/button-web-right-hover.png');
}

.button:hover .color-web-light {
	background-image:url('../../images/layout/forms/button-light-right-hover.png');
}

.button:hover .color-gray {
	background-image:url('../../images/layout/forms/button-gray-right-hover.png');
}

.button input,.button a, .slButtonWrap input{
	overflow: visible; /** hack MSIE 7 */
	display:inline-block;
	background:none;
	border:none;
	color:#fff;
	font-weight:bold;
	font-size: 12px;
	padding:4px 5px 7px 10px;
	height:31px;
	cursor:pointer;
	border:0;
}

.button a {
	height:21px;
	padding:6px 5px 4px 10px;
	text-decoration: none;
	color:#fff;
}

.button .color-web span,
.slButtonWrap span,.button .color-web-light span,
.button .color-gray span {
	background-repeat:no-repeat;
	background-position:left top;
	display:inline-block;
}

.button .color-web span, .slButtonWrap span {
	background-image:url('../../images/layout/forms/button-web-left.png');
}

.button:hover .color-web span, .slButtonWrap:hover span {
	background-image:url('../../images/layout/forms/button-web-left-hover.png');
}

.button .color-web-light span {
	background-image:url('../../images/layout/forms/button-light-left.png');
}

.button .color-gray span {
	background-image:url('../../images/layout/forms/button-gray-left.png');
}

.button:hover .color-web-light span {
	background-image:url('../../images/layout/forms/button-light-left-hover.png');
}

.button:hover .color-gray span {
	background-image:url('../../images/layout/forms/button-gray-left-hover.png');
}

.button .icon-position-left input, .button .icon-position-left a, .button .icon-position-right input, .button .icon-position-right a {
	background-repeat:no-repeat;
	display:block;
}

.button .icon-position-left input, .button .icon-position-left a {
	background-position:8px 40%;
	padding-left:30px;
}

.button .icon-position-right input, .button .icon-position-right a {
	background-position:98% 50%;
	padding-right:25px;
	padding-left:10px;
}

.button .icon-position-right.icon-arrow-right input, .button .icon-position-right.icon-arrow-right a {
	background-position:98% 40%;
}

.button .icon-arrow-left input, .button .icon-arrow-left a {
	background-image:url('../../images/icon/icon-arrow-left.png');
}


.button .icon-arrow-left input, .button .icon-arrow-left a {
	background-image:url('../../images/icon/icon-arrow-left.png');
}

.button .icon-arrow-right input, .button .icon-arrow-right a {
	background-image:url('../../images/icon/icon-arrow-right.png');
}

.button .icon-cart input, .button .icon-cart a {
	background-image:url('../../images/icon/icon-cart-white.png');
}

.button .icon-plus input, .button .icon-plus a {
	background-image:url('../../images/icon/icon-plus.png');
}

.button .icon-reload input, .button .icon-reload a {
	background-image:url('../../images/icon/icon-reload.png');
}


.button .icon-lock input, .button .icon-lock a {
	background-image:url('../../images/icon/icon-lock.png');
}

.button .icon-arrow-right input, .button .icon-arrow-right a {
	background-image:url('../../images/icon/icon-arrow-right.png');
}

.button .icon-arrow-left input, .button .icon-arrow-left a {
	background-image:url('../../images/icon/icon-arrow-left.png');
}

/** dodatečné tlacitkové styly */

.button.without-padding .color-web.icon-none input, .button.without-padding .color-web.icon-none a {
    padding: 6px 0 8px 5px;
}

.button.next-input {
    padding: 1px 5px;
}

.button.input-in-row {
    padding-left: 5px;
}

/** inputy */

.rounded-input, .slFormInputDecoration {
	background-image:url('../../images/layout/forms/input-right.png');
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:4px;
	height:31px;
}

.rounded-input.small-type {
	background-image:url('../../images/layout/forms/input-small-right.png');
	padding-right:3px;
	height: 21px;
}

.rounded-input span, .slFormInputDecoration span {
	background-image:url('../../images/layout/forms/input-left.png');
	background-repeat:no-repeat;
	background-position:left top;
	padding-right:4px;
	border:0;
	padding:8px 3px 6px 8px;
	display:block;
	overflow:hidden;
}

.rounded-input.small-type span {
	background-image:url('../../images/layout/forms/input-small-left.png');
	border:0;
	padding:3px 3px 2px 8px;
	display:block;
	overflow:hidden;
}

.rounded-input input, .slFormInputDecoration input {
	width:100%;
	border:none;
	height:16px;
	display: block;
	vertical-align: middle;
	margin:0;
	padding:0;
}

.rounded-input.icon-left input {
	background-position: left;
	padding-left:20px;
}

.rounded-input.icon-search input {
	background-image:url('../../images/icon/icon-search.png');
	background-repeat:no-repeat;
}

.element.width-full textarea {
	width:100%;
}

label.next-input, div.next-input {
	padding:7px 7px;
}


a.next-input {
	padding:7px 8px;
}

.login-box {
	margin-bottom:1em;
}

.verifyimg {
	float:left;
	margin-right: 8px;
}

textarea.reklamace {
    border: 1px solid #D8D8DB;
    height: 60px;
    padding: 5px;
    width: 508px;
}