/* @override http://elance.dalibor-sojic.info/hba/r/style.css */

/* @override http://elance.dalibor-sojic.info/hba/r/style.css */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	
	text-align: center;
	background-color: #f1f1f1;
}

a {
	font-style: normal;
}

#wraper {
	width: 700px;
	margin: auto;
	background-color: #fff;
	
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .5);
	box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .5);
	padding: 20px;
}

a.button, input[type=submit], button {
	text-decoration: none;
	border-color:rgba(0, 0, 0, 0.56);
	cursor: pointer;
	outline: none;
	color:#111;
	font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Segoe UI",Verdana,sans-serif;
	display:inline-block;
	vertical-align:top;
	position:relative;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background-color:#aaa;
	background: #aaa -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));
	background: #aaa -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
	text-shadow:1px 1px 0 rgba(255,255,255,.67);
	margin:0 0 24px 12px;
	/** Make the text unselectable **/
	-moz-user-select: none;
	-webkit-user-select: none;
}
input[type=submit], input[type=submit]:active {
	line-height:1 !important;
	width:auto;
	padding: 5px 9px 6px;
}
a.button, a.button:after, a.button:before, button, button:after, button:before, input[type=submit] {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border-width:1px;
	border-style:solid;
}
a.button:after, a.button:before, button:after, button:before {
	display:block;
	position:absolute;
	content:' ';
}
a.button:before, button:before {
	border-color: #FFF rgba(255,255,255,.25) rgba(255,255,255,.25);
	left:0;
	top:0;
}
a.button:after, button:after {
	border-color: transparent transparent rgba(255, 255, 255, 0.63);
	left:-1px;
	bottom:-2px;
	height:100%;
	width:100%;
}
a.button:hover, a.button:focus, button:hover, button:focus, input[type=submit]:hover, input[type=submit]:focus {
	background-image:-moz-linear-gradient(top, rgba(255,255,255,.9), rgba(255,255,255,0.2));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.9)), to(rgba(255,255,255,0.2)));
}
a.button:active, button:active, input[type=submit]:active {
	background-image:-moz-linear-gradient(top, rgba(75,75,75,.4), rgba(255,255,255,.4));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75,.4)), to(rgba(255,255,255,.4)));
	line-height:26px;
}
a.button:active:before, button:active:before {
	border-color: rgba(255, 255, 255, 0.11) rgba(255, 255, 255, 0.23) rgba(255, 255, 255, 0.27);
}

a.button.bg {
	-webkit-transition: all .185s linear;
	-moz-transition: all .185s linear;
}
a.button.bg, a.button.bg:hover, a.button.bg:focus {
	background-image: -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
}
a.button.bg:hover, a.button.bg:focus {
	background-color:#a8c0cb;
}
a.button.bg:active {
	background-image:-moz-linear-gradient(top, rgba(75,75,75,.4), rgba(255,255,255,.4));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75,.4)), to(rgba(255,255,255,.4)));
}
.button {
	background-color:#86bf7c;
}