﻿	body {
		background: #eee;
		font-family: Ubuntu, sans-serif;
		text-align: center;
	}
	
	h2 {
		text-align: center;
		color: #444;
		text-shadow: 0 1px 0 #fff;	
	}
	
	a {
		color: #2A679F;
	}
		
	.center {
    margin-left: auto;
    margin-right: auto;
	}
		
	

.button-round-green {
	width: 200px;
	}
		

.button-round-green-middle {
	width: 100px;
	}
		

.button-round-green, .button-round-green-middle {
		border: 1px solid #222;
		background-color: #111;
		background-image: -moz-linear-gradient(#09521c, #111); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#09521c), to(#111));	
		background-image: -webkit-linear-gradient(#09521c, #111);	
		background-image: -o-linear-gradient(#09521c, #111);
		background-image: -ms-linear-gradient(#09521c, #111);
		background-image: linear-gradient(#09521c, #111);
					
				text-shadow: none;	

	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;

	text-indent:0;
	display:inline-block;
	color:#f5f5f5;
	font-size:13px;
	font-weight:bold;
	height:40px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
}
.button-round-green:hover, .button-round-green-middle:hover {
		background-color: #0186ba;
		background-image: -moz-linear-gradient(#04acec,  #0186ba);	
		background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
		background-image: -webkit-linear-gradient(#04acec, #0186ba);
		background-image: -o-linear-gradient(#04acec, #0186ba);
		background-image: -ms-linear-gradient(#04acec, #0186ba);
		background-image: linear-gradient(#04acec, #0186ba);
		text-shadow: 0px 0px 3px #fff;	
    color:#ffffff;
}

.button-round-green:active, .button-round-green-middle:active {
	position:relative;
	top:1px;
}

	
	
.button-round-pink {
	width: 200px;
	}
		

.button-round-pink-middle {
	width: 100px;
	}
		

.button-round-pink, .button-round-pink-middle {
		border: 1px solid #222;
		background-color: #111;
		background-image: -moz-linear-gradient(#FF0094, #111); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0094), to(#111));	
		background-image: -webkit-linear-gradient(#FF0094, #111);	
		background-image: -o-linear-gradient(#FF0094, #111);
		background-image: -ms-linear-gradient(#FF0094, #111);
		background-image: linear-gradient(#FF0094, #111);
					
				text-shadow: none;	

	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;

	text-indent:0;
	display:inline-block;
	color:#f5f5f5;
	font-size:13px;
	font-weight:bold;
	height:40px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
}

.button-round-pink:hover, .button-round-pink-middle:hover {
		background-color: #0186ba;
		background-image: -moz-linear-gradient(#04acec,  #0186ba);	
		background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
		background-image: -webkit-linear-gradient(#04acec, #0186ba);
		background-image: -o-linear-gradient(#04acec, #0186ba);
		background-image: -ms-linear-gradient(#04acec, #0186ba);
		background-image: linear-gradient(#04acec, #0186ba);
		text-shadow: 0px 0px 3px #fff;	
    color:#ffffff;
}

.button-round-pink:active, .button-round-pink-middle:active {
	position:relative;
	top:1px;
}



.button-round-yellow {
	width: 200px;
	}
		

.button-round-yellow-middle {
	width: 100px;
	}
		

.button-round-yellow, .button-round-yellow-middle {
		border: 1px solid #222;
		background-color: #111;
		background-image: -moz-linear-gradient(#f5f516, #111); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f516), to(#111));	
		background-image: -webkit-linear-gradient(#f5f516, #111);	
		background-image: -o-linear-gradient(#f5f516, #111);
		background-image: -ms-linear-gradient(#f5f516, #111);
		background-image: linear-gradient(#f5f516, #111);
					
				text-shadow: none;	

	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;

	text-indent:0;
	display:inline-block;
	color:#f5f5f5;
	font-size:13px;
	font-weight:bold;
	height:40px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
}

.button-round-yellow:hover, .button-round-yellow-middle:hover {
		background-color: #0186ba;
		background-image: -moz-linear-gradient(#04acec,  #0186ba);	
		background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
		background-image: -webkit-linear-gradient(#04acec, #0186ba);
		background-image: -o-linear-gradient(#04acec, #0186ba);
		background-image: -ms-linear-gradient(#04acec, #0186ba);
		background-image: linear-gradient(#04acec, #0186ba);
		text-shadow: 0px 0px 3px #fff;	
    color:#ffffff;
}

.button-round-yellow:active, .button-round-yellow-middle:active {
	position:relative;
	top:1px;
}


.button-round-grey {
	width: 200px;
		border: 1px solid #222;
		background-color: #111;
		background-image: -moz-linear-gradient(#444, #111); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
		background-image: -webkit-linear-gradient(#444, #111);	
		background-image: -o-linear-gradient(#444, #111);
		background-image: -ms-linear-gradient(#444, #111);
		background-image: linear-gradient(#444, #111);
					
				text-shadow: none;	

	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;

	text-indent:0;
	display:inline-block;
	color:#999;
	font-size:13px;
	font-weight:bold;
	height:40px;
	line-height:37px;
	text-decoration:none;
	text-align:center;
}
.button-round-grey:hover {
	background-color: #0186ba;
		background-image: -moz-linear-gradient(#04acec,  #0186ba);	
		background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
		background-image: -webkit-linear-gradient(#04acec, #0186ba);
		background-image: -o-linear-gradient(#04acec, #0186ba);
		background-image: -ms-linear-gradient(#04acec, #0186ba);
		background-image: linear-gradient(#04acec, #0186ba);
		text-shadow: 0px 0px 3px #fff;	
    color:#ffffff;
}
.button-round-grey:active {
	position:relative;
	top:1px;
}




