html
{
	padding: 0;
	margin: 0;
	-webkit-user-select: none;
}
body		
{
	font: 11px/15px 'Lucida Grande', sans-serif;
	margin: 0;
	padding: 12px 15px;
}

button,
input[type="checkbox"],
input[type="radio"]
{
	-webkit-appearance: none;
	background: -webkit-linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.7) 49.99%, rgba(255,255,255,.5) 50%, rgba(255,255,255,.3));
	border: 1px solid transparent;
	border-radius: 4px;
	border-top-color:    rgba(0,0,0,.21);
	border-right-color:  rgba(0,0,0,.25);
	border-bottom-color: rgba(0,0,0,.37);
	border-left-color:   rgba(0,0,0,.25);
	box-shadow: 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 1px rgba(255,255,255,1);
}
button:active, button.active,
input[type="checkbox"]:active, input[type="checkbox"].active,
input[type="radio"]:active, input[type="radio"].active
{
	background: -webkit-linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,0));
	box-shadow: 0px 1px 0px rgba(255,255,255,.3), inset 0px 1px 1px rgba(0,0,0,.15);
	border-top-color:    rgba(0,0,0,.37);
	border-bottom-color: rgba(0,0,0,.21);
}

button
{
	padding: 2px 20px 2px 20px;
}
button.smallWidth
{
	min-width: 50px;
}
button.midWidth
{
	min-width: 75px;
}
button.bigWidth
{
	min-width: 125px;
}



input[type="checkbox"]
{
	width: 14px;
	height: 14px;
	border-radius: 3px;
}
input[type="checkbox"]:checked:after
{
	display: block;
	position: relative;
	top: -2px;
	left: 2px;
	content: '';
	width: 13px;
	height: 12px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFMDQ2MUM1QzYyMTExRTJBNzBGQTE3NEJEREM0RDdGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFMDQ2MUM2QzYyMTExRTJBNzBGQTE3NEJEREM0RDdGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUUwNDYxQzNDNjIxMTFFMkE3MEZBMTc0QkREQzREN0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUUwNDYxQzRDNjIxMTFFMkE3MEZBMTc0QkREQzREN0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7sqyX4AAAA0klEQVR42ozRsQsBYRjHcceVYvMH3GyTUa6UP4BZUiST1U7KZsRoMLFYZDVgVGw2k9Umpeh8Xz1vnYtzT33q7X3f33v3Pq9h23YoQCUwRwu7cICAgTFymMEMEmqiiCdqePwLpdCXcQ9rNfALxTFFVDZ39YIOdVDwhAZI4oKy/N67TNTRxg1ZHGRTFY7c4+w+TX1pKZMxLKRLI1kfytxnO+Wd0thK0JE275HB3RvSd1IbKq7AFaVvAVURy7L0+CiXzaOB1a+2ukOqNjhh4vd4LwEGAJZyKOh4UIXJAAAAAElFTkSuQmCC) no-repeat;
}

input[type="radio"]
{
	width: 14px;
	height: 14px;
	border-radius: 14px;
}
input[type="radio"]:checked:after
{
	display: block;
	position: relative;
	width: 6px;
	height: 6px;
	top: 3px;
	left: 3px;
	border-radius: 6px;
	content: '';
	background: #424242;
}

label
{
	height: 15px;
	vertical-align: 6px;
}