html, body {
	background-color: transparent!important;
	margin: 0px;
	font-family:Tahoma, Geneva, sans-serif;
	height: 407px;
}

.wrapper {

}

.callback-block {
	top:10%;
	position:relative;
	width:492px;
	height:410px;
}

.callback-bg {
	position:relative;
	height:416px;
	border-radius:4px;
	overflow: hidden;
	background-color: #48b821;
}

.callback-inside-bg {
	margin:3px 3px;
	height:410px;
	width:auto;
	position:relative;
	background-color: #fff;
	border-radius:3px;
	border:#FFFFFF 1px;
}

.callback-content {
	font-size:14px;
	margin: auto;
	position:relative;
	width:423px;
	height:310px;
}

.callback-content-top{
	position: relative;
	height: 37px;
	margin-bottom: 70px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
}

.callback-content-top-logo{
	float:left;
	width:144px;
	height:48px;
	margin:0px auto;
	position:relative;
	background-image:url(../img/logo-cb.gif);
}

.callback-content-top-title{
	top: 11px;
	text-align: center;
	position: relative;
	color: #000;
	font-size: 24px;
	text-shadow: 1px 1px 0px #FFFFFF;	
}

.callback-content-form {
	text-align:center;
	position:relative;
	width:423px;
	height:70%;
}

.callback-content-text {
	line-height:35px;
	text-align:right;
	position:relative;
	width:138px;
	height:100%;
}


input.callback-content-form {
	float:right;
	border:solid 1px #d5d5d5;
	border-radius:3px;
	width:255px;
	height:25px;
}


input.callback-content-form:focus, input.callback-content-form:active, input.callback-content-form:hover {
	border:solid 1px #48b821;
}

.callback-content-form-unsized { margin-top: 19px; }

.callback-content-form-unsized input{
	margin:0px auto;
	float: right;
	border:solid 1px #d5d5d5;
	border-radius:3px;
	height:25px;
	width: 255px;
	text-align:center;

}

.phone{
	color: #959595;
	width: 220px;
	float: right;
	text-align: right;
}

input.callback-content-form-unsized:focus, input.callback-content-form-unsized:active, input.callback-content-form-unsized:hover {
	border:solid 1px #48b821;
}


.callback-content-form-unsized input:focus, input:active, input:hover {
	border:solid 1px #48b821;
}

textarea.callback-content-form {
	float:right;
	border:solid 1px #d5d5d5;
	border-radius:3px;
	width:230px;
	height:21px;
}


textarea.callback-content-form:focus, textarea.callback-content-form:active, textarea.callback-content-form:hover {
	float:right;
	border:solid 1px #48b821;
	border-radius:3px;

}

.callback-content-form label{
	text-align:right;
	float: left;
	width: 170px;
	margin-left:-43px;
	font-size: 18px;
	color: #000;
}

.callback-content-form p {
	width:100%;
	height:35px;
}

.callback-content-table {
	width:100%;
	right:0px;
	text-align:right;
}

.callback-content-solution {
	text-align:right;
	padding-top:3px;
	display:block;
	position:relative;
	color:#b2b2b2;
	font-size:12px;
	text-shadow: 1px 1px 0px #FFFFFF;
}

.callback-content-solution a{
	color:#b2b2b2;
}

.callback-content-solution a:hover{
	color:#48b821;
	text-decoration:none;
}



/*ВЫБОР ВРЕМЕНИ START*/
/* Ширина слайдера */
#slider {
	float:right;
	margin-right:10px;
	margin-top:10px;
	width: 240px;
}
/* Контейнер слайдера */
.ui-slider {
	position: relative;
}
/* Ползунок */
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 21px;   /* Задаем нужную ширину */
	height: 21px;  /* и высоту */
	background: url(../img/slider.png) no-repeat; /* картинка изображающая ползунок. Или можно залить цветом, задать бордюр и скругления */
	cursor: pointer
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	overflow: hidden;
}
/* горизонтальный слайдер (сама полоса по которой бегает ползунок) */
.ui-slider-horizontal {
	 height: auto; /* задаем высоту согласно дизайна */
}
/* позиционируем ползунки */
.ui-slider-horizontal .ui-slider-handle { 
	top: -7px;
	margin-left: -6px;
}
.ui-slider-horizontal .ui-slider-range {
	top: -2px;
	height: 10px;
	border: 1px solid #9b9b9b;
}
.ui-slider-horizontal .ui-slider-range-min { 
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
/* оформление полосы по которой ходит ползунок */
.ui-widget-content { 
	height:9px;
	border: 1px solid #9b9b9b;
}
/* оформление активного участка (между двумя ползунками) */
.ui-widget-header { 
	border:none;
	height:6px;
	
	background: url(../img/slider-act.gif);

}
/* скругление для полосы слайдера */
.ui-corner-all {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
/*ВЫБОР ВРЕМЕНИ END*/

.callback-content-form-description {
	float:right;
	border:solid 1px #d5d5d5;
	border-radius:3px;
	width:250px;
	height:77px;
	background:#FFF;
}

.callback-content-form-description:hover, .callback-content-form-description:active, .callback-content-form-description:focus {
	border:solid 1px #48b821;	
}

.call-button {
	position:absolute;
	bottom: -0px;
	right: 0px;
	width:140px;
	height:40px;
}

.call-button a{
	display: block;
	font-size: 20px;
	line-height: 40px;
	color: #FFF;
	text-align: center;
	height: 40px;
	width: 140px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #48b821;
	text-transform: uppercase;
	-moz-border-radius: 2px; /* Firefox */
	-webkit-border-radius: 2px; /* Safari, Chrome */
	-khtml-border-radius: 2px; /* KHTML */
	border-radius: 2px; /* CSS3 */
	cursor: pointer;
}
.operationIco{
	background-image: url(../img/ico_ok.png);
	height: 148px;
	width: 148px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.operationTitle{
	font-size: 34px;
	color: #4fb72c;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.operationTxt{
	font-size: 24px;
	color: #5b5b5b;
	text-align: center;
	margin-bottom: 10px;
}