css/netcalc.css

/*-- ------------------ --*/
/*-- SPEAKINGOFCODE.com --*/
/*-- ------------------ --*/
/* The content on this site is free and you will never be asked to pay for any code or demo. We are huge fans of the Open Source world and sharing is caring. */
/* http://www.speakingofcode.com/index.php/about */
/* Based on sample: http://www.speakingofcode.com/index.php/developer/9-interactive-jquery-price-slider-calculator */

/* Licensed under the Apache License, Version 2.0 (the "License") http://www.apache.org/licenses/LICENSE-2.0 */
#sib, #sob, #uib, #uob {
	font-size: 12pt;
}
#sib, #sob, #uib, #uob, #cam_res, #pwv, #pnv {
	text-align: right;
	width: 60px;
}
#sliders-area input {
	background: transparent;
	color: #333;
	border: 0px solid #fff;
	margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#sliders-area label {
	float: left;
	display: block;
	padding-top: 10px;
	display: block;
	color: #333;
	width: 440px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content {
	padding: 1px 0px 20px 0px;
	display: block;
	width: 550px;
	text-align: left;
	font-size: 12pt;
}
.result-area {
	text-align: left;
	font-size: 14pt;
	padding-left: 30px;
}
.result-area #bandwidth {
	padding-top: 0px;
	margin-top: 0px;
	border: 0px solid #000;
	font-size: 14pt;
	font-weight: bold;
}
#sib, #sob, #uib, #uob {
	width: 425px;
	border: 0px solid #000;
	background: transparent;
	font-size: 38px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	height: auto;
	box-shadow: none;
}
#sliders-area {
	width: 500px;
	display: block;
	background: #ddd;
	float: left;
	clear: both;
	padding: 30px 20px 10px 30px;
}
#slider-cam-res, #slider-num-with-cam, #slider-num-without-cam {
	width: 500px;
	display: block;
}
input#submitbtn {
	display: block;
	width: 300px;
	height: 38px;
	margin: 10px 0px 10px 0px;
	background: #47b2e8;
	color: #000;
	font-size: 14pt;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}
p {
	font-size: 9pt;
	line-height: 16pt;
	margin-top: 20px;
}
.ui-slider .ui-slider-handle {
	background: #63bbe9;
}
.ui-slider-horizontal {
	background: #e0eef9;
}