/******************************************************************************/
/* PCView : Bo-volume-* */

/* override of dropdown font color on PCView */
body.PCView .Bo-dropdown-wrapper .displayField {
	color: #E8E8E8;
} 

body.PCView .Bo-form input[type=text].Bo-volume-input {
	width: 68px; /* 72px - border */
	color: #787878;
	float: left;
}

body.PCView .Bo-form input[type=button].Bo-volume-minus ,
body.PCView .Bo-form input[type=button].Bo-volume-plus {
	background-position: center;	
	background-repeat: no-repeat;
	background-size: 33px 20px; /* png size */
	width: 33px; /* jpg width */
	height: 20px; /* png height */
	border-width: 0px;
	margin-left: 3px;
	float: left;
}

body.PCView .Bo-form input[type=button].Bo-volume-minus {
	background-image: url("../images/numeric/btnMinus.jpg");
}
body.PCView .Bo-form input[type=button].Bo-volume-plus {
	background-image: url("../images/numeric/btnPlus.jpg");
}
body.PCView .Bo-form input[type=button].Bo-volume-minus:hover {
	background-image: url("../images/numeric/btnMinusHover.jpg");	
}
body.PCView .Bo-form input[type=button].Bo-volume-plus:hover {
	background-image: url("../images/numeric/btnPlusHover.jpg");
}

/******************************************************************************/
/* iPhoneView : Bo-volume-* */

/* it has standard width on iphone even used on on multiline as it is */
body.iPhoneView .Bo-form input[type=text].Bo-volume-input {
	width: 125px; /* 130 - 5px padding */
	color: #787878;
	float: left;
}

body.iPhoneView .Bo-form input[type=button].Bo-volume-minus ,
body.iPhoneView .Bo-form input[type=button].Bo-volume-plus {
	background-position: center;	
	background-repeat: no-repeat;
	background-size: 65px 36px; /* jpg size */
	width: 65px; /* jpg width */
	height: 36px; /* jpg height */
	border-width: 0px;
    float: left;
}

body.iPhoneView .Bo-form input[type=button].Bo-volume-minus {
	margin-left: 7px; 
	background-image: url("../images/numeric/btnMinusIPhone.jpg");
}
body.iPhoneView .Bo-form input[type=button].Bo-volume-plus {
	margin-left: 3px; 
	background-image: url("../images/numeric/btnPlusIPhone.jpg");
}

/******************************************************************************/
/* Volume slider */

body.PCView .Bo-form .Bo-slider-wrapper {
	float: left;
	/* 2*6px is a width of slider head */
	padding-left: 7px;
	padding-right: 7px;
	width: 300px; /* 314 - padding. same like for .Bo-button-wide */
}

body.iPhoneView .Bo-form .Bo-slider-wrapper {
	float: left;
	/* 2*6px is a sise of slider head */
	padding-left: 6px;
	padding-right: 6px;
	width: 258px; /* 270 - padding. same like for .Bo-button-wide */
}

.Bo-form .Bo-slider-wrapper .Bo-slider {
	border-width: 1px;
	border-radius: 3px;
	border-style: solid;
	border-color: #555555; /* half of #AAAAAA */
	margin-top: 12px;
	margin-bottom: 12px;
}

.Bo-form .Bo-slider-wrapper .Bo-slider span {
	border-width: 1px;
	border-radius: 3px;
	border-style: solid;
	/* button border color .. */
	border-top-color: #F0F0F0;
	border-left-color: #D0D0D0;
	border-right-color: #D0D0D0;
	border-bottom-color: #C0C0C0;
	/* and gradient .. */
	background: rgba(208,208,208,1);
	background: -moz-linear-gradient(top, rgba(208,208,208,1) 0%, rgba(160,160,160,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(208,208,208,1)), color-stop(100%, rgba(160,160,160,1)));
	background: -webkit-linear-gradient(top, rgba(208,208,208,1) 0%, rgba(160,160,160,1) 100%);
	background: -o-linear-gradient(top, rgba(208,208,208,1) 0%, rgba(160,160,160,1) 100%);
	background: -ms-linear-gradient(top, rgba(208,208,208,1) 0%, rgba(160,160,160,1) 100%);
	background: linear-gradient(to bottom, rgba(208,208,208,1) 0%, rgba(160,160,160,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#a0a0a0', GradientType=0 );
}

.Bo-form .Bo-slider-wrapper .Bo-slider.ui-slider-disabled {
	border-width: 1px;
	border-radius: 3px;
	border-style: solid;
	border-color: #111111;
	background: #060606;
	margin-top: 12px;
	margin-bottom: 12px;
}

.Bo-form .Bo-slider-wrapper .Bo-slider.ui-slider-disabled span {
	/* button border color .. */
	border-top-color: #222222;
	border-left-color: #1E1E1E;
	border-right-color: #1E1E1E;
	border-bottom-color: #0A0A0A;
	/* and gradient .. */
	background: rgba(30,30,30,1);
	background: -moz-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(10,10,10,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30,30,30,1)), color-stop(100%, rgba(10,10,10,1)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(10,10,10,1) 100%);
	background: -o-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(10,10,10,1) 100%);
	background: -ms-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(10,10,10,1) 100%);
	background: linear-gradient(to bottom, rgba(30,30,30,1) 0%, rgba(10,10,10,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1E1E1E', endColorstr='#0A0A0A', GradientType=0 );
}

/******************************************************************************/
/* Numeric volume indicator */

body.iPhoneView .Bo-input-label.centered-volume {
	width: 258px;
	text-align: center;
}

body.PCView .Bo-input-label.centered-volume {
	width: 302px;
	text-align: center;
}

.Bo-input-label.centered-volume.disabled {
	color: #505050;
}