/* =============================================================================
   File:            footer.css
   Description:     Styles for footer
   Project:         SvyazPromBank Site
   Author:          Eugene Moiseenko & Pavel Buramenski
   ========================================================================== */

/* --------------------------------------------- originally for the ATMS form */   
   
.small_button {
	background:url(https://www.psbank.ru/images/small_button.png) repeat-x 0 0;
	font: normal 11px/20px 'Open Sans', arial;
	color:#ffffff;
	display:inline-block;
	height:20px;
	padding:0 10px;
	margin-right:5px;
    border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.b-mapwidget .small_button {
	font: normal 11px/20px arial, 'Open Sans';
}

.small_button:hover {text-decoration:none;}

.small_button.brown {background-position:0 -40px;}

.small_button.darkbrown {background-position:0 -20px;}

.small_button.orange {background-position:0 -60px;}

.small_button.blue {background-position:0 0;}

.locate_button {
	background:url(https://www.psbank.ru/images/locate_button.png) no-repeat 0 50%;
	color:#264393;
	font-size:11px;
	line-height: 18px;
	display:block;
	padding-left:20px;
	font-family: 'Open Sans', arial;
}

/* --------------------------------------------- originally for the ATMS page */   
   
.medium_button {
	background:url(https://www.psbank.ru/images/medium_button.png) repeat-x 0 -26px;
	font-size:13px;
	color:#ffffff;
	float:left;
	display:block;
	height:20px;
	line-height:20px;
	padding:3px 15px;
	margin-right:5px;
    border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

.medium_button.orange {background-position:0 0;}

.medium_button.blue {background-position:0 -52px;}

.medium_button:hover {text-decoration:none;}
/* ------------------------------------------ originally for the search form */
/*.filter .button{   
	position: relative;
    float: left;
    height: 25px;
    width: auto;
    margin: 3px 1px;
    line-height: 25px;
    padding: 0px 20px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    font-size:13px;  
	font-family:'Open Sans', arial;  
    cursor: pointer;
}

.filter .selected{
    color: #fff;
    background: #fa8d2d;
    background: -moz-linear-gradient(top, #fa8d2d 0%, #f97400 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa8d2d), color-stop(100%,#f97400));
    background: -webkit-linear-gradient(top, #fa8d2d 0%,#f97400 100%);
    background: -o-linear-gradient(top, #fa8d2d 0%,#f97400 100%);
    background: -ms-linear-gradient(top, #fa8d2d 0%,#f97400 100%);
    background: linear-gradient(to bottom, #fa8d2d 0%,#f97400 100%);
}

.filter .active{
    color: #fff;
    background: #d5d6d7;
    background: -moz-linear-gradient(top, #d5d6d7 0%, #cccdce 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d6d7), color-stop(100%,#cccdce));
    background: -webkit-linear-gradient(top, #d5d6d7 0%,#cccdce 100%);
    background: -o-linear-gradient(top, #d5d6d7 0%,#cccdce 100%);
    background: -ms-linear-gradient(top, #d5d6d7 0%,#cccdce 100%);
    background: linear-gradient(to bottom, #d5d6d7 0%,#cccdce 100%);
}

.filter .disabled{
    color: #cacbcc;
    background: #ececec;
    background: -moz-linear-gradient(top, #ececec 0%, #e8e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#e8e9e9));
    background: -webkit-linear-gradient(top, #ececec 0%,#e8e9e9 100%);
    background: -o-linear-gradient(top, #ececec 0%,#e8e9e9 100%);
    background: -ms-linear-gradient(top, #ececec 0%,#e8e9e9 100%);
    background: linear-gradient(to bottom, #ececec 0%,#e8e9e9 100%);
}
*/
/* new checkbox like button */
/*
.tzCheckBox{
    background:url('../../images/ch_background.png') no-repeat right bottom;
    display:inline-block;
    min-width:60px;
    height:33px;
    white-space:nowrap;
    position:relative;
    cursor:pointer;
    margin-left:14px;
}

.tzCheckBox.checked{
    background-position:top left;
    margin:0 14px 0 0;
}

.tzCheckBox .tzCBContent{
    color: white;
    line-height: 31px;
    padding-right: 38px;
    text-align: right;
}

.tzCheckBox.checked .tzCBContent{
    text-align:left;
    padding:0 0 0 38px;
}

.tzCBPart{
    background:url('../../images/ch_background.png') no-repeat left bottom;
    width:14px;
    position:absolute;
    top:0;
    left:-14px;
    height:33px;
    overflow: hidden;
}

.tzCheckBox.checked .tzCBPart{
    background-position:top right;
    left:auto;
    right:-14px;
}
*/

.button_orange {
	padding:3px 20px;
	color:#ffffff;
	font: normal 11px/20px 'Open Sans Semibold', arial;
	text-transform:uppercase;
	float:left;
	background:url(https://www.psbank.ru/images/button_orange.png) repeat-x 0 0;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
    -webkit-transition:background .2s ease-out;
    -moz-transition:background .2s ease-out;
    -ms-transition:background .2s ease-out;
    -o-transition:background .2s ease-out;
    transition:background .2s ease-out;
}


.button_orange:hover {
	background-position:0 -26px;
	text-decoration:none;
}