/* Pro control ButtonContainer */

/* Normalni */
div.ButtonContainer div.Middle
{
	height: 25px;
	background-image: url(../img/ButtonContainer/middle.png);
	background-repeat:repeat-x;
}

div.ButtonContainer div.Left
{
	width: 13px;
	height: 27px;
	background-image: url(../img/ButtonContainer/left.png);
}

div.ButtonContainer div.Right
{
	width: 13px;
	height: 27px;
	background-image: url(../img/ButtonContainer/right.png);
}

div.ButtonContainer:hover div.Middle,
div.ButtonContainer:hover div.Left,
div.ButtonContainer:hover div.Right
{
	background-position: 0 -27px;
	cursor:pointer;
}

/* Normalni - disabled */
div.ButtonContainer_Disabled div.Middle
{
	height: 27px;
	background-image: url(../img/ButtonContainer/middle.png);
	background-repeat:repeat-x;
	background-position: 0 -54px;
}

div.ButtonContainer_Disabled div.Left
{
	width: 13px;
	height: 27px;
	background-image: url(../img/ButtonContainer/left.png);
	background-position: 0 -54px;
}

div.ButtonContainer_Disabled div.Right
{
	width: 13px;
	height: 27px;
	background-image: url(../img/ButtonContainer/right.png);
	background-position: 0 -54px;
}

/* Normalni - obsah */
div.ButtonContainer input,
div.ButtonContainer_Disabled input
{
    background-color: transparent;
    border: none;
    color: white;
    padding: 0;
    height: 23px;
}

div.ButtonContainer_Disabled input
{
    color: Gray;
}

div.ButtonContainer input:hover
{
	cursor: pointer;
}

div.ButtonContainer a,
div.ButtonContainer span,
div.ButtonContainer_Disabled span
{
    color: white;
    display: block;
    font-size: 13px;
    margin-top: 5px;
}

div.ButtonContainer_Disabled span
{
    color: gray;
}

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

/* tenke */
div.ButtonContainer_Narrow div.Middle
{
	height: 14px;
	padding-top: 2px;
	background-image: url(../img/ButtonContainer/middle_narrow.png);
	background-repeat:repeat-x;
}

div.ButtonContainer_Narrow div.Left
{
	width: 8px;
	height: 16px;
	background-image: url(../img/ButtonContainer/left_narrow.png);
}

div.ButtonContainer_Narrow div.Right
{
	width: 8px;
	height: 16px;
	background-image: url(../img/ButtonContainer/right_narrow.png);
}

div.ButtonContainer_Narrow:hover div.Middle,
div.ButtonContainer_Narrow:hover div.Left,
div.ButtonContainer_Narrow:hover div.Right
{
	background-position: 0 -16px;
	cursor:pointer;
}

/* tenke - obsah */
div.ButtonContainer_Narrow a,
div.ButtonContainer_Narrow span,
div.ButtonContainer_Narrow_Disabled span
{
    	color: white;
    	font-weight: bold;
		font-size: 9px;
}

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

div.ButtonContainer_Narrow_Disabled span
{
    color: gray;
}

/* stredni */
div.ButtonContainer_Medium div.Middle
{
	height: 25px;
	background-image: url(../img/ButtonContainer/middle_medium.png);
	background-repeat:repeat-x;
}

div.ButtonContainer_Medium div.Left
{
	width: 5px;
	height: 25px;
	background-image: url(../img/ButtonContainer/left_medium.png);
}

div.ButtonContainer_Medium div.Right
{
	width: 5px;
	height: 25px;
	background-image: url(../img/ButtonContainer/right_medium.png);
}

div.ButtonContainer_Medium:hover div.Middle,
div.ButtonContainer_Medium:hover div.Left,
div.ButtonContainer_Medium:hover div.Right
{
	Color	: Black;
	cursor	: pointer;
}

div.ButtonContainer_Medium:hover a
{
	Color	: Black;
	cursor	: pointer;
}

/* stredni - obsah */
div.ButtonContainer_Medium a,
div.ButtonContainer_Medium span,
div.ButtonContainer_Medium_Disabled span
{
    font-weight: bold;
    display: block;
    margin-top: 3px;
}

div.ButtonContainer_Narrow_Disabled a,
div.ButtonContainer_Medium_Disabled span
{
    color: gray;
}

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

/* light */
div.ButtonContainer_Light div.Middle
{
	height: 25px;
	background-image: url(../img/ButtonContainer/middle_light.png);
	background-repeat:repeat-x;
}

div.ButtonContainer_Light div.Left
{
	width: 5px;
	height: 25px;
	background-image: url(../img/ButtonContainer/left_light.png);
}

div.ButtonContainer_Light div.Right
{
	width: 5px;
	height: 25px;
	background-image: url(../img/ButtonContainer/right_light.png);
}

div.ButtonContainer_Light:hover div.Middle,
div.ButtonContainer_Light:hover div.Left,
div.ButtonContainer_Light:hover div.Right
{
	Color	: Black;
	cursor	: pointer;
}

div.ButtonContainer_Medium:hover a
{
	Color	: Black;
	cursor	: pointer;
}

/* light - obsah */
div.ButtonContainer_Light a,
div.ButtonContainer_Light span,
div.ButtonContainer_Light span
{
    font-weight: bold;
    display: block;
    margin-top: 3px;
}

div.ButtonContainer_Light span
{
    
}

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

div.ButtonContainer_Light input,
div.ButtonContainer_Light_Disabled input
{
    background-color: transparent;
    border			: none;
    color			: white;
    padding			: 0;
    height			: 23px;
    cursor			: pointer;
}

div.ButtonContainer_Light_Disabled input
{
    color: Gray;
}

div.ButtonContainer_Light:hover input
{
	cursor	: pointer;
	color	: Black;
}

/* calc */
div.ButtonContainer_Calc div.Middle
{
	height				: 25px;
	background-image	: url(../img/ButtonContainer/middle_calc.png);
	background-repeat	: repeat-x;
}

div.ButtonContainer_Calc div.Left
{
	width			: 5px;
	height			: 25px;
	background-image: url(../img/ButtonContainer/left_calc.png);
}

div.ButtonContainer_Calc div.Right
{
	width			: 5px;
	height			: 25px;
	background-image: url(../img/ButtonContainer/right_calc.png);
}

div.ButtonContainer_Calc:hover div.Middle,
div.ButtonContainer_Calc:hover div.Left,
div.ButtonContainer_Calc:hover div.Right
{
	Color	: Black;
	cursor	: pointer;
}

div.ButtonContainer_Medium:hover a
{
	Color	: Black;
	cursor	: pointer;
}

/* calc - obsah */
div.ButtonContainer_Calc input
{
    background-color: transparent;
    border			: none;
    color			: White;
    font-weight		: bold;
    padding			: 0;
    height			: 25px;
    font-size		: 11px;
    cursor			: pointer;
}

div.ButtonContainer_Calc input:hover,
div.ButtonContainer_Calc_Disabled input:hover
{
	color: Black;
}

div.ButtonContainer_Calc a,
div.ButtonContainer_Calc span,
div.ButtonContainer_Calc_Disabled span
{
    font-weight	: bold;
    display		: block;
    margin-top	: 3px;
}

div.ButtonContainer_Calc_Disabled span
{
    color: Gray;
}

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

/* Cacl - disabled */
div.ButtonContainer_Calc_Disabled input
{
	color			: Gray;
	background-color: transparent;
    border			: none;
    font-weight		: bold;
    padding			: 0;
    height			: 25px;
    font-size		: 11px;
    cursor			: default;
}

div.ButtonContainer_Calc_Disabled input:hover
{
	color: Gray;
}

div.ButtonContainer_Calc_Disabled div.Middle
{
	height				: 25px;
	background-image	: url(../img/ButtonContainer/middle_calc.png);
	background-repeat	: repeat-x;
	background-position	: 0 -25px;
}

div.ButtonContainer_Calc_Disabled div.Left
{
	width				: 5px;
	height				: 25px;
	background-image	: url(../img/ButtonContainer/left_calc.png);
	background-position	: 0 -25px;
}

div.ButtonContainer_Calc_Disabled div.Right
{
	width				: 5px;
	height				: 25px;
	background-image	: url(../img/ButtonContainer/right_calc.png);
	background-position	: 0 -25px;
}

/* calc_Small */
div.ButtonContainer_Calc_Small div.Middle
{
	height				: 14px;
	padding-top			: 2px;
	background-image	: url(../img/ButtonContainer/middle_calc_small.png);
	background-repeat	: repeat-x;
}

div.ButtonContainer_Calc_Small div.Left
{
	width			: 5px;
	height			: 16px;
	background-image: url(../img/ButtonContainer/left_calc_small.png);
}

div.ButtonContainer_Calc_Small div.Right
{
	width			: 5px;
	height			: 16px;
	background-image: url(../img/ButtonContainer/right_calc_small.png);
}

div.ButtonContainer_Calc_Small:hover div.Middle,
div.ButtonContainer_Calc_Small:hover div.Left,
div.ButtonContainer_Calc_Small:hover div.Right
{
	Color	: Black;
	cursor	: pointer;
}

/* calc_Small - obsah */
div.ButtonContainer_Calc_Small input
{
    background-color: transparent;
    border			: none;
    color			: White;
    font-weight		: bold;
    padding			: 0;
    height			: 16px;
    font-size		: 7px;
    cursor			: pointer;
}

div.ButtonContainer_Calc_Small input:hover,
div.ButtonContainer_Calc_Small_Disabled input:hover
{
	color: Black;
}

div.ButtonContainer_Calc_Small a,
div.ButtonContainer_Calc_Small span,
div.ButtonContainer_Calc_Small_Disabled span
{
    color			: white;
    font-weight		: bold;
	font-size		: 9px;
	text-decoration	: none;
}

div.ButtonContainer_Calc_Small a:hover,
div.ButtonContainer_Calc_Small span:hover,
div.ButtonContainer_Calc_Small_Disabled span:hover
{
	color: Black;
}

div.ButtonContainer_Calc_Small_Disabled span
{
    color: Gray;
}

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

/* Cacl - disabled */
div.ButtonContainer_Calc_Small_Disabled input
{
	color			: Gray;
	background-color: transparent;
    border			: none;
    font-weight		: bold;
    padding			: 0;
    height			: 16px;
    font-size		: 7px;
    cursor			: wait;
}

div.ButtonContainer_Calc_Small_Disabled input:hover
{
	color: Gray;
}

div.ButtonContainer_Calc_Small_Disabled div.Middle
{
	height				: 16px;
	background-image	: url(../img/ButtonContainer/middle_calc.png);
	background-repeat	: repeat-x;
	background-position	: 0 -16px;
}

div.ButtonContainer_Calc_Small_Disabled div.Left
{
	width				: 5px;
	height				: 16px;
	background-image	: url(../img/ButtonContainer/left_calc.png);
	background-position	: 0 -16px;
}

div.ButtonContainer_Calc_Small_Disabled div.Right
{
	width				: 5px;
	height				: 16px;
	background-image	: url(../img/ButtonContainer/right_calc.png);
	background-position	: 0 -16px;
}

/* Big */
div.ButtonContainer_Big div.Middle
{
	height				: 40px;
	background-image	: url(../img/ButtonContainer/middle_big.png);
	background-repeat	: repeat-x;
}

div.ButtonContainer_Big div.Left
{
	width			: 8px;
	height			: 40px;
	background-image: url(../img/ButtonContainer/left_big.png);
}

div.ButtonContainer_Big div.Right
{
	width			: 8px;
	height			: 40px;
	background-image: url(../img/ButtonContainer/right_big.png);
}

div.ButtonContainer_Big:hover div.Middle,
div.ButtonContainer_Big:hover div.Left,
div.ButtonContainer_Big:hover div.Right
{
	Color	: Black;
	cursor	: pointer;
}

div.ButtonContainer_Big:hover a
{
	Color	: Black;
	cursor	: pointer;
}

/* Big - obsah */
div.ButtonContainer_Big input
{
    background-color: transparent;
    border			: none;
    color			: White;
    font-weight		: bold;
    padding			: 0;
    height			: 40px;
    font-size		: 14px;
    cursor			: pointer;
}

div.ButtonContainer_Big input:hover,
div.ButtonContainer_Big_Disabled input:hover,
div.ButtonContainer_Big a:hover,
div.ButtonContainer_Big span:hover,
div.ButtonContainer_Big_Disabled span:hover,
div.ButtonContainer_Big_Disabled div.midle:hover span,
div.ButtonContainer_Big_Disabled div.left:hover span,
div.ButtonContainer_Big_Disabled div.right:hover span
{
	color: Black;
}

div.ButtonContainer_Big a,
div.ButtonContainer_Big span,
div.ButtonContainer_Big_Disabled span
{
    font-weight	: bold;
    display		: block;
    padding-top	: 10px;
    color		: White;
    font-size	: 14px;
    height		: 30px;
}

div.ButtonContainer_Big_Disabled span
{
    color: Gray;
}

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

/* Cacl - disabled */
div.ButtonContainer_Big_Disabled input
{
	color			: Gray;
	background-color: transparent;
    border			: none;
    font-weight		: bold;
    padding			: 0;
    height			: 40px;
    font-size		: 14px;
    cursor			: default;
}

div.ButtonContainer_Big_Disabled input:hover
{
	color: Gray;
}

div.ButtonContainer_Big_Disabled div.Middle
{
	height				: 40px;
	background-image	: url(../img/ButtonContainer/middle_big.png);
	background-repeat	: repeat-x;
	background-position	: 0 -40px;
}

div.ButtonContainer_Big_Disabled div.Left
{
	width				: 8px;
	height				: 40px;
	background-image	: url(../img/ButtonContainer/left_big.png);
	background-position	: 0 -40px;
}

div.ButtonContainer_Big_Disabled div.Right
{
	width				: 8px;
	height				: 40px;
	background-image	: url(../img/ButtonContainer/right_big.png);
	background-position	: 0 -40px;
}