/*************** BUTTONS *******************/

.btnContainer {
    display: inline-block;
    margin: 0 auto;
}

.btnContainerNoResize {
    display: inline-block;
    margin: 0 auto;
}

.btn:link, .btn:active, .btn:visited {
    text-decoration: none;
    color: #FFF;
}

.btn .orangeL {
    background: url(/Layout/button/BottoneArancione36pxSinistra.png);
}

.btn .orangeM {
    background: url(/Layout/button/BottoneArancione36pxCentro.png);
}

.btn .orangeR {
    background: url(/Layout/button/BottoneArancione36pxDestra.png);
}

.btn .grayL {
    background: url(/Layout/button/BottoneGrigio36pxSinistra.png);
    cursor: default;
}

.btn .grayM {
    background: url(/Layout/button/BottoneGrigio36pxCentro.png);
    cursor: default;
}

.btn .grayR {
    background: url(/Layout/button/BottoneGrigio36pxDestra.png);
    cursor: default;
}

.btn .blueL {
    background: url(/Layout/button/BottoneCeleste36pxSinistra.png);
}

.btn .blueM {
    background: url(/Layout/button/BottoneCeleste36pxCentro.png);
}

.btn .blueR {
    background: url(/Layout/button/BottoneCeleste36pxDestra.png);
}

.btn .greenL {
    background: url(/Layout/button/BottoneVerde36pxSinistra.png);
}

.btn .greenM {
    background: url(/Layout/button/BottoneVerde36pxCentro.png);
}

.btn .greenR {
    background: url(/Layout/button/BottoneVerde36pxDestra.png);
}

.btn ._orangeL {
    background: url(/Layout/button/BottoneArancione27pxSinistra.png);
}

.btn ._orangeM {
    background: url(/Layout/button/BottoneArancione27pxCentro.png);
}

.btn ._orangeR {
    background: url(/Layout/button/BottoneArancione27pxDestra.png);
}

.btn ._blueL {
    background: url(/Layout/button/BottoneCeleste27pxSinistra.png);
}

.btn ._blueM {
    background: url(/Layout/button/BottoneCeleste27pxCentro.png);
}

.btn ._blueR {
    background: url(/Layout/button/BottoneCeleste27pxDestra.png);
}

.btn ._greenL {
    background: url(/Layout/button/BottoneVerde27pxSinistra.png);
}

.btn ._greenM {
    background: url(/Layout/button/BottoneVerde27pxCentro.png);
}

.btn ._greenR {
    background: url(/Layout/button/BottoneVerde27pxDestra.png);
}

.btn ._fucsiaL {
    background: url(/Layout/button/BottoneFucsia27pxSinistra.png);
}

.btn ._fucsiaM {
    background: url(/Layout/button/BottoneFucsia27pxCentro.png);
}

.btn ._fucsiaR {
    background: url(/Layout/button/BottoneFucsia27pxDestra.png);
}

.btn .blacktext {
    color: black;
}

.btn .left {
    float: left;
    width: 36px;
    height: 51px;
    background-position: left -101px;
    background-repeat: no-repeat;
}

.btn .middle {
    float: left;
	background-position:left -101px;
	background-repeat:repeat-x;
	height: 32px;
	padding-top:19px;
	min-width:80px;
	font-family: 'pt_sans_narrowbold';
	text-align:center;
	font-size:1.1em;
	line-height:.9em;
	color:#FFF;
}

.btn .right {
    float: left;
    width: 36px;
    height: 51px;
    background-position: left -101px;
    background-repeat: no-repeat;
}

.btn ._left {
    float: left;
    width: 22px;
    height: 40px;
    background-position: left -80px;
    background-repeat: no-repeat;
}

.btn ._middle {
    float: left;
	height: 28px;
	background-position:left -80px;
	background-repeat:repeat-x;
	padding-top:12px;
	min-width:50px;
	font-family: 'pt_sans_narrowbold';
	text-align:center;
	font-size:1em;
	line-height:.9em;
	color:#FFF;
}

.btn ._right {
    float: left;
    width: 22px;
    height: 40px;
    background-position: left -80px;
    background-repeat: no-repeat;
}

.btn:hover .left, .btn:hover .right, .btn:hover .middle {
    background-position: 0 -50px;
    text-decoration: none;
    color: #FFF;
}

.btn:hover ._left, .btn:hover ._right, .btn:hover ._middle {
    background-position:0 -40px;
    text-decoration: none;
    color: #FFF;
}

.active .btn .left, .active .btn ._left, .active .btn .right, .active .btn ._right, .active .btn .middle, .active .btn ._middle {
    background-position: left top;
    text-decoration: none;
    cursor: default;
    color: #FFF;
}