button{
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

button img{
	vertical-align: middle;
	margin-right: 5px;
}

a.Primary img,
a.Secondary img,
a.White img,
a.Tertiary img {
    vertical-align: middle;
    margin-right: 5px;
}

/*** SIZE ***/

button.Large,
a.Large{
	padding: 0 25px;
	line-height: 42px;
	font-size: 1.3em;
}

button.Small,
a.Small{
	padding: 0 20px;
	line-height: 30px;
	height: 30px;
	font-size: 1.0em;
}

/*** ALIGNMENT ***/

button.Left,
a.Left{
	float: left;
	margin-right: 1em;
}

button.Right,
a.Right{
	float: right;
	margin-left: 1em;
}

fieldset.Right button{
	position: absolute;
	right: -150px;
	top: 0px;
}

/*** COLOUR ***/

button.Primary,
a.Primary,
button.Secondary,
a.Secondary,
button.Tertiary,
a.Tertiary,
button.White,
a.White{
	display: inline-block;
	margin-bottom: 1em;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	font-weight: bold;
	font-family: "Heading";
	letter-spacing: -1px;
}

/*** PRIMARY COLOUR ***/

button.Primary,
a.Primary{	
	background-color: #ef4f97;
	
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); 
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); 
	
	color: #ffffff !important;
}

/*** SECONDARY COLOUR ***/

button.Secondary,
a.Secondary{
	background-color: #6bccf0;
	
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); 
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); 
	
	color: #EF4F97 !important;
}

/*** TERTIARY COLOUR ***/

button.Tertiary,
a.Tertiary{
	background-color: #a6d0e3;
	
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); 
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); 
	
	color: #EF4F97 !important;
}

/*** WHITE COLOUR ***/

button.White,
a.White{
	border: 1px solid #c8d9e7;
	background-color: #ffffff;
	
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); 
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); 
	
	color: #2c5a83 !important;
}

/*** HOVER EFFECT ***/

a.Primary:hover,
a.Secondary:hover,
a.Tertiary:hover,
a.White:hover,
button.Primary:hover,
button.Secondary:hover,
button.Tertiary:hover,
button.White:hover{
	text-decoration: none;
	cursor: pointer;
	opacity: 0.9;
}

/*** RESPONSIVENESS ***/

@media only screen and (max-width: 605px) {
	
	fieldset.Right button { position: static; }
	
}

button.Hidden,
a.Hidden{
	display: none !important;
}

button.Disabled,
a.Disabled{
	background-color: #ccc;
	cursor: default !important;
}



