/* ------------------------------------------------------------------ */
html, body {
  margin: 0;
  padding: 0;
  background: #fff;
}

strong {
  font-weight: bold;
}

a {
  outline: none;
  color: #47b4e3;
  text-decoration: none;
}

a:hover {
  outline: none;
  text-decoration: underline;
  cursor: pointer;
}

a:focus {
  outline:none;
}

p {
  padding: 0;
  margin: 0 0 1em 0;
  line-height: 1.5em;
}

br, form, label {
  margin: 0;
  padding: 0;
}

.clearfix {
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
  height: 0;
}

code {
  font: normal 13px/150% 'Consolas','Courier New',monospace;
}

/* ------------------------------------------------------------------ */
/* HEADLINE ELEMENTS */
/* ------------------------------------------------------------------ */

#page-content h1, #page-content h2, #page-content h3, #page-content h4 {
  font: 32px/36px 'GestaRegular',Arial,Helvetica,sans-serif;
  color: #15b3dd;
  margin: 20px 0;
}

#page-content h1 {
  position: relative;
  font: normal 48px 'GestaLight', Arial, Helvetica, sans-serif;
  white-space: nowrap;
  margin: 0 0 0.5em 0;
  font-weight: normal;
  text-transform: uppercase;
}

#page-content h3, #page-content h4 {
  font-family: 'GestaBold',Arial,Helvetica,sans-serif;
  color: #484848;
  margin: 1.5em 0 0.5em;
}

#page-content h2 { font-size: 30px; line-height: 30px; }
#page-content h3 { font-size: 19px; line-height: 19px; }
#page-content h4 { font-size: 16px; line-height: 16px; }

/* ------------------------------------------------------------------ */
/* LABELS */
/* ------------------------------------------------------------------ */
.grey-label, .blue-label, .red-label, .orange-label, .green-label, .grey-label-arrow, .blue-label-arrow, .red-label-arrow, .orange-label-arrow, .green-label-arrow,
a.grey-label:visited, a.blue-label:visited, a.red-label:visited, a.orange-label:visited, a.green-label:visited, a.grey-label-arrow:visited, a.blue-label-arrow:visited, a.red-label-arrow:visited, a.orange-label-arrow:visited, a.green-label-arrow:visited {
  font: bold 11px/14px "Arial",sans-serif;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  padding: 2.5px 5px;
  white-space: nowrap;
  color: #fff;
  text-decoration: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  text-transform: uppercase;
  vertical-align:center;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

a.grey-label, a.blue-label, a.red-label, a.orange-label, a.green-label, a.grey-label-arrow, a.blue-label-arrow, a.red-label-arrow, a.orange-label-arrow, a.green-label-arrow {
  cursor: pointer;  /* IE fix */
}

a.grey-label:hover, a.blue-label:hover, a.red-label:hover, a.orange-label:hover, a.green-label:hover, a.grey-label-arrow:hover, a.blue-label-arrow:hover, a.red-label-arrow:hover, a.orange-label-arrow:hover, a.green-label-arrow:hover {
  text-decoration:none;
}

.grey-label-arrow span, .blue-label-arrow span, .red-label-arrow span, .orange-label-arrow span, .green-label-arrow span {
  padding-right: 12px;
  height: 8px;
  background: #ccc url('../images/tinyarrow-white.gif') no-repeat right center;
}

.grey-label, .grey-label-arrow, .grey-label-arrow span {
  background-color: #ccc;
}

.blue-label, .blue-label-arrow, .blue-label-arrow span {
  background-color: #0caedc;
}

.red-label, .red-label-arrow, .red-label-arrow span {
  background-color: #f53708;
}

.orange-label, .orange-label-arrow, .orange-label-arrow span {
  background-color: #ff5800;
}

.green-label, .green-label-arrow, .green-label-arrow span {
  background-color: #77d021;
}

/* ------------------------------------------------------------------ */
/* BUTTONS */
/* ------------------------------------------------------------------ */

/* ** Buttons for form submissions ** */

/* some browser-dependent styling */

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

/* actual button styling: default state */

button.button-green-small, button.button-blue-small, button.button-green, button.button-blue {
  position: relative;
	border: 0; 
	padding: 0 7px 0 0; /* sliding doors padding */
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
  display:inline-block;
  height:30px;
  color:#fff;
  font: normal 17px/30px 'GestaMedium',Arial,Helvetica,sans-serif;
  margin:0 10px 0 0;
  text-decoration: none;
  text-shadow:#4f920a 0 1px 1px;
  white-space:nowrap;
	background: url("../images/button_small_green_right.png") no-repeat right top;
}

button.button-green, button.button-blue {
  height:33px;
  font: normal 19px/33px 'GestaMedium',Arial,Helvetica,sans-serif;
  background: url("../images/button_green_right.png") no-repeat right top;
}

button.button-blue-small, button.button-blue {
  background: url("../images/button_small_blue_right.png") no-repeat right top;
  text-shadow:#268CB7 0 1px 1px;
}

button.button-blue {
  background: url("../images/button_blue_right.png") no-repeat right top;
}

button.button-green-small span, button.button-blue-small span {
  background: url("../images/button_small_green_left.png") no-repeat left top;
  padding: 0 10px 0 18px;
}

button.button-blue-small span {
  background: url("../images/button_small_blue_left.png") no-repeat left top;
}

button.button-green span, button.button-blue span {
  background: url("../images/button_green_left.png") no-repeat left top;
  padding: 0 10px 0 18px;
}

button.button-blue span {
  background: url("../images/button_blue_left.png") no-repeat left top;
}

/* actual button styling: hover state */

button.button-green-small:hover, button.button-blue-small:hover {
  background-position: right -30px;
}

button.button-green-small:hover span, button.button-blue-small:hover span {
  background-position: left -30px;
}

button.button-green:hover, button.button-blue:hover {
  background-position: right -33px;
}

button.button-green:hover span, button.button-blue:hover span {
  background-position: left -33px;
}

/* actual button styling: active state */

button.button-green-small:active, button.button-blue-small:active {
  background-position: right -60px;
}

button.button-green-small:active span, button.button-blue-small:active span {
  background-position: left -60px;
}

button.button-green:active, button.button-blue:active {
  background-position: right -66px;
}

button.button-green:active span, button.button-blue:active span {
  background-position: left -66px;
}

/* actual button styling: inactive state */

button.button-green-small.inactive, button.button-blue-small.inactive, button.button-green.inactive, button.button-blue.inactive {
  background-position: right -90px;
  cursor:default;
}

button.button-green-small.inactive span, button.button-blue-small.inactive span, button.button-green.inactive span, button.button-blue.inactive span {
  background-position: 0 -90px;
  text-shadow:#848484 0 1px 1px;
}

button.button-green.inactive, button.button-blue.inactive {
  background-position: right -99px;
}

button.button-green.inactive span, button.button-blue.inactive span {
  background-position: 0 -99px;
}

/* ** Buttons (span and anchor combo) ** */

.button-green-small a, .button-blue-small a, .button-green-small-arrow a, .button-blue-small-arrow a, .button-green a, .button-blue a, .button-green-arrow a, .button-blue-arrow a {
  display:inline-block;
  height:30px;
  color:#fff;
  font: normal 17px/30px 'GestaMedium',Arial,Helvetica,sans-serif;
  margin-right:10px;
  padding-right: 29px; /* sliding doors padding */
  text-decoration: none;
  text-shadow:#4f920a 0 1px 1px;
  white-space:nowrap;
}

.button-green-small a.no-margin, .button-blue-small a.no-margin, .button-green-small-arrow a.no-margin, .button-blue-small-arrow a.no-margin, .button-green a.no-margin, .button-blue a.no-margin, .button-green-arrow a.no-margin, .button-blue-arrow a.no-margin {
  margin-right:0;
}

.button-green a, .button-blue a, .button-green-arrow a, .button-blue-arrow a {
  height:33px;
  font: normal 19px/33px 'GestaMedium',Arial,Helvetica,sans-serif;
}

.button-blue-small a, .button-blue-small-arrow a, .button-blue a, .button-blue-arrow a {
  text-shadow:#268cb7 0 1px 1px;
}

.button-green-small a span, .button-blue-small a span, .button-green-small-arrow a span, .button-blue-small-arrow a span {
  display: block;
  line-height: 16px;
  padding: 8px 10px 6px 18px;
}

.button-green a span, .button-blue a span, .button-green-arrow a span, .button-blue-arrow a span {
  display: block;
  line-height: 16px;
  padding: 9px 10px 8px 18px;
}

.button-green-small a span, .button-green-small-arrow a span {
  background: url("../images/button_small_green_left.png") no-repeat left top;
}

.button-green a span, .button-green-arrow a span {
  background: url("../images/button_green_left.png") no-repeat left top;
}

.button-green-small a, .button-blue-small a, .button-green-small-arrow a, .button-blue-small-arrow a {
  background: url("../images/button_small_green_right.png") no-repeat right top;
}

.button-green a, .button-blue a, .button-green-arrow a, .button-blue-arrow a {
  background: url("../images/button_green_right.png") no-repeat right top;
}

.button-green-small a, .button-blue-small a, .button-green a, .button-blue a {
  padding-right:7px;
}

.button-blue-small a span, .button-blue-small-arrow a span {
  background: url("../images/button_small_blue_left.png") no-repeat left top;
}

.button-blue a span, .button-blue-arrow a span {
  background: url("../images/button_blue_left.png") no-repeat left top;
}

.button-blue-small a, .button-blue-small-arrow a {
  background: url("../images/button_small_blue_right.png") no-repeat right top;
}

.button-blue a, .button-blue-arrow a {
  background: url("../images/button_blue_right.png") no-repeat right top;
}

.button-green-small a:hover, .button-green-small-arrow a:hover, .button-blue-small a:hover, .button-blue-small-arrow a:hover {
  background-position: right -30px;
  text-decoration:none;
}

.button-green a:hover, .button-green-arrow a:hover, .button-blue a:hover, .button-blue-arrow a:hover {
  background-position: right -33px;
  text-decoration:none;
}

.button-green-small a:hover span, .button-green-small-arrow a:hover span, .button-blue-small a:hover span, .button-blue-small-arrow a:hover span {
  background-position: 0 -30px;
  text-decoration:none;
}

.button-green a:hover span, .button-green-arrow a:hover span, .button-blue a:hover span, .button-blue-arrow a:hover span {
  background-position: 0 -33px;
  text-decoration:none;
}

.button-green-small a:active, .button-green-small-arrow a:active, .button-blue-small a:active, .button-blue-small-arrow a:active {
  background-position: right -60px;
}

.button-green a:active, .button-green-arrow a:active, .button-blue a:active, .button-blue-arrow a:active {
  background-position: right -66px;
}

.button-green-small a:active span, .button-green-small-arrow a:active span, .button-blue-small a:active span, .button-blue-small-arrow a:active span {
  background-position: 0 -60px;
}

.button-green a:active span, .button-green-arrow a:active span, .button-blue a:active span, .button-blue-arrow a:active span {
  background-position: 0 -66px;
}

/******************* Buttons - Inactive State *****************/

.button-green-small a.inactive:active, .button-green-small-arrow a.inactive:active, .button-blue-small a.inactive:active, .button-blue-small-arrow a.inactive:active,
.button-green-small a.inactive:hover, .button-green-small-arrow a.inactive:hover, .button-blue-small a.inactive:hover, .button-blue-small-arrow a.inactive:hover,
.button-green-small a.inactive, .button-green-small-arrow a.inactive, .button-blue-small a.inactive, .button-blue-small-arrow a.inactive {
  background-position: right -90px;
  cursor:default;
}

.button-green-small a.inactive:active span, .button-green-small-arrow a.inactive:active span, .button-blue-small a.inactive:active span, .button-blue-small-arrow a.inactive:active span,
.button-green-small a.inactive:hover span, .button-green-small-arrow a.inactive:hover span, .button-blue-small a.inactive:hover span, .button-blue-small-arrow a.inactive:hover span,
.button-green-small a.inactive span, .button-green-small-arrow a.inactive span, .button-blue-small a.inactive span, .button-blue-small-arrow a.inactive span {
  background-position: 0 -90px;
  text-shadow:#848484 0 1px 1px;
}

.button-green a.inactive:active, .button-green-arrow a.inactive:active, .button-blue a.inactive:active, .button-blue-arrow a.inactive:active,
.button-green a.inactive:hover, .button-green-arrow a.inactive:hover, .button-blue a.inactive:hover, .button-blue-arrow a.inactive:hover,
.button-green a.inactive, .button-green-arrow a.inactive, .button-blue a.inactive, .button-blue-arrow a.inactive {
  background-position: right -99px;
  cursor:default;
}

.button-green a.inactive:active span, .button-green-arrow a.inactive:active span, .button-blue a.inactive:active span, .button-blue-arrow a.inactive:active span,
.button-green a.inactive:hover span, .button-green-arrow a.inactive:hover span, .button-blue a.inactive:hover span, .button-blue-arrow a.inactive:hover span,
.button-green a.inactive span, .button-green-arrow a.inactive span, .button-blue a.inactive span, .button-blue-arrow a.inactive span {
  background-position: 0 -99px;
  text-shadow:#848484 0 1px 1px;
}

/* ------------------------------------------------------------------ */
/* UNORDERED LISTS */
/* ------------------------------------------------------------------ */

ul.formatted, ul.spacing-medium, ul.spacing-large {
  list-style-type: none;
  padding-left:2em;
  padding-bottom: 0.4em;
}

ul.formatted li, ul.spacing-medium li, ul.spacing-large li {
  background: url("../images/bullet.png") no-repeat left 6px;
  padding-left: 1.5em;
}

ul.spacing-medium li, ol.spacing-medium li {
  margin-bottom: 0.75em;
}

ul.spacing-large li, ol.spacing-large li {
  margin-bottom: 1.4em;
}