body { margin: 0; padding: 0; font-size: 76%; }
input,
select,
textarea { font-size: 1em; }
th,
td { vertical-align: top; }
img { border: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */

header,
nav,
aside,
footer { display: block; }

body,
input,
select,
textarea { font-family: "Droid Sans", Arial, sans-serif; }

h1 { font-size: 19px; margin: 0 0 5px 0; }
h2 { font-size: 17px; font-weight: normal; }
h3 { font-size: 15px; font-weight: normal; line-height: 1.3em; margin: 10px 0; }

hr { margin: 15px 0; height: 1px; background: #E1E1E1; color: #E1E1E1; border: 0; }

a { color: #007aa3; }
a.accessibility { position: relative; display: block; overflow: hidden; height: 0; width: 0; }

a.button,
input.button {
	/* height: 26px;
	line-height: 27px;
	padding: 0 15px;
	background: #065d02 url(../../image/btn.gif) repeat-x; color: white;
	border: 0;
	font-weight: bold;
	*/
	display: inline-block;
	text-decoration: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 11px;
	cursor: pointer;
	white-space: nowrap;
	}
	

a.button,
input.button { border: 0;
-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; line-height: 1em; padding: 9px 11px 8px 11px; font-weight:normal; text-align: center; color: #FFFFFF; background-color: #82D62A; text-shadow: 0px -1px 0px #308009;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82D62A), color-stop(100%, #308009));
 background-image: -webkit-linear-gradient(top, #82D62A, #308009);
 background-image: -moz-linear-gradient(top, #82D62A, #308009);
 background-image: -ms-linear-gradient(top, #82D62A, #308009);
 background-image: -o-linear-gradient(top, #82D62A, #308009);
 background-image: linear-gradient(top, #82D62A, #308009);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#82D62A, endColorstr=#308009);
}

a.button:hover,
input.button:hover {
background-color: #68ac21;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ce925), color-stop(100%, #62b912));
 background-image: -webkit-linear-gradient(top, #52b808, #186603);
 background-image: -moz-linear-gradient(top, #52b808, #186603);
 background-image: -ms-linear-gradient(top, #52b808, #186603);
 background-image: -o-linear-gradient(top, #52b808, #186603);
 background-image: linear-gradient(top, #52b808, #186603);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#68ac21, endColorstr=#1e5006);
}


/* =============================================================================       CUSTOMISATIONS       =============================================== */
html.template-MyPace a {color: #00BFFF}
html.template-MyPace a.button{color: #FFFFFF}
a { cursor: pointer; }

.variable { display: none !important; line-height: 0px; height: 0px; width: 0px; }
.hidden { display: none !important; line-height: 0px; height: 0px; width: 0px;}
.inline-block { display: inline-block; }
.ie .inline-block { zoom: 1 !important; *display: inline !important;}
.inline { display: inline; }
a.button.grey,
input.button.grey { background: #c0c0c0 none; }
a.button.grey:hover,
input.button.grey:hover { background: #a5a5a5 none; }
input.button.grey { color: white; text-shadow: 0; font-weight: bold;}
.invisible { visibility: hidden; }
.underline { text-decoration: underline; }
.link { cursor: pointer; }