﻿@charset "UTF-8";
/* Responsive Cities theme */
/***************************************************************
AAO Override Variables
***************************************************************/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700");
h1, h2, h3, h4, h5, .SectionLabel {
  color: #459AC7; }

#masterHeaderImage {
  width: 225px;
  height: 110px; 
  display: block;
  margin-left: auto;
  margin-right: auto;}

@media (max-width: 768px) {
  #masterHeaderImage {
    display: none; }

  .auth-link-container a {
    color: #FFF; } }
ul.rtUL {
  display: inherit !important; }

.navbar-header > div {
  vertical-align: top !important; }

.nav-secondary {
  background-color: #FFF; }

.nav-secondary .sub-nav-head {
  color: #FFF;
  background-color: #459AC7; }

@media (min-width: 992px) {
  .has-secondary-col.col-on-right .col-secondary {
    float: left;
    padding-right: 20px; } }
@media (min-width: 767px) {
  ul.rsmList.rsmColumn.rsmLevel1 {
    display: none; } }
@media (max-width: 767px) {
  #ctl01_SubNavPanel {
    display: none; } }
.TextButton {
  background-color: #459AC7; }

.TextButton:hover {
  background-color: #333F45; }

.SearchField, .SearchResultSummary .ListItemTitle a {
  background-color: #459AC7 !important; }

.SearchResultSummary .ListItemTitle a {
  color: #FFF !important; }

.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover {
  background-color: #459AC7; }

.ProgressTracker2 .ProgressTrackerPanel .label {
  color: #FFF; }

.Slider.FullWidth {
  background-image: url("images/log.jpg"); }

.footer-nav-copyright {
  background-color: #459AC7;
  color: #FFF; }

#FOOTERLINK {
  BACKGROUND-COLOR: #459AC7; }

#FOOTERLINK A {
  COLOR: #FFF;
  FONT-SIZE: 105% !important;
  PADDING-LEFT: 30PX; }

.footer {
  color: #FFF;
  margin-top: 40px;
  padding: 20px 0 30px;
  background: #555555; }

.footer h2, .footer a {
  color: #FFF; }

.lead {
  font-size: 100%; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
  -o-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left; }

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1; }

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000; }

  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }

  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }

  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block; }

.carousel-inner > .active {
  left: 0; }

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%; }

.carousel-inner > .next {
  left: 100%; }

.carousel-inner > .prev {
  left: -100%; }

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0; }

.carousel-inner > .active.left {
  left: -100%; }

.carousel-inner > .active.right {
  left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=50);
  opacity: .5; }

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x; }

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x; }

.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9; }

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block; }

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px; }

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px; }

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1; }

.carousel-control .icon-prev:before {
  content: '\2039'; }

.carousel-control .icon-next:before {
  content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none; }

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 10px; }

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }

.carousel-caption .btn {
  text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px; }

  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px; }

  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px; }

  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px; }

  .carousel-indicators {
    bottom: 20px; } }
.carousel {
  margin-top: 1px; }

.carousel-inner .item a img {
  width: 100% !important;
  height: 375px; }

.carousel-caption {
  background-color: rgba(0, 0, 0, 0.49804);
  color: white;
  padding: 5px;
  bottom: -10px;
  text-align: right;
  right: 0;
  left: 0; }

.carousel-caption h3 {
  color: white; }

.carousel-caption p {
  background-color: rgba(0, 0, 0, 0.48039);
  padding: 5px;
  bottom: 0; }

.item {
  height: 300px; }

.carousel-caption {
  background-color: rgba(0, 0, 0, 0.75); }

@media screen and (min-width: 768px) {
  .carousel-indicators {
    bottom: 10px; } }
.carousel-caption {
  text-align: center;
  bottom: 25%;
  width: 50%;
  margin-left: 25%;
  margin-right: 25%;
  border-radius: 10px;
  PADDING: 20PX; }

.carousel-caption p {
  background: none; }

@media (max-width: 800px) {
  .carousel-inner .item a img {
    height: 100% !important; }

  .carousel-caption {
    BOTTOM: 10%;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%; }

  .carousel-indicators {
    bottom: 0px; } }
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("/web/App_themes/aao/fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("/web/App_themes/aao/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("woff2"), url("/web/App_themes/aao/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("/web/App_themes/aao/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("/web/App_themes/aao/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\2a"; }

.glyphicon-plus:before {
  content: "\2b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

/*Servive Blocks*/
.servive-block .servive-block-in {
  padding: 20px 30px;
  text-align: center;
  margin-bottom: 20px;
  background: #fafafa;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.servive-block .servive-block-in:hover {
  box-shadow: 0 0 8px #ddd; }

.servive-block .servive-block-in h4 {
  line-height: 25px; }

.servive-block .servive-block-in h4 a:hover {
  color: #2980b9;
  text-decoration: none; }

.servive-block .servive-block-in:hover h4,
.servive-block .servive-block-in:hover em {
  color: #2980b9; }

.servive-block .servive-block-in em {
  color: #565656;
  font-size: 40px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.servive-block .servive-block-red {
  background: #e74c3c; }

.servive-block .servive-block-sea {
  background: #1abc9c; }

.servive-block .servive-block-blue {
  background: #3498db; }

.servive-block .servive-block-grey {
  background: #95a5a6; }

.servive-block .servive-block-yellow {
  background: #f1c40f; }

.servive-block .servive-block-orange {
  background: #e67e22; }

.servive-block .servive-block-green {
  background: #2ecc71; }

.servive-block .servive-block-colored em,
.servive-block .servive-block-colored p,
.servive-block .servive-block-colored h4,
.servive-block .servive-block-colored:hover em,
.servive-block .servive-block-colored:hover h4 {
  color: #fff; }

.servive-block .servive-block-colored:hover {
  opacity: 0.8;
  box-shadow: none; }

/*Service Alternative Block*/
.service-alternative .service:hover {
  background: #76ca2c;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.service-alternative .service:hover em,
.service-alternative .service:hover p,
.service-alternative .service:hover h4 {
  color: #fff; }

/*Servive Block Versions*/
.service-v1 h2 {
  margin: 15px 0;
  font-size: 20px;
  line-height: 28px; }

.service-v1 p {
  text-align: justify; }

@media (min-width: 768px) {
  .servive-block .servive-block-in {
    min-height: 330px; } }
li.lead {
  list-style: none; }

/*Thumbnail*/
a.thumbnail {
  padding: 0;
  border: none;
  margin-bottom: 15px; }

.thumbnail-style {
  padding: 5px;
  margin-bottom: 20px; }

.thumbnail-style:hover {
  box-shadow: 0 0 8px #ddd;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out; }

.thumbnail-style h3 {
  margin: 5px 0 0 0; }

.thumbnail-style h3 a {
  font-size: 20px; }

.thumbnail-style h3 a:hover {
  color: #2980b9;
  text-decoration: none; }

.thumbnail-style .thumbnail-img {
  position: relative;
  margin-bottom: 10px; }

.thumbnail-style a.btn-more {
  right: -10px;
  bottom: 10px;
  color: #fff;
  padding: 1px 6px;
  position: absolute;
  background: #2980b9;
  display: inline-block; }

.thumbnail-style a.btn-more:hover {
  text-decoration: none;
  box-shadow: 0 0 0 2px #377500; }

.thumbnail-style:hover a.btn-more {
  right: 10px; }

.thumbnail-kenburn img {
  left: 10px;
  margin-left: -10px;
  position: relative;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out; }

.thumbnail-kenburn:hover img {
  -webkit-transform: scale(1.2) rotate(2deg);
  -moz-transform: scale(1.2) rotate(2deg);
  -o-transform: scale(1.2) rotate(2deg);
  -ms-transform: scale(1.2) rotate(2deg);
  transform: scale(1.2) rotate(2deg); }

/* Services */
.service {
  overflow: hidden;
  margin-bottom: 10px;
  padding: 15px 15px 10px; }

.service:hover {
  background: #fcfcfc;
  box-shadow: 0 0 5px #ddd;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out; }

.service:hover em {
  color: #656565; }

.service .desc {
  padding: 0 15px;
  overflow: hidden; }

.service .desc h4 {
  font-size: 22px;
  line-height: 25px; }

.service .service-icon {
  float: left;
  padding: 10px;
  color: #2980b9;
  font-size: 45px;
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.service .service-icon.icon-cogs {
  font-size: 37px; }

.service .service-icon.icon-plane {
  font-size: 43px; }

.caption {
  padding-top: 10px; }

.blog-icon {
  color: #FFF;
  float: left;
  margin-left: 10px;
  font-size: 35px;
  padding: 2px;
  text-align: center;
  transition: all 0.4s ease-in-out 0s; }

/*Posts*/
.posts .dl-horizontal {
  margin-bottom: 0;
  overflow: hidden; }

.posts .dl-horizontal dt {
  width: 60px;
  float: left; }

.posts .dl-horizontal dt img {
  width: 60px;
  height: 60px;
  padding: 2px;
  margin-top: 2px;
  border: solid 1px #ddd; }

.posts .dl-horizontal dd {
  margin-left: 70px; }

.posts .dl-horizontal dd p {
  margin: 0; }

.posts .dl-horizontal dd a {
  font-size: 14px;
  line-height: 16px !important; }

.posts .dl-horizontal dd a:hover {
  color: #2980b9;
  text-decoration: none; }

.posts .dl-horizontal:hover dt img,
.posts .dl-horizontal:hover dd a {
  color: #2980b9;
  border-color: #2980b9 !important;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

/*Purchase Block*/
.purchase {
  padding: 30px 0;
  margin-bottom: 30px;
  box-shadow: inset 0 0 4px #eee;
  background: url(../img/breadcrumbs.png) repeat; }

.purchase p {
  margin-bottom: 0; }

.purchase span {
  color: #666;
  display: block;
  font-size: 28px;
  font-weight: 200;
  line-height: 35px;
  margin-bottom: 12px;
  font-family: 'Open Sans', sans-serif; }

.purchase a.btn-buy {
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  margin-top: 22px;
  font-weight: bold;
  background: #2980b9;
  display: inline-block;
  text-decoration: none;
  padding: 12px 28px 9px;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #51a00b; }

.purchase a.btn-buy:hover {
  color: #fff;
  background: #68af28;
  text-decoration: none;
  box-shadow: 0 0 5px #c0c2c1; }

/* ==========================================================================
   MASTER PAGE LAYOUT
   ========================================================================== */
/**
 * Styles necessary to properly align the Cities master page
 **/
#masterWrapper.yui-t2 {
  width: auto; }

/* Class used to contain the various pieces of the master page */
.container,
.header-container,
.SliderPage1 {
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
  .no-mqs .container, .no-mqs
  .header-container, .no-mqs
  .SliderPage1 {
    min-width: 970px; }

.container:before, .container:after,
.body-container:before,
.body-container:after {
  content: " ";
  display: table; }
.container:after,
.body-container:after {
  clear: both; }

/* handle secondary column layout */
@media (min-width: 992px) {
  .has-secondary-col .col-primary {
    width: 76%; }
  .has-secondary-col .col-secondary {
    width: 22%; }
  .has-secondary-col.col-on-right .col-primary {
    float: left;
    margin-right: 2%; }
  .has-secondary-col.col-on-right .col-secondary {
    float: right; }
  .has-secondary-col.col-on-left .col-primary {
    float: right;
    margin-left: 2%; }
  .has-secondary-col.col-on-left .col-secondary {
    float: left; } }
.no-mqs .has-secondary-col .col-primary {
  width: 76%; }
.no-mqs .has-secondary-col .col-secondary {
  width: 22%; }
.no-mqs .has-secondary-col.col-on-right .col-primary {
  float: left;
  margin-right: 2%; }
.no-mqs .has-secondary-col.col-on-right .col-secondary {
  float: right; }
.no-mqs .has-secondary-col.col-on-left .col-primary {
  float: right;
  margin-left: 2%; }
.no-mqs .has-secondary-col.col-on-left .col-secondary {
  float: left; }

/* Header
   ========================================================================== */
/**
 * The following declarations are required to reposition the search bar and
 * Sign In/Out link at different sizes via appendAround 
 */
.search-container,
.auth-link-container {
  display: block; }
  @media (min-width: 768px) {
    .search-container,
    .auth-link-container {
      display: none; } }
  .no-mqs .search-container, .no-mqs
  .auth-link-container {
    display: none; }

.search-container-sm,
.auth-link-container-sm {
  display: none !important; }
  @media (min-width: 768px) {
    .search-container-sm,
    .auth-link-container-sm {
      display: inline-block !important; } }
  .no-mqs .search-container-sm, .no-mqs
  .auth-link-container-sm {
    display: inline-block !important; }

/* This applies to the area behind the header logo and auxiliary navigation */
.header-container:before, .header-container:after {
  content: " ";
  display: table; }
.header-container:after {
  clear: both; }

.header-top-container {
  padding-top: 10px;
  padding-bottom: 10px; }

.navbar-collapse {
  clear: both; }
  @media (max-width: 767px) {
    .navbar-collapse {
      /* expand to the full width of the page */
      margin-left: -15px;
      margin-right: -15px; } }
  @media (min-width: 768px) {
    .navbar-collapse {
      clear: right; } }
  .no-mqs .navbar-collapse {
    clear: right; }

@media (min-width: 768px) {
  .nav-primary {
    float: right;
    clear: right; } }
.no-mqs .nav-primary {
  float: right;
  clear: right; }

 .header-logo-container {
  /* float: left; */
  #align: center;} 

@media (max-width: 767px) {
  .header-social {
    display: none !important; } }
.header-social a {
  text-decoration: none; }

/* These styles apply to the auxiliary and footer navigation */
.NavigationUnorderedList {
  padding-left: 0;
  margin: 0;
  display: inline-block; }

.NavigationListItem {
  list-style-type: none;
  display: inline-block;
  margin-left: 0; }

/*.header-utility {
    @include respond-to('tablets and up') {
        float:left;
        clear: none !important;

        div {
            display: inline-block;
            vertical-align: middle;
        }
    }

    a {
        vertical-align: middle;
    }

    input.SurfEdit {
        /* Remove the extra padding from the surf-to-edit button */
        /*padding: 0 !important;
        vertical-align: middle;
    }
}*/
.NavigationLink {
  padding-left: 7.5px;
  padding-right: 7.5px;
  white-space: nowrap; }

@media (max-width: 767px) {
  .ste-section {
    display: none !important; } }

/* Main
   ========================================================================== */
#masterContentArea {
  margin-top: 10px; }

/* This applies to the breadcrumb area */
.breadcrumb {
  float: none;
  display: inline;
  line-height: 33px; }

/***** Proxy Panel Styling *****/
/* This applies to the on behalf of (proxy) area */
.obo-container {
  float: right; }

#ProxyPanelLabels,
#ProxyPanelActions {
  display: inline-block; }

.ProxyPanelNoContact,
.ProxyPanelContact {
  margin-top: 0.225em;
  line-height: 2.4em;
  font-weight: bold;
  padding: 0 2em;
  white-space: nowrap; }

/* This applies to the button area at the bottom of the page (e.g., Save, Cancel) */
.CommandBar {
  margin: .5em 0;
  background-color: White; }

/* Sticky Footer
   ========================================================================== */
/**
 * Responsive sticky footer.
 * See http://www.joshrcook.com/a-responsive-sticky-footer/ 
 */
.wrapper {
  display: table;
  width: 100%;
  height: 100%; }

.footer {
  display: table-row;
  height: 1px; }

.footerNav {
 }

/* To call attention to a top-level primary navigation item, apply the 'nav-primary-feature' class to a navigation item's Css Class in 'Manage sitemaps' */
.RadMenu .rmRootGroup .nav-primary-feature a.rmRootLink {
  background-color: #388DBA;
  color: #fff;
  align: center;  }
.RadMenu .rmRootGroup .nav-primary-feature .rmGroup {
  background-color: #388DBA;
  color: #fff; }

body {
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 1.6;
  color: #333333; }

a {
  color: #388DBA;
  text-decoration: underline; }
  a:hover, a:focus, a:active {
    color: #388DBA; }
  a:visited {
    color: #459ac7; }

/**
  * Overriding RadGrid styles requires a !important.
  * Separating it out here to require styles on regular links that are too strong.
  */
.RadGrid a {
  color: #388DBA !important;
  text-decoration: underline; }
  .RadGrid a:hover, .RadGrid a:focus, .RadGrid a:active {
    color: #388DBA !important; }
  .RadGrid a:visited {
    color: #459ac7 !important; }
  .RadGrid a.aspNetDisabled, .RadGrid a.aspNetDisabled:hover, .RadGrid a.aspNetDisabled:focus, .RadGrid a.aspNetDisabled:active, .RadGrid a.aspNetDisabled:visited {
    color: #999999 !important; }

p {
  margin-top: 0;
  margin-bottom: 1em; }

h1,
.h1,
.PageTitle,
h2,
.h2,
.PanelTitle {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  color: #388DBA; }

h1 {
  margin-top: 0; }

h1,
.PageTitle {
  color: #388DBA;
  font-size: 250%; }

h1.BigHeader {
  color: #fff;
  background-color: #388DBA;
  padding: 20px;
  margin: 0; }

h2,
.PanelTitle {
  line-height: 1.45em;
  font-size: 170%; }

h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.PanelTitle,
.panel-heading.Distinguish {
  min-height: 0;
  border-bottom-style: solid; }

h4,
.SectionLabel,
h5 {
  color: #006c81;
  margin: 0 0 .2em; }

hr {
  margin-left: .5em;
  margin-right: .5em;
  border-width: 2px 0 0 0;
  border-style: solid;
  border-color: #459AC7; }

/* Used for messages guiding users to the next step */
.HelperText {
  color: #0064cd; }

/* This gives certain selected items (e.g., in the PeoplePanel in the Event Showcase) a colored background */
.SelectedItem {
  background-color: #388DBA; }

/**
 * This automatically resizes images when they're too large to fit in their container. 
 * It may override any user-defined width/height on images. If the behavior is unwanted, 
 * consider changing this declaration to a class (e.g. '.img-responsive') which you can 
 * apply as desired.
 */
img {
  max-width: 100%;
  height: auto !important; }

.no-mqs img {
  /* In IE8 images were disappearing when put in a wrapper tht was floating.
   * This solves the issue (PBI 47598). */ }

/* Give a block of text some extra emphasis.
 * This class also makes the text larger, per UltraWave styles */
.lead {
  margin-bottom: 20px; }

/* ==========================================================================
   MASTERPAGE ELEMENTS
   ========================================================================== */
/* This applies to the loading bar at the top of the page */
.ProgressDiv {
  background-color: #ffdd6f; }

/* Universal search control */
.search-field {
  background: #fff url("images/ResponsiveHeaderSprite.png") no-repeat;
  background-position: 7px -16px;
  padding-left: 28px !important;
  color: #777;
  border-color: #CCC; }

.header-search .TextButton {
  display: none; }

/* header logo */
#masterHeaderImage {
  background-image: url("images/AAOLogo.jpg");
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  text-indent: -9999px;
  overflow: hidden;
   }
  @media (min-width: 768px) {
    #masterHeaderImage {
      
      width: 120px; } }
  .no-mqs #masterHeaderImage {
    
    width: 120px; }

#masterDonorHeaderImage {
  background-image: url("images/DonorHeaderLogo.png");
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  text-indent: -9999px;
  overflow: hidden;
  float: left; }
  @media (min-width: 768px) {
    #masterDonorHeaderImage {
      width: 169px; } }
  .no-mqs #masterDonorHeaderImage {
    width: 169px; }

/* Used in the donor site header logo content area */
#masterHeaderActionArea a {
  display: block;
  text-align: center; }

/* On Behalf Of with target set */
.ProxyPanelContact {
  background-color: #006c81;
  color: #fff; }
  .ProxyPanelContact a {
    color: #cee4f0; }

/* Sub (Left) Navigation
   ========================================================================== */
#pagesubnav {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }

.SubNavPanelHead {
  background-color: #f9f7f2;
  color: #333333;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700; }

.SubNavigationSeparator {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #ddd;
  height: 1px;
  padding: 0;
  margin: 0; }

/* ==========================================================================
   Footer
   ========================================================================== */
.footer-nav-copyright {
  padding-top: 1em;
  padding-bottom: 0.35em;
  /* 1em - .65em (bottom margin on nav lis) */ }

.footer-content {
  padding-top: 1em;

float: left;  }

.footer-content-section {
  padding: 0 15px 1em; }

.footer-nav-copyright .NavigationUnorderedList {
  text-align: center;
  display: block; }
.footer-nav-copyright:before, .footer-nav-copyright:after {
  content: " ";
  display: table; }
.footer-nav-copyright:after {
  clear: both; }
.footer-nav-copyright .NavigationUnorderedList,
.footer-nav-copyright .footer-copyright {
  margin: 0; }
@media (max-width: 767px) {
  .footer-nav-copyright .footer-social-copyright {
    text-align: center; } }
.footer-nav-copyright .footer-social-copyright .footer-social,
.footer-nav-copyright .footer-social-copyright .footer-copyright {
  padding-top: 10px;
  padding-bottom: 10px; }
@media (min-width: 768px) {
  .footer-nav-copyright .footer-social-copyright .footer-social {
    text-align: left; }
  .footer-nav-copyright .footer-social-copyright .footer-copyright {
    float: right;
    width: auto;
    clear: right; } }
.no-mqs .footer-nav-copyright .footer-social-copyright .footer-social {
  text-align: left; }
.no-mqs .footer-nav-copyright .footer-social-copyright .footer-copyright {
  float: right;
  width: auto;
  clear: right; }

.footer-copyright p {
  margin-bottom: 0; }

@media (min-width: 480px) {
  .footer-content-section {
    float: left;
    width: 50%; } }
.no-mqs .footer-content-section {
  float: left;
  width: 50%; }

@media (min-width: 768px) {
  .footer .footer-social {
    width: 33.33333%; }
  .footer .footer-promo-container {
    width: 66.66667%; } }
.no-mqs .footer .footer-social {
  width: 33.33333%; }
.no-mqs .footer .footer-promo-container {
  width: 66.66667%; }

#masterFooterCopyright {
  clear: both; }

.footer-content {
  background-color: #FFF;
  color: #fff;
  text-align: center; }
  .footer-content h2 {
    margin-top: 0;
    color: #fff;
    border-bottom: none; }
  .footer-content a {
    color: #fff; }

.footer-social {
  padding-top: 15px; }
  .footer-social a {
    margin-right: .5em; }

.footer-promo-container .promo {
  background-color: #bfbfbf;
  /* rgba fallback */
  background-color: rgba(191, 191, 191, 0.5);
  padding: 15px;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.075), 0 1px 0 rgba(255, 255, 255, 0.1); }
.footer-promo-container .lead {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  margin-bottom: .25em;
  font-size: 130%;
  line-height: inherit; }
  @media (min-width: 768px) and (max-width: 991px) {
    .footer-promo-container .lead {
      font-size: 150%; } }
  @media (min-width: 992px) {
    .footer-promo-container .lead {
      font-size: 170%; } }
  .no-mqs .footer-promo-container .lead {
    font-size: 170%; }
.footer-promo-container .TextButton {
  background-color: #bfbfbf;
  /* rgba fallback */
  background-color: rgba(191, 191, 191, 0.5);
  color: #fff; }
  .footer-promo-container .TextButton:hover {
    background-color: #bfbfbf;
    /* rgba fallback */
    background-color: rgba(191, 191, 191, 0.8); }

.footer-nav-copyright {
  background-color: #333;
  color: #999; }
  .footer-nav-copyright a, .footer-nav-copyright a:visited {
    color: #fff; }
  .footer-nav-copyright a:hover, .footer-nav-copyright a:active {
    color: white; }

/* Compatibility Footer
   ========================================================================== */
/* Old-style footer (pre-responsive) */
#ft {
  background-color: #FFF;
  color: #fff; }
  #ft h4 {
    color: #fff;
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700; }

#masterFooterConnectWithUs {
  border-style: solid;
  border-color: rgba(221, 221, 221, 0.8);
  border-width: 0 1px; }

#masterFooterContent a,
#masterFooterCopyright a,
#masterFooterNavigation a {
  color: #fff; }
  #masterFooterContent a:visited,
  #masterFooterCopyright a:visited,
  #masterFooterNavigation a:visited {
    color: #fff; }
  #masterFooterContent a:hover, #masterFooterContent a:active,
  #masterFooterCopyright a:hover,
  #masterFooterCopyright a:active,
  #masterFooterNavigation a:hover,
  #masterFooterNavigation a:active {
    color: #e6e6e6; }

#masterFooterCopyright {
  border-color: #ddd;
  /* rgba fallback */
  border-top: 1px solid rgba(221, 221, 221, 0.5); }

/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */
.header-bottom-container {
  background-color: #fff; }

@media (max-width: 767px) {
  .navbar {
    background-color: #333F45; } }

.navbar-collapse {
  background-color: #333F45; }
  @media (min-width: 768px) {
    .navbar-collapse {
      padding-left: 0;
      padding-right: 0;
      background-color: transparent;
      border: none; } }
  .no-mqs .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    border: none; }

.auth-link-container {
  /* container for the sign in link when the browser is <768px wide */
  padding: 15px 15px;
  text-align: center;
  background-color: #242c30; }

.RadMenu.rmResponsive {
  z-index: 1000 !important;
  position: relative; }
  .RadMenu.rmResponsive ul {
    margin: 0;
    padding: 0; }
  .RadMenu.rmResponsive .rmItem,
  .RadMenu.rmResponsive .rsmItem {
    list-style: none; }
  .RadMenu.rmResponsive .rmDisabled > a,
  .RadMenu.rmResponsive .rsmDisabled > a {
    cursor: default; }
  .RadMenu.rmResponsive .rmItem {
    width: auto;
    clear: both; }
  .RadMenu.rmResponsive .rmLink,
  .RadMenu.rmResponsive .rmSlide .rmLink {
    padding: 15px 15px; }
  .RadMenu.rmResponsive .rmSlide .rmGroup {
    position: relative; }
  .RadMenu.rmResponsive .rsmItem {
    padding: 7.5px 15px; }
    .RadMenu.rmResponsive .rsmItem .rsmItem {
      /* this is needed to avoid indentaion */
      margin-left: -15px; }
  .RadMenu.rmResponsive .rsmColumn {
    /* for multiple columns on the mega menu */
    display: inline-block;
    vertical-align: top;
    padding-right: 7.5px; }
    @media (max-width: 480px) {
      .RadMenu.rmResponsive .rsmColumn {
        /* on very small screens drop mega menu columns to one */
        width: 100% !important; } }
  .RadMenu.rmResponsive .rmLink,
  .RadMenu.rmResponsive .rsmLink {
    color: #fff;
    text-decoration: none;
    display: block;
    position: relative;
    /* required for the menu to work in IE */ }
  .RadMenu.rmResponsive .rmSelected > .rmRootLink,
  .RadMenu.rmResponsive .rmFocused > .rmRootLink {
    /* root itme selected styles */
    color: #FFF !important;
    background-color: #388DBA; }
  .RadMenu.rmResponsive .rmRootLink:hover,
  .RadMenu.rmResponsive .rmRootLink:focus,
  .RadMenu.rmResponsive .rmExpanded > .rmRootLink {
    /* root item hover and focus styles */
    background-color: #388DBA;
    color: #fff; }
  .RadMenu.rmResponsive .rmGroup {
    background-color: #388DBA; }
  .RadMenu.rmResponsive .rmDisabled > .rmLink,
  .RadMenu.rmResponsive .rsmDisabled > .rsmLink {
    color: #FFF !important; }
    .RadMenu.rmResponsive .rmDisabled > .rmLink:hover, .RadMenu.rmResponsive .rmDisabled > .rmLink:active,
    .RadMenu.rmResponsive .rsmDisabled > .rsmLink:hover,
    .RadMenu.rmResponsive .rsmDisabled > .rsmLink:active {
      background-color: transparent;
      color: #FFF !important; }
  .RadMenu.rmResponsive .rmRootGroup > .rmItem {
    position: relative; }
  .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
    text-transform: uppercase;
    font-size: 105%;
    font-weight: normal;
    letter-spacing: 1px; }
  .RadMenu.rmResponsive .rmToggle {
    /* a clickable target to expand multi-level navigaiton */
    display: inline-block;
    margin: -15px -15px;
    float: right;
    height: 100%; }
    .RadMenu.rmResponsive .rmToggle .rmIcon {
      font: 0/0 a;
      color: transparent;
      text-shadow: none;
      background-color: transparent;
      border: 0;
      display: block;
      width: 23px;
      height: 15px;
      background-image: url("images/responsivenav.png");
      background-repeat: no-repeat;
      margin-top: 21px;
      margin-bottom: 21px;
      margin-right: 15px;
      margin-left: 15px; }
  .RadMenu.rmResponsive .rmLink:hover .rmToggle > .rmIcon,
  .RadMenu.rmResponsive .rmLink:focus .rmToggle > .rmIcon,
  .RadMenu.rmResponsive .rmSelected > .rmLink .rmToggle > .rmIcon,
  .RadMenu.rmResponsive .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon,
  .RadMenu.rmResponsive .rmExpanded > .rmLink .rmToggle > .rmIcon,
  .RadMenu.rmResponsive .rmSlide .rmLink .rmToggle > .rmIcon {
    background-position: 0 -26px; }
  .RadMenu.rmResponsive .rmExpanded > .rmLink > .rmToggle > .rmIcon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.rmResponsive .rmSlide {
  display: none;
  /* hide the sub nav until requested */
  position: absolute;
  height: auto !important; }
  .rmResponsive .rmSlide,
  .rmResponsive .rmSlide .rmGroup,
  .rmResponsive .rmSlide .rmLink,
  .rmResponsive .rmSlide .rmTemplate,
  .rmResponsive .rmSlide .rmSeparator {
    width: auto !important; }
  .rmResponsive .rmSlide .rmItem {
    float: none;
    display: block; }
  .rmResponsive .rmSlide .rmText {
    float: none; }
  .rmResponsive .rmSlide .rmLink,
  .rmResponsive .rmSlide .rsmLink {
    color: #fff; }
  .rmResponsive .rmSlide .rmSeparator,
  .rmResponsive .rmSlide .MegaDropDownMenuSeperator > .rsmLink {
    border-bottom: 1px solid #fff; }
  .rmResponsive .rmSlide .rmFocused > .rmLink,
  .rmResponsive .rmSlide .rmSelected > .rmLink,
  .rmResponsive .rmSlide .rsmSelected > .rsmLink,
  .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
    background-color: transparent;
    color: #000; }
  .rmResponsive .rmSlide .rmLink:hover, .rmResponsive .rmSlide .rmLink:focus,
  .rmResponsive .rmSlide .rsmLink:hover,
  .rmResponsive .rmSlide .rsmLink:focus,
  .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover,
  .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus {
    background-color: transparent;
    color: #000; }
  .rmResponsive .rmSlide.rmLevel1 .rmGroup {
    /* for second-level sub-nav and beyond,
     * we want to indent the nav to give separation */
    margin-left: 0; }
  .rmResponsive .rmSlide .MegaDropDownMenu {
    padding-top: 7.5px;
    padding-bottom: 7.5px; }
  .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem {
    margin-bottom: 1em; }
  .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink,
  .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover,
  .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
    letter-spacing: 1px; }
  .rmResponsive .rmSlide .MegaDropDownMenuSeperator .rsmLink {
    padding: 0; }
  @media (max-width: 767px) {
    .rmResponsive .rmSlide {
      width: 100% !important;
      left: 0 !important; }
      .rmResponsive .rmSlide .rmSlide {
        /* for right expanded items, expand below on extra small screens */
        left: 0 !important;
        margin-top: 56px; } }

@media (min-width: 768px) {
  .RadMenu.rmResponsive .rmItem {
    white-space: nowrap; }
  .RadMenu.rmResponsive .rmRootGroup > .rmItem {
    float: left;
    clear: none; }
    .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
      margin: 0; }
  .RadMenu.rmResponsive .rmSlide .rmGroup {
    margin: 0; }
  .RadMenu.rmResponsive .rmSlide .rmItem {
    float: none;
    display: block; }
  .RadMenu.rmResponsive .rmSlide .rmLink,
  .RadMenu.rmResponsive .rmSlide .rmSeparator {
    margin: 0; }
  .RadMenu.rmResponsive .rmSlide .rmExpandRight {
    background-image: url("images/ResponsiveNav.png");
    background-position: 100% -200px;
    background-repeat: no-repeat; }
  .RadMenu.rmResponsive .rmSlide .rmText {
    padding-right: 20px; }
  .RadMenu.rmResponsive .rmToggle {
    display: none; } }
.no-mqs .RadMenu.rmResponsive .rmItem {
  white-space: nowrap; }
.no-mqs .RadMenu.rmResponsive .rmRootGroup > .rmItem {
  float: left;
  clear: none; }
  .no-mqs .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
    margin: 0; }
.no-mqs .RadMenu.rmResponsive .rmSlide .rmGroup {
  margin: 0; }
.no-mqs .RadMenu.rmResponsive .rmSlide .rmItem {
  float: none;
  display: block; }
.no-mqs .RadMenu.rmResponsive .rmSlide .rmLink,
.no-mqs .RadMenu.rmResponsive .rmSlide .rmSeparator {
  margin: 0; }
.no-mqs .RadMenu.rmResponsive .rmSlide .rmExpandRight {
  background-image: url("images/ResponsiveNav.png");
  background-position: 100% -200px;
  background-repeat: no-repeat; }
.no-mqs .RadMenu.rmResponsive .rmSlide .rmText {
  padding-right: 20px; }
.no-mqs .RadMenu.rmResponsive .rmToggle {
  display: none; }

/* ==========================================================================
   SECONDARY NAVIGATION
   ========================================================================== */
/**** Telerik overrides ****/
.RadTreeView.RadTreeView_Toronto {
  white-space: normal; }
  .RadTreeView.RadTreeView_Toronto .rtTop,
  .RadTreeView.RadTreeView_Toronto .rtMid,
  .RadTreeView.RadTreeView_Toronto .rtBot {
    padding: 0; }
  .RadTreeView.RadTreeView_Toronto .rtIn {
    font-weight: bold !important;
    display: block; }
  .RadTreeView.RadTreeView_Toronto .rtIn,
  .RadTreeView.RadTreeView_Toronto .rtHover .rtIn,
  .RadTreeView.RadTreeView_Toronto .rtSelected .rtIn {
    padding: 10px 15px;
    border: none; }
  .RadTreeView.RadTreeView_Toronto .rtSelected > a.rtIn,
  .RadTreeView.RadTreeView_Toronto .child-is-selected.rtIn {
    background-color: #FFF;
    color: #388DBA; }
  .RadTreeView.RadTreeView_Toronto .rtSelected > a.rtIn:hover, .RadTreeView.RadTreeView_Toronto .rtSelected > a.rtIn:active, .RadTreeView.RadTreeView_Toronto .rtSelected > a.rtIn:focus {
    background-color: #FFF; }
  .RadTreeView.RadTreeView_Toronto .rtUL .rtUL {
    padding-left: 15px; }
  .RadTreeView.RadTreeView_Toronto > .rtUL > .rtLI {
    /* add a separator border to the first-level sub-nav items only */
    border-top: 1px solid #ddd; }
    .RadTreeView.RadTreeView_Toronto > .rtUL > .rtLI:first-child {
      border-top: none; }
    .RadTreeView.RadTreeView_Toronto > .rtUL > .rtLI .rtLI .rtIn {
      /* children should have less padding */
      padding: 5px 15px; }
    .RadTreeView.RadTreeView_Toronto > .rtUL > .rtLI > .rtUL {
      /* this makes the children section padding even */
      padding-right: 15px;
      padding-bottom: 10px; }
  .RadTreeView.RadTreeView_Toronto > .rtUL {
    /* add a boundary for hovered navs */
    margin: 0 1px 1px 1px; }
  .RadTreeView.RadTreeView_Toronto .rtSp,
  .RadTreeView.RadTreeView_Toronto .rtPlus,
  .RadTreeView.RadTreeView_Toronto .rtMinus {
    /* we don't want to display the expand/collapse icons in this theme */
    display: none; }
  .RadTreeView.RadTreeView_Toronto a.rtIn {
    color: #388DBA;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    margin: 0; }
    .RadTreeView.RadTreeView_Toronto a.rtIn:hover, .RadTreeView.RadTreeView_Toronto a.rtIn:focus, .RadTreeView.RadTreeView_Toronto a.rtIn:active {
      background-color: #fff; }

.nav-secondary {
  background-color: #f9f7f2;
  margin-bottom: 1em; }
  .nav-secondary .sub-nav-head {
    background-color: #FFF;
    color: #333;
    font-weight: bold;
    font-size: 120%;
    padding: 10px 15px; }
  .nav-secondary .SubNavigationSeparator {
    border: none;
    height: 4px;
    background-color: #FFF; }
    .nav-secondary .SubNavigationSeparator .rtIn {
      padding: 0; }

/* ==========================================================================
   AUXILIARY NAVIGATION
   ========================================================================== */
.navbar-header {
  float: right; }
  .navbar-header > div,
  .navbar-header > a,
  .navbar-header .NavigationUnorderedList,
  .navbar-header .NavigationLink {
    display: inline-block;
    vertical-align: middle; }

.navbar-toggle {
  margin-top: 3.5px;
  margin-bottom: 3.5px;
  vertical-align: middle;
  background-color: #388DBA;
  border-color: transparent;
  border-radius: 5px; }
  .navbar-toggle.collapsed {
    background-color: transparent; }
  .navbar-toggle:hover, .navbar-toggle:focus {
    background-color: #388DBA; }
  .navbar-toggle .icon-bar {
    background-color: #fff; }

.nav-auxiliary .TextButton,
.nav-auxiliary .navbar-toggle {
  margin-left: 14px; }
.nav-auxiliary a {
  /* Utility navigation links */
  color: gray; }
@media (min-width: 768px) {
  .nav-auxiliary .NavigationListItem,
  .nav-auxiliary .header-social .SocialSprite {
    margin-left: 7px; } }
.no-mqs .nav-auxiliary .NavigationListItem,
.no-mqs .nav-auxiliary .header-social .SocialSprite {
  margin-left: 7px; }
.nav-auxiliary .nav-image {
  vertical-align: baseline;
  padding-right: 8px; }

/* Cart item count
   ========================================================================== */
/* By default, put parentheses around the cart item count.
 * This is overwritten when the class "nav-aux-cart" is applied.
 */
.cartCenter span:before {
  content: '('; }
.cartCenter span:after {
  content: ')'; }

/* Auxiliary toggle buttons
   ========================================================================== */
/* Toggles that display on x-small screens to display the primary nav and search */
.navbar-toggle {
  float: none; }
  .navbar-toggle .icon-bar {
    height: 3px;
    border-radius: 0; }
    .navbar-toggle .icon-bar + .icon-bar {
      margin-top: 5px; }
  .navbar-toggle .icon-search {
    display: inline-block;
    float: left;
    background: url("images/ResponsiveHeaderSprite.png") no-repeat center top;
    width: 22px;
    height: 21px;
    margin: -1px 0;
    /* this makes it line up properly with the hamburger */ }

/* Auxiliary button links
   ========================================================================== */
/* These links are styled like the toggles on x-small screens */
.nav-auxiliary .NavigationListItem {
  position: relative;
  /* this is required for the cart indicator placement */
  display: inline-block; }
.nav-auxiliary .nav-aux-account .nav-text,
.nav-auxiliary .nav-aux-cart .nav-text {
  /* add the background sprite for the provided CSS classes */
  background-image: url("images/ResponsiveHeaderSprite.png");
  background-repeat: no-repeat;
  padding-left: 26px; }
.nav-auxiliary .nav-aux-account .nav-text {
  background-position: 0 -125px; }
.nav-auxiliary .nav-aux-cart .nav-text {
  background-position: 0 -75px; }
.nav-auxiliary .nav-aux-cart .cartFull {
  /* This is the flag indicating how many items are in your cart */
  position: absolute;
  left: 10px;
  /* padding plus placement */
  top: -5px;
  line-height: 1;
  text-align: center;
  width: 1.6em; }
.nav-auxiliary .nav-aux-cart .cartCenter {
  background-color: #63a1c2;
  color: #fff;
  border-radius: 2px;
  font-size: 78%;
  padding: 0 2px 1px;
  -webkit-box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.7);
  box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.7); }
  .nav-auxiliary .nav-aux-cart .cartCenter span:before, .nav-auxiliary .nav-aux-cart .cartCenter span:after {
    /* Clear the parentheses put around the item count by default */
    content: none; }

@media (max-width: 767px) {
  .nav-auxiliary .nav-aux-button .NavigationLink {
    /* This makes the link look like the toggle buttons */
    background-color: transparent;
    margin-left: 14px;
    padding: 9px 10px;
    margin-top: 3.5px;
    margin-bottom: 3.5px;
    border: 1px solid transparent;
    border-radius: 5px; }
    .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus {
      background-color: #388DBA; }
    .nav-auxiliary .nav-aux-button .NavigationLink:active {
      background-color: #388DBA; }
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    /* hide the cart text on small devices */
    display: inline-block;
    white-space: nowrap;
    float: left;
    overflow: hidden;
    width: 22px;
    height: 19px;
    padding-left: 22px; }
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    background-position: 0 -100px; }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    background-position: 0 -50px; }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
    /* This is the flag indicating how many items are in your cart */
    left: 29px;
    /* margin, padding, plus placement */
    top: 8px; }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    background-color: #63a1c2;
    color: #fff; } }

.search-container-sm {
  margin-top: 3.5px;
  margin-bottom: 3.5px; }

.header-search {
  padding: 15px 15px; }
  .header-search > .header-search {
    padding: 0;
    /* don't double the padding */ }
  @media (max-width: 767px) {
    .header-search .search-field {
      width: 100%; } }
  @media (min-width: 768px) {
    .header-search {
      padding: 0 0 0 7px; } }
  .no-mqs .header-search {
    padding: 0 0 0 7px; }

/* Auxiliary/Primary switch
   ========================================================================== */
/**
 * A class that allows a navigation to display in the primary nav on xs screens 
 * and the auxiliary nav on wider screens. 
 * To use this configure the nav item to not be hidden and also display in the 
 * auxiliary navigaiton item. 
 */
@media (max-width: 767px) {
  .nav-auxiliary .nav-aux-primary-switch,
  tr.nav-auxiliary .nav-aux-primary-switch,
  th.nav-auxiliary .nav-aux-primary-switch,
  td.nav-auxiliary .nav-aux-primary-switch {
    display: none !important; } }
@media (min-width: 768px) {
  .nav-primary .nav-aux-primary-switch,
  tr.nav-primary .nav-aux-primary-switch,
  th.nav-primary .nav-aux-primary-switch,
  td.nav-primary .nav-aux-primary-switch {
    display: none !important; } }
.no-mqs .nav-primary .nav-aux-primary-switch,
.no-mqs tr.nav-primary .nav-aux-primary-switch,
.no-mqs th.nav-primary .nav-aux-primary-switch,
.no-mqs td.nav-primary .nav-aux-primary-switch {
  display: none !important; }

/* ==========================================================================
   SOCIAL ICONS
   ========================================================================== */
.SocialSprite {
 
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
  vertical-align: top;
  border-radius: 5px;
  opacity: 100;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out; }
  .SocialSprite.LargeButtons {
    width: 50px;
    height: 50px; }
  .SocialSprite:hover, .SocialSprite:focus, .SocialSprite:active {
    opacity: 1;
    filter: alpha(opacity=100); }
  .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:hover, a:hover .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:focus, a:focus .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:active, a:active .SocialSprite.FacebookIcon {
    background-image: url(images/Facebook.png);
    background-color: #d8d8d8;}
  .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:hover, a:hover .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:focus, a:focus .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:active, a:active .SocialSprite.FacebookIcon.LargeButtons {
    background-position: 0 0px;
    background-image: url(images/Facebook.png);
    background-color: #d8d8d8;}
  .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:hover, a:hover .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:focus, a:focus .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:active, a:active .SocialSprite.TwitterIcon {
    background-image: url(images/Twitter.png);
	background-position: 0 0px;} 
  .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:hover, a:hover .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:focus, a:focus .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:active, a:active .SocialSprite.TwitterIcon.LargeButtons {
    background-image: url(images/Twitter.png);
    background-position: 0 0px; }
  .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:hover, a:hover .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:focus, a:focus .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:active, a:active .SocialSprite.LinkedInIcon {
    background-position: -80px 0;
    background-color: #0e76a8; }
  .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:hover, a:hover .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:focus, a:focus .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:active, a:active .SocialSprite.LinkedInIcon.LargeButtons {
    background-position: -80px -80px; }
  .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:hover, a:hover .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:focus, a:focus .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:active, a:active .SocialSprite.YouTubeIcon {
    background-image: url(images/YouTube.png);
    background-position: 0 0px;}
  .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:hover, a:hover .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:focus, a:focus .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:active, a:active .SocialSprite.YouTubeIcon.LargeButtons {
    background-image: url(images/YouTube.png);
    background-position: 0 0px;}
  .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:hover, a:hover .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:focus, a:focus .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:active, a:active .SocialSprite.EmailIcon {
    background-position: -160px 0;
    background-color: #0a629a; }
  .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:hover, a:hover .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:focus, a:focus .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:active, a:active .SocialSprite.EmailIcon.LargeButtons {
    background-position: -160px -80px; }
  .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:hover, a:hover .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:focus, a:focus .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:active, a:active .SocialSprite.PinterestIcon {
    background-position: -200px 0;
    background-color: #0a629a; }
  .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:hover, a:hover .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:focus, a:focus .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:active, a:active .SocialSprite.PinterestIcon.LargeButtons {
    background-position: -200px -80px; }
  .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:hover, a:hover .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:focus, a:focus .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:active, a:active .SocialSprite.GPlusIcon {
    background-position: -240px 0;
    background-color: #db4a39; }
  .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:hover, a:hover .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:focus, a:focus .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:active, a:active .SocialSprite.GPlusIcon.LargeButtons {
    background-position: -240px -80px; }
  .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:hover, a:hover .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:focus, a:focus .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:active, a:active .SocialSprite.SkypeIcon {
    background-position: -280px 0;
    background-color: #00aff0; }
  .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:hover, a:hover .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:focus, a:focus .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:active, a:active .SocialSprite.SkypeIcon.LargeButtons {
    background-position: -280px -80px; }

/**** End Social Netowrking Icon Styling ****/
input,
button,
select,
textarea {
  font-family: "Open Sans"; }

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 37px;
  padding: 5px 10px;
  font-size: 1em;
  line-height: 1.6;
  color: #555555;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s; }
  select:focus,
  textarea:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="color"]:focus,
  .uneditable-input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  select:-moz-placeholder,
  textarea:-moz-placeholder,
  input[type="text"]:-moz-placeholder,
  input[type="password"]:-moz-placeholder,
  input[type="datetime"]:-moz-placeholder,
  input[type="datetime-local"]:-moz-placeholder,
  input[type="date"]:-moz-placeholder,
  input[type="month"]:-moz-placeholder,
  input[type="time"]:-moz-placeholder,
  input[type="week"]:-moz-placeholder,
  input[type="number"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="url"]:-moz-placeholder,
  input[type="search"]:-moz-placeholder,
  input[type="tel"]:-moz-placeholder,
  input[type="color"]:-moz-placeholder,
  .uneditable-input:-moz-placeholder {
    color: #999999; }
  select::-moz-placeholder,
  textarea::-moz-placeholder,
  input[type="text"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="datetime"]::-moz-placeholder,
  input[type="datetime-local"]::-moz-placeholder,
  input[type="date"]::-moz-placeholder,
  input[type="month"]::-moz-placeholder,
  input[type="time"]::-moz-placeholder,
  input[type="week"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="color"]::-moz-placeholder,
  .uneditable-input::-moz-placeholder {
    color: #999999; }
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  input[type="text"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="datetime"]:-ms-input-placeholder,
  input[type="datetime-local"]:-ms-input-placeholder,
  input[type="date"]:-ms-input-placeholder,
  input[type="month"]:-ms-input-placeholder,
  input[type="time"]:-ms-input-placeholder,
  input[type="week"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="url"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="color"]:-ms-input-placeholder,
  .uneditable-input:-ms-input-placeholder {
    color: #999999; }
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  input[type="text"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="datetime"]::-webkit-input-placeholder,
  input[type="datetime-local"]::-webkit-input-placeholder,
  input[type="date"]::-webkit-input-placeholder,
  input[type="month"]::-webkit-input-placeholder,
  input[type="time"]::-webkit-input-placeholder,
  input[type="week"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="color"]::-webkit-input-placeholder,
  .uneditable-input::-webkit-input-placeholder {
    color: #999999; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
  cursor: pointer; }

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto; }

textarea {
  height: auto; }

select {
  border: 1px solid #ccc;
  background-color: #fff; }

select[multiple],
select[size] {
  height: auto; }

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

/* ==========================================================================
   BUTTONS
   ========================================================================== */
/* set up button base styles */
.btn,
.TextButton,
.TextButtonWithImage,
.RadUpload .ruButton,
.RadUploadProgressArea .ruButton,
#masterHeaderActionArea a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: normal;
  text-decoration: none;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.6;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: background 0.2s ease-out;
  -moz-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out; }
  .btn:focus,
  .TextButton:focus,
  .TextButtonWithImage:focus,
  .RadUpload .ruButton:focus,
  .RadUploadProgressArea .ruButton:focus,
  #masterHeaderActionArea a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn:visited,
  .TextButton:hover,
  .TextButton:focus,
  .TextButton:visited,
  .TextButtonWithImage:hover,
  .TextButtonWithImage:focus,
  .TextButtonWithImage:visited,
  .RadUpload .ruButton:hover,
  .RadUpload .ruButton:focus,
  .RadUpload .ruButton:visited,
  .RadUploadProgressArea .ruButton:hover,
  .RadUploadProgressArea .ruButton:focus,
  .RadUploadProgressArea .ruButton:visited,
  #masterHeaderActionArea a:hover,
  #masterHeaderActionArea a:focus,
  #masterHeaderActionArea a:visited {
    color: #fff;
    text-decoration: none; }
  .btn:active, .btn.active,
  .TextButton:active,
  .TextButton.active,
  .TextButtonWithImage:active,
  .TextButtonWithImage.active,
  .RadUpload .ruButton:active,
  .RadUpload .ruButton.active,
  .RadUploadProgressArea .ruButton:active,
  .RadUploadProgressArea .ruButton.active,
  #masterHeaderActionArea a:active,
  #masterHeaderActionArea a.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled], fieldset[disabled] .btn, .btn.aspNetDisabled,
  .TextButton.disabled,
  .TextButton[disabled], fieldset[disabled]
  .TextButton,
  .TextButton.aspNetDisabled,
  .TextButtonWithImage.disabled,
  .TextButtonWithImage[disabled], fieldset[disabled]
  .TextButtonWithImage,
  .TextButtonWithImage.aspNetDisabled,
  .RadUpload .ruButton.disabled,
  .RadUpload .ruButton[disabled], fieldset[disabled]
  .RadUpload .ruButton,
  .RadUpload .ruButton.aspNetDisabled,
  .RadUploadProgressArea .ruButton.disabled,
  .RadUploadProgressArea .ruButton[disabled], fieldset[disabled]
  .RadUploadProgressArea .ruButton,
  .RadUploadProgressArea .ruButton.aspNetDisabled,
  #masterHeaderActionArea a.disabled,
  #masterHeaderActionArea a[disabled], fieldset[disabled]
  #masterHeaderActionArea a,
  #masterHeaderActionArea a.aspNetDisabled {
    pointer-events: none;
    opacity: 0.55;
    filter: alpha(opacity=55.0);
    -webkit-box-shadow: none;
    box-shadow: none; }

/* default button */
.btn,
.TextButton,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton {
  color: #fff;
  background-color: #FFF;
  border-color: #e6e6e6;
  position: relative;
  -webkit-box-shadow: 0px 5px 0 0 #e6e6e6;
  box-shadow: 0px 5px 0 0 #e6e6e6; }
  .btn:hover, .btn:focus, .btn:active, .btn.active,
  .TextButton:hover,
  .TextButton:focus,
  .TextButton:active,
  .TextButton.active,
  .TextButtonWithImage:hover,
  .TextButtonWithImage:focus,
  .TextButtonWithImage:active,
  .TextButtonWithImage.active,
  .ruButton:hover,
  .ruButton:focus,
  .ruButton:active,
  .ruButton.active,
  #masterHeaderActionArea a:hover,
  #masterHeaderActionArea a:focus,
  #masterHeaderActionArea a:active,
  #masterHeaderActionArea a.active,
  .RadGrid input.TextButton:hover,
  .RadGrid input.TextButton:focus,
  .RadGrid input.TextButton:active,
  .RadGrid input.TextButton.active {
    color: #fff;
    background-color: whitesmoke;
    border-color: #d1d1d1;
    -webkit-box-shadow: 0px 5px 0 0 #d1d1d1;
    box-shadow: 0px 5px 0 0 #d1d1d1; }
  .btn:active, .btn.active,
  .TextButton:active,
  .TextButton.active,
  .TextButtonWithImage:active,
  .TextButtonWithImage.active,
  .ruButton:active,
  .ruButton.active,
  #masterHeaderActionArea a:active,
  #masterHeaderActionArea a.active,
  .RadGrid input.TextButton:active,
  .RadGrid input.TextButton.active {
    background-image: none;
    top: 3px;
    -webkit-box-shadow: 0px 2px 0 0 #d1d1d1, inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: 0px 2px 0 0 #d1d1d1, inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active, .btn.aspNetDisabled.active,
  .TextButton.disabled,
  .TextButton.disabled:hover,
  .TextButton.disabled:focus,
  .TextButton.disabled:active,
  .TextButton.disabled.active,
  .TextButton[disabled],
  .TextButton[disabled]:hover,
  .TextButton[disabled]:focus,
  .TextButton[disabled]:active,
  .TextButton[disabled].active, fieldset[disabled]
  .TextButton, fieldset[disabled]
  .TextButton:hover, fieldset[disabled]
  .TextButton:focus, fieldset[disabled]
  .TextButton:active, fieldset[disabled]
  .TextButton.active,
  .TextButton.aspNetDisabled,
  .TextButton.aspNetDisabled:hover,
  .TextButton.aspNetDisabled:focus,
  .TextButton.aspNetDisabled:active,
  .TextButton.aspNetDisabled.active,
  .TextButtonWithImage.disabled,
  .TextButtonWithImage.disabled:hover,
  .TextButtonWithImage.disabled:focus,
  .TextButtonWithImage.disabled:active,
  .TextButtonWithImage.disabled.active,
  .TextButtonWithImage[disabled],
  .TextButtonWithImage[disabled]:hover,
  .TextButtonWithImage[disabled]:focus,
  .TextButtonWithImage[disabled]:active,
  .TextButtonWithImage[disabled].active, fieldset[disabled]
  .TextButtonWithImage, fieldset[disabled]
  .TextButtonWithImage:hover, fieldset[disabled]
  .TextButtonWithImage:focus, fieldset[disabled]
  .TextButtonWithImage:active, fieldset[disabled]
  .TextButtonWithImage.active,
  .TextButtonWithImage.aspNetDisabled,
  .TextButtonWithImage.aspNetDisabled:hover,
  .TextButtonWithImage.aspNetDisabled:focus,
  .TextButtonWithImage.aspNetDisabled:active,
  .TextButtonWithImage.aspNetDisabled.active,
  .ruButton.disabled,
  .ruButton.disabled:hover,
  .ruButton.disabled:focus,
  .ruButton.disabled:active,
  .ruButton.disabled.active,
  .ruButton[disabled],
  .ruButton[disabled]:hover,
  .ruButton[disabled]:focus,
  .ruButton[disabled]:active,
  .ruButton[disabled].active, fieldset[disabled]
  .ruButton, fieldset[disabled]
  .ruButton:hover, fieldset[disabled]
  .ruButton:focus, fieldset[disabled]
  .ruButton:active, fieldset[disabled]
  .ruButton.active,
  .ruButton.aspNetDisabled,
  .ruButton.aspNetDisabled:hover,
  .ruButton.aspNetDisabled:focus,
  .ruButton.aspNetDisabled:active,
  .ruButton.aspNetDisabled.active,
  #masterHeaderActionArea a.disabled,
  #masterHeaderActionArea a.disabled:hover,
  #masterHeaderActionArea a.disabled:focus,
  #masterHeaderActionArea a.disabled:active,
  #masterHeaderActionArea a.disabled.active,
  #masterHeaderActionArea a[disabled],
  #masterHeaderActionArea a[disabled]:hover,
  #masterHeaderActionArea a[disabled]:focus,
  #masterHeaderActionArea a[disabled]:active,
  #masterHeaderActionArea a[disabled].active, fieldset[disabled]
  #masterHeaderActionArea a, fieldset[disabled]
  #masterHeaderActionArea a:hover, fieldset[disabled]
  #masterHeaderActionArea a:focus, fieldset[disabled]
  #masterHeaderActionArea a:active, fieldset[disabled]
  #masterHeaderActionArea a.active,
  #masterHeaderActionArea a.aspNetDisabled,
  #masterHeaderActionArea a.aspNetDisabled:hover,
  #masterHeaderActionArea a.aspNetDisabled:focus,
  #masterHeaderActionArea a.aspNetDisabled:active,
  #masterHeaderActionArea a.aspNetDisabled.active,
  .RadGrid input.TextButton.disabled,
  .RadGrid input.TextButton.disabled:hover,
  .RadGrid input.TextButton.disabled:focus,
  .RadGrid input.TextButton.disabled:active,
  .RadGrid input.TextButton.disabled.active,
  .RadGrid input.TextButton[disabled],
  .RadGrid input.TextButton[disabled]:hover,
  .RadGrid input.TextButton[disabled]:focus,
  .RadGrid input.TextButton[disabled]:active,
  .RadGrid input.TextButton[disabled].active, fieldset[disabled]
  .RadGrid input.TextButton, fieldset[disabled]
  .RadGrid input.TextButton:hover, fieldset[disabled]
  .RadGrid input.TextButton:focus, fieldset[disabled]
  .RadGrid input.TextButton:active, fieldset[disabled]
  .RadGrid input.TextButton.active,
  .RadGrid input.TextButton.aspNetDisabled,
  .RadGrid input.TextButton.aspNetDisabled:hover,
  .RadGrid input.TextButton.aspNetDisabled:focus,
  .RadGrid input.TextButton.aspNetDisabled:active,
  .RadGrid input.TextButton.aspNetDisabled.active {
    background-color: #FFF;
    border-color: #e6e6e6; }

/* some Telerik overrides */
.ruButton {
  background-color: #FFF !important;
  color: #fff !important;
  cursor: pointer; }

.RadUpload .ruBrowse {
  height: auto !important;
  padding: 5px 10px !important;
  line-height: 1.6 !important; }

/* primary button */
.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton {
  color: #fff;
  background-color: #388DBA;
  border-color: #388DBA;
  position: relative;
  -webkit-box-shadow: 0px 5px 0 0 #388DBA;
  box-shadow: 0px 5px 0 0 #388DBA; }
  .PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton.active,
  .SaveAndClose:hover,
  .SaveAndClose:focus,
  .SaveAndClose:active,
  .SaveAndClose.active,
  .SaveAs:hover,
  .SaveAs:focus,
  .SaveAs:active,
  .SaveAs.active,
  .UsePrimaryButton .TextButton:hover,
  .UsePrimaryButton .TextButton:focus,
  .UsePrimaryButton .TextButton:active,
  .UsePrimaryButton .TextButton.active,
  .UsePrimaryButton .TextButtonWithImage:hover,
  .UsePrimaryButton .TextButtonWithImage:focus,
  .UsePrimaryButton .TextButtonWithImage:active,
  .UsePrimaryButton .TextButtonWithImage.active,
  #masterHeaderActionArea a:hover,
  #masterHeaderActionArea a:focus,
  #masterHeaderActionArea a:active,
  #masterHeaderActionArea a.active,
  .RadGrid input.PrimaryButton:hover,
  .RadGrid input.PrimaryButton:focus,
  .RadGrid input.PrimaryButton:active,
  .RadGrid input.PrimaryButton.active {
    color: #fff;
    background-color: #3381aa;
    border-color: #2f759b;
    -webkit-box-shadow: 0px 5px 0 0 #2f759b;
    box-shadow: 0px 5px 0 0 #2f759b; }
  .PrimaryButton:active, .PrimaryButton.active,
  .SaveAndClose:active,
  .SaveAndClose.active,
  .SaveAs:active,
  .SaveAs.active,
  .UsePrimaryButton .TextButton:active,
  .UsePrimaryButton .TextButton.active,
  .UsePrimaryButton .TextButtonWithImage:active,
  .UsePrimaryButton .TextButtonWithImage.active,
  #masterHeaderActionArea a:active,
  #masterHeaderActionArea a.active,
  .RadGrid input.PrimaryButton:active,
  .RadGrid input.PrimaryButton.active {
    background-image: none;
    top: 3px;
    -webkit-box-shadow: 0px 2px 0 0 #2f759b, inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: 0px 2px 0 0 #2f759b, inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .PrimaryButton.disabled, .PrimaryButton.disabled:hover, .PrimaryButton.disabled:focus, .PrimaryButton.disabled:active, .PrimaryButton.disabled.active, .PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, .PrimaryButton[disabled]:active, .PrimaryButton[disabled].active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, fieldset[disabled] .PrimaryButton.active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .PrimaryButton.aspNetDisabled.active,
  .SaveAndClose.disabled,
  .SaveAndClose.disabled:hover,
  .SaveAndClose.disabled:focus,
  .SaveAndClose.disabled:active,
  .SaveAndClose.disabled.active,
  .SaveAndClose[disabled],
  .SaveAndClose[disabled]:hover,
  .SaveAndClose[disabled]:focus,
  .SaveAndClose[disabled]:active,
  .SaveAndClose[disabled].active, fieldset[disabled]
  .SaveAndClose, fieldset[disabled]
  .SaveAndClose:hover, fieldset[disabled]
  .SaveAndClose:focus, fieldset[disabled]
  .SaveAndClose:active, fieldset[disabled]
  .SaveAndClose.active,
  .SaveAndClose.aspNetDisabled,
  .SaveAndClose.aspNetDisabled:hover,
  .SaveAndClose.aspNetDisabled:focus,
  .SaveAndClose.aspNetDisabled:active,
  .SaveAndClose.aspNetDisabled.active,
  .SaveAs.disabled,
  .SaveAs.disabled:hover,
  .SaveAs.disabled:focus,
  .SaveAs.disabled:active,
  .SaveAs.disabled.active,
  .SaveAs[disabled],
  .SaveAs[disabled]:hover,
  .SaveAs[disabled]:focus,
  .SaveAs[disabled]:active,
  .SaveAs[disabled].active, fieldset[disabled]
  .SaveAs, fieldset[disabled]
  .SaveAs:hover, fieldset[disabled]
  .SaveAs:focus, fieldset[disabled]
  .SaveAs:active, fieldset[disabled]
  .SaveAs.active,
  .SaveAs.aspNetDisabled,
  .SaveAs.aspNetDisabled:hover,
  .SaveAs.aspNetDisabled:focus,
  .SaveAs.aspNetDisabled:active,
  .SaveAs.aspNetDisabled.active,
  .UsePrimaryButton .TextButton.disabled,
  .UsePrimaryButton .TextButton.disabled:hover,
  .UsePrimaryButton .TextButton.disabled:focus,
  .UsePrimaryButton .TextButton.disabled:active,
  .UsePrimaryButton .TextButton.disabled.active,
  .UsePrimaryButton .TextButton[disabled],
  .UsePrimaryButton .TextButton[disabled]:hover,
  .UsePrimaryButton .TextButton[disabled]:focus,
  .UsePrimaryButton .TextButton[disabled]:active,
  .UsePrimaryButton .TextButton[disabled].active, fieldset[disabled]
  .UsePrimaryButton .TextButton, fieldset[disabled]
  .UsePrimaryButton .TextButton:hover, fieldset[disabled]
  .UsePrimaryButton .TextButton:focus, fieldset[disabled]
  .UsePrimaryButton .TextButton:active, fieldset[disabled]
  .UsePrimaryButton .TextButton.active,
  .UsePrimaryButton .TextButton.aspNetDisabled,
  .UsePrimaryButton .TextButton.aspNetDisabled:hover,
  .UsePrimaryButton .TextButton.aspNetDisabled:focus,
  .UsePrimaryButton .TextButton.aspNetDisabled:active,
  .UsePrimaryButton .TextButton.aspNetDisabled.active,
  .UsePrimaryButton .TextButtonWithImage.disabled,
  .UsePrimaryButton .TextButtonWithImage.disabled:hover,
  .UsePrimaryButton .TextButtonWithImage.disabled:focus,
  .UsePrimaryButton .TextButtonWithImage.disabled:active,
  .UsePrimaryButton .TextButtonWithImage.disabled.active,
  .UsePrimaryButton .TextButtonWithImage[disabled],
  .UsePrimaryButton .TextButtonWithImage[disabled]:hover,
  .UsePrimaryButton .TextButtonWithImage[disabled]:focus,
  .UsePrimaryButton .TextButtonWithImage[disabled]:active,
  .UsePrimaryButton .TextButtonWithImage[disabled].active, fieldset[disabled]
  .UsePrimaryButton .TextButtonWithImage, fieldset[disabled]
  .UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled]
  .UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled]
  .UsePrimaryButton .TextButtonWithImage:active, fieldset[disabled]
  .UsePrimaryButton .TextButtonWithImage.active,
  .UsePrimaryButton .TextButtonWithImage.aspNetDisabled,
  .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover,
  .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus,
  .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active,
  .UsePrimaryButton .TextButtonWithImage.aspNetDisabled.active,
  #masterHeaderActionArea a.disabled,
  #masterHeaderActionArea a.disabled:hover,
  #masterHeaderActionArea a.disabled:focus,
  #masterHeaderActionArea a.disabled:active,
  #masterHeaderActionArea a.disabled.active,
  #masterHeaderActionArea a[disabled],
  #masterHeaderActionArea a[disabled]:hover,
  #masterHeaderActionArea a[disabled]:focus,
  #masterHeaderActionArea a[disabled]:active,
  #masterHeaderActionArea a[disabled].active, fieldset[disabled]
  #masterHeaderActionArea a, fieldset[disabled]
  #masterHeaderActionArea a:hover, fieldset[disabled]
  #masterHeaderActionArea a:focus, fieldset[disabled]
  #masterHeaderActionArea a:active, fieldset[disabled]
  #masterHeaderActionArea a.active,
  #masterHeaderActionArea a.aspNetDisabled,
  #masterHeaderActionArea a.aspNetDisabled:hover,
  #masterHeaderActionArea a.aspNetDisabled:focus,
  #masterHeaderActionArea a.aspNetDisabled:active,
  #masterHeaderActionArea a.aspNetDisabled.active,
  .RadGrid input.PrimaryButton.disabled,
  .RadGrid input.PrimaryButton.disabled:hover,
  .RadGrid input.PrimaryButton.disabled:focus,
  .RadGrid input.PrimaryButton.disabled:active,
  .RadGrid input.PrimaryButton.disabled.active,
  .RadGrid input.PrimaryButton[disabled],
  .RadGrid input.PrimaryButton[disabled]:hover,
  .RadGrid input.PrimaryButton[disabled]:focus,
  .RadGrid input.PrimaryButton[disabled]:active,
  .RadGrid input.PrimaryButton[disabled].active, fieldset[disabled]
  .RadGrid input.PrimaryButton, fieldset[disabled]
  .RadGrid input.PrimaryButton:hover, fieldset[disabled]
  .RadGrid input.PrimaryButton:focus, fieldset[disabled]
  .RadGrid input.PrimaryButton:active, fieldset[disabled]
  .RadGrid input.PrimaryButton.active,
  .RadGrid input.PrimaryButton.aspNetDisabled,
  .RadGrid input.PrimaryButton.aspNetDisabled:hover,
  .RadGrid input.PrimaryButton.aspNetDisabled:focus,
  .RadGrid input.PrimaryButton.aspNetDisabled:active,
  .RadGrid input.PrimaryButton.aspNetDisabled.active {
    background-color: #388DBA;
    border-color: #388DBA; }

.MediumButton,
.UseMediumButton .TextButton,
.UseMediumButton .TextButtonWithImage {
  font-size: 120% !important;
  padding: 9px 14px !important;
  border-radius: 8px; }

.LargeButton,
.UseLargeButton .TextButton,
.UseLargeButton .TextButtonWithImage {
  font-size: 150% !important;
  padding: 12px 17px !important;
  border-radius: 11px; }

.CalloutArea1 .btn.PrimaryButton,
.CalloutArea1 .TextButton.PrimaryButton,
.CalloutArea1 .TextButtonWithImage.PrimaryButton,
.CalloutArea2 .btn.PrimaryButton,
.CalloutArea2 .TextButton.PrimaryButton,
.CalloutArea2 .TextButtonWithImage.PrimaryButton {
  color: #fff;
  background-color: #333; }
  .CalloutArea1 .btn.PrimaryButton:hover, .CalloutArea1 .btn.PrimaryButton:active, .CalloutArea1 .btn.PrimaryButton:focus,
  .CalloutArea1 .TextButton.PrimaryButton:hover,
  .CalloutArea1 .TextButton.PrimaryButton:active,
  .CalloutArea1 .TextButton.PrimaryButton:focus,
  .CalloutArea1 .TextButtonWithImage.PrimaryButton:hover,
  .CalloutArea1 .TextButtonWithImage.PrimaryButton:active,
  .CalloutArea1 .TextButtonWithImage.PrimaryButton:focus,
  .CalloutArea2 .btn.PrimaryButton:hover,
  .CalloutArea2 .btn.PrimaryButton:active,
  .CalloutArea2 .btn.PrimaryButton:focus,
  .CalloutArea2 .TextButton.PrimaryButton:hover,
  .CalloutArea2 .TextButton.PrimaryButton:active,
  .CalloutArea2 .TextButton.PrimaryButton:focus,
  .CalloutArea2 .TextButtonWithImage.PrimaryButton:hover,
  .CalloutArea2 .TextButtonWithImage.PrimaryButton:active,
  .CalloutArea2 .TextButtonWithImage.PrimaryButton:focus {
    color: #fff;
    background-color: #141414; }

/**** End button styles ****/
/* ==========================================================================
   CONTENT ITEMS
   ========================================================================== */
.StandardPanel,
.ContentBorder,
h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.ShowFieldset fieldset,
.panel-border,
.panel-heading.Distinguish {
  border-color: #ddd; }

.PanelHead.Distinguish .PanelHeadOptions,
.panel-heading.Distinguish .panel-head-options {
  margin-top: .6em; }

/* Search Results
   ========================================================================== */
.SearchField,
.SearchResultSummary .ListItemTitle a {
  display: block;
  background-color: #58a4cd;
  padding: 8px 12px; }

.SearchField label {
  font-size: 120%;
  color: #FFF; }

.SearchResultSummary .ListItemTitle a {
  text-decoration: none;
  color: #333333 !important;
  margin: -4px -7px 0; }

.SearchResultSummary .ListItemTitle a:hover {
  background-color: #388DBA;
  text-decoration: underline; }

/* Event Display
   ========================================================================== */
.EventSummary {
  background-color: #f9f7f2; }
  .EventSummary .PhotoArea {
    padding: 2em; }
    .EventSummary .PhotoArea img {
      border: 1px solid #CCC !important; }
  .EventSummary .Description {
    padding: 0 2em 2em; }
    @media (min-width: 768px) {
      .EventSummary .Description {
        padding: 2em; } }
    .no-mqs .EventSummary .Description {
      padding: 2em; }

.ProgramGroup .PanelHead,
.ProgramGroup .panel-heading {
  background-color: #388DBA; }
.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
  font-family: "Open Sans";
  font-weight: bold;
  font-size: 120%;
  line-height: 2em;
  padding-left: .5em; }

/* Product Display
   ========================================================================== */
.ProductDisplay {
  background-color: #f9f7f2;
  padding: 1em; }

/* Progress Tracker
   ========================================================================== */
/* These are overrides for the colors and styles defined in 10-UltraWave.css */
/* <Progress Tracker (Default)> */
.ProgressTracker .count {
  font-weight: bold; }
.ProgressTracker .SuccessfulMessage,
.ProgressTracker .ProgressBar > span {
  background-color: #388DBA; }

/* </Progress Tracker > */
/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel {
  background-color: #388DBA; }
  .ProgressTracker2 .ProgressTrackerPanel:before, .ProgressTracker2 .ProgressTrackerPanel:after {
    content: " ";
    display: table; }
  .ProgressTracker2 .ProgressTrackerPanel:after {
    clear: both; }
  .ProgressTracker2 .ProgressTrackerPanel .count {
    color: #fff;
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700; }
.ProgressTracker2 div p {
  background-color: #fff;
  color: #FFF;
  margin-bottom: 0; }
.ProgressTracker2 .ProgressBar {
  margin: 10px; }
  .ProgressTracker2 .ProgressBar > span {
    background-color: #70b6db; }
.ProgressTracker2 .SuccessfulMessage {
  background-color: white;
  color: #333333; }

/* </Progress Tracker 2> */
/* Filter Panel (Query Menu)
   ========================================================================== */
/* This is an alternate style for the Query Menu filter panel */
.FilterPanel {
  background-color: #f9f7f2;
  border: none !important;
  margin-top: -3px; }
  .FilterPanel .PanelTitle,
  .FilterPanel .panel-title {
    background-image: none;
    padding-left: 0.1em;
    line-height: normal;
    margin-left: 0;
    font-size: 140%; }
  .FilterPanel .PanelHead.Distinguish,
  .FilterPanel .panel-heading.Distinguish {
    border: none;
    min-height: 1em; }

/* Cart Charges
   ========================================================================== */
.CartCharges {
  background-color: #f9f7f2; }
  .CartCharges .PanelField {
    border-bottom: none;
    border-top: 1px solid #ddd; }
    .CartCharges .PanelField:first-child,
    .CartCharges .PanelField .GrandTotal {
      border-top: none; }
  .CartCharges .GrandTotal .PanelField {
    background-color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    color: #388DBA; }
    .CartCharges .GrandTotal .PanelField .Label {
      color: #388DBA; }

/* Open Invoices
   ========================================================================== */
.OpenInvoicesTotals .SelectedTotal .PanelFieldValue {
  color: #388DBA; }

/* Group List Editor
   ========================================================================== */
.RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus,
.RadTreeView.GLE span[onclick]:hover,
.RadTreeView.GLE span[onclick]:focus {
  background-color: #2f8aa7;
  color: #fff; }

/* Communiaction Preferences
   ========================================================================== */
.CommunicationPreferencesSection {
  background-color: #f9f7f2; }

/* Communiaction Preferences
   ========================================================================== */
.HorizontalButtons a.btn {
  /*give the drop-shadow some room to breathe */
  margin-bottom: .6em; }

/* ==========================================================================
   TELERIK OVERRIDES
   ========================================================================== */
/* RadTabStrip
   ========================================================================== */
.RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL,
.RadTabStrip_Metro .rtsLevel1,
.RadTabStrip_Metro .rtsLevel1 .rtsUL {
  background-color: #388DBA !important; }
  .RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink,
  .RadTabStrip_Metro .rtsLevel1 .rtsLink,
  .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
    text-transform: none;
    border-color: #388DBA;
    border-radius: 5px 5px 0 0; }
  .RadTabStripTop_Metro .rtsLevel1 .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsLink:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink:hover,
  .RadTabStrip_Metro .rtsLevel1 .rtsSelected,
  .RadTabStrip_Metro .rtsLevel1 .rtsLink:hover,
  .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsSelected,
  .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink:hover {
    border-color: #fff; }
  .RadTabStripTop_Metro .rtsLevel1 .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsDisabled:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover,
  .RadTabStrip_Metro .rtsLevel1 .rtsDisabled,
  .RadTabStrip_Metro .rtsLevel1 .rtsDisabled:hover,
  .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled,
  .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover {
    color: #dedede; }

/* RadToolTip
   ========================================================================== */
/* Currently used by the QueryMenu iPart */
.RadToolTip_Telerik a:hover {
  background-color: #388DBA; }

/* RadGrid
   ========================================================================== */
.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover {
  background-color: #388DBA;
  border-color: #388DBA;
  color: #fff !important; }
.RadGrid.RadGrid_MetroTouch .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPageLast:active,
.RadGrid.RadGrid_Metro .rgPagePrev:active,
.RadGrid.RadGrid_Metro .rgPageNext:active,
.RadGrid.RadGrid_Metro .rgPageFirst:active,
.RadGrid.RadGrid_Metro .rgPageLast:active {
  background-color: #388DBA;
  border-color: #388DBA;
  color: #fff !important; }
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton,
.RadGrid.RadGrid_Metro .rgPager .rgPagerButton {
  background-color: #388DBA;
  border-color: #388DBA;
  color: #fff !important; }
.RadGrid.RadGrid_MetroTouch .rgCommandRow,
.RadGrid.RadGrid_Metro .rgCommandRow {
  background-color: transparent; }
.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch th.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_Metro .rgSelectedRow,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro th.rgSorted {
  background-color: #388DBA;
  border-color: #388DBA; }
  .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a,
  .RadGrid.RadGrid_MetroTouch .rgSelectedRow a,
  .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a,
  .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a,
  .RadGrid.RadGrid_MetroTouch th.rgSorted a,
  .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a,
  .RadGrid.RadGrid_Metro .rgSelectedRow a,
  .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a,
  .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a,
  .RadGrid.RadGrid_Metro th.rgSorted a {
    color: #fff !important; }
.RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,
.RadGrid.RadGrid_Metro .rgGroupPanel,
.RadGrid.RadGrid_Metro .rgGroupPanel caption {
  background-color: #388DBA; }
.RadGrid.RadGrid_MetroTouch .rgActiveRow td, .RadGrid.RadGrid_MetroTouch rgActiveRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td, .RadGrid.RadGrid_MetroTouch rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell,
.RadGrid.RadGrid_Metro .rgActiveRow td,
.RadGrid.RadGrid_Metro rgActiveRow td.rgSorted,
.RadGrid.RadGrid_Metro .rgSelectedRow td,
.RadGrid.RadGrid_Metro rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell {
  border-color: #388DBA; }
* + html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * + html
.RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #388DBA; }
* html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * html
.RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #388DBA; }

/* RadScheduler
   ========================================================================== */
.RadScheduler.RadScheduler_Metro .rsAptIn {
  border-top: none; }
.RadScheduler.RadScheduler_Metro .rsHeader {
  border-color: #388DBA;
  background-color: #388DBA; }
  .RadScheduler.RadScheduler_Metro .rsHeader ul a {
    border-color: #388DBA; }
  .RadScheduler.RadScheduler_Metro .rsHeader h2 {
    font-family: "Open Sans";
    font-weight: bold;
    color: #fff;
    text-transform: none;
    border-bottom: none; }

/* RadMenu
   ========================================================================== */
  
.RadMenu.RadMenu_Metro, .RadMenu.RadMenu_Metro .rmRootLink,
.RadMenu.RadMenu_MetroTouch,
.RadMenu.RadMenu_MetroTouch .rmRootLink {
  text-transform: none; }
.RadMenu.RadMenu_Metro div.rmRootGroup,
.RadMenu.RadMenu_Metro ul.rmRootGroup,
.RadMenu.RadMenu_MetroTouch div.rmRootGroup,
.RadMenu.RadMenu_MetroTouch ul.rmRootGroup {
  background-color: #FFF; }
.RadMenu.RadMenu_Metro .rmRootLink,
.RadMenu.RadMenu_MetroTouch .rmRootLink {
  border-color: #FFF; }
.RadMenu.RadMenu_Metro .rmDisabled, .RadMenu.RadMenu_Metro .rmDisabled:hover,
.RadMenu.RadMenu_MetroTouch .rmDisabled,
.RadMenu.RadMenu_MetroTouch .rmDisabled:hover {
  border-color: #FFF; }
.RadMenu.RadMenu_Metro .rmGroup .rmFocused, .RadMenu.RadMenu_Metro .rmGroup .rmFocused:hover,
.RadMenu.RadMenu_Metro .rmGroup .rmSelected,
.RadMenu.RadMenu_Metro .rmGroup .rmSelected:hover,
.RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected,
.RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected:hover,
.RadMenu.RadMenu_Metro .rmGroup .rmExpanded,
.RadMenu.RadMenu_Metro .rmGroup .rmExpanded:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded:hover {
  border-color: #FFF;
  background-color: #FFF;
  color: #333 !important; }

.RadMenu_MetroTouch .rmRootGroup .rmLeftImage {
  margin-top: 10px !important; }

/* RadWindow
   ========================================================================== */
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
  background-color: #FFF; }
.RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active, .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus {
  border-color: #FFF;
  background-color: #FFF; }
.RadWindow.RadWindow_MetroTouch .rwControlButtons a:focus {
  border-color: #fff;
  border-radius: 50%;
  /* override setting from UltraWave */
  outline: none; }

.RadWindow.RadWindow_Metro .rwTitlebar, .RadWindow.RadWindow_Metro .rwTopLeft, .RadWindow.RadWindow_Metro .rwTopRight,
.RadWindow.RadWindow_Metro .rwTopResize,
.RadWindow.RadWindow_Metro .rwControlButtons a {
  background-color: #FFF; }
.RadWindow.RadWindow_Metro .rwControlButtons a {
  border-color: #FFF; }
  .RadWindow.RadWindow_Metro .rwControlButtons a:focus {
    /* give the refresh, expand, close buttons an outline when focused */
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
    /* needed for IE9 compability */
    border-collapse: separate;
    /* override setting from UltraWave */
    outline: none; }
.RadWindow.RadWindow_Metro table.rwTitlebarControls em {
  text-transform: none; }

/* ==========================================================================
   JUMBOTRON
   ========================================================================== */
/* Home page full width banners */
/* Mobile Hero Area
   ========================================================================== */
.HeroArea {
  height: 350px;
  width: 100%;
  position: relative; }

.HeroBackground {
  height: 100%;
  background: #009FD9 url(images/MobileCairnsBanner.jpg) bottom center no-repeat;
  background-size: cover; }

.HeroContent {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 8px 0;
  background-color: #000;
  /* Fallback for IE8, which doesn't support rgba */
  background-color: rgba(0, 0, 0, 0.75); }
  .HeroContent h1, .HeroContent h2, .HeroContent h3, .HeroContent h4, .HeroContent h5, .HeroContent .HeroText {
    color: #fff;
    margin: 0 8px 8px 8px; }
  .HeroContent .TextButton {
    float: right; }

/* Responsive "Slider" Content
   ========================================================================== */
/* This header is used in the out-of-the-box Member, Member Responsive
 * and Annual Conference sample sites */
.Slider.FullWidth {
  height: 31em;
  background-image: url(images/HomeBanner.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: cover;
  position: relative; }
  .Slider.FullWidth h1 {
    font-size: 200%; }
    @media (min-width: 768px) {
      .Slider.FullWidth h1 {
        font-size: 250%; } }
    .no-mqs .Slider.FullWidth h1 {
      font-size: 250%; }
  .Slider.FullWidth .SliderPage1 {
    height: 100%; }
    .Slider.FullWidth .SliderPage1 h1 {
      color: #fff;
      margin-top: 0;
      margin-bottom: 20px;
      line-height: 1.2; }
    .Slider.FullWidth .SliderPage1 .SliderContent {
      /* remove the margins put on by the container */
      margin-left: -15px;
      margin-right: -15px;
      /* then add it back on */
      padding: 15px;
      /* Fallback for IE8, which doesn't support rgba */
      background-color: #000;
      background-color: rgba(0, 0, 0, 0.75);
      width: 100%;
      position: absolute;
      bottom: 0;
      max-height: 100%;
      overflow: auto; }
      @media (min-width: 768px) {
        .Slider.FullWidth .SliderPage1 .SliderContent {
          border-radius: 10px;
          position: inherit;
          float: right;
          width: 36em;
          margin: 1em;
          max-height: 29em; } }
      .no-mqs .Slider.FullWidth .SliderPage1 .SliderContent {
        border-radius: 10px;
        position: inherit;
        float: right;
        width: 36em;
        margin: 1em;
        max-height: 29em; }
    .Slider.FullWidth .SliderPage1 .SliderText {
      overflow-y: auto;
      line-height: 1.7em;
      color: #fff; }
      .Slider.FullWidth .SliderPage1 .SliderText h2, .Slider.FullWidth .SliderPage1 .SliderText h3, .Slider.FullWidth .SliderPage1 .SliderText h4, .Slider.FullWidth .SliderPage1 .SliderText h5 {
        color: inherit; }
    .Slider.FullWidth .SliderPage1 p:last-child {
      margin-bottom: 0; }
    .Slider.FullWidth .SliderPage1 .ActionButton {
      margin-top: 1em;
      text-align: right; }

/* Responsive "Jumbotron"
   ========================================================================== */
/* This header is used in the out-of-the-box Donor sample site */
.jumbotron .jumbotron-content {
  max-height: 100%; }
.jumbotron .img-copyright {
  position: absolute;
  bottom: .5em;
  right: 1em;
  font-size: 70%; }
  .jumbotron .img-copyright a, .jumbotron .img-copyright a:hover, .jumbotron .img-copyright a:focus, .jumbotron .img-copyright a:visited, .jumbotron .img-copyright a:active {
    color: #fff; }
.jumbotron.home, .jumbotron.interior {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  text-shadow: 1px 1px 1px #000; }
.jumbotron.home {
  height: 31em; }
  .jumbotron.home h1 span,
  .jumbotron.home .ActionButton {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1170px; }
  .jumbotron.home h1 {
    color: #fff;
    margin-top: 0;
    padding-top: .3em;
    padding-bottom: .3em;
    text-align: center;
    font-weight: normal;
    font-size: 200%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.45); }
    @media (min-width: 768px) {
      .jumbotron.home h1 {
        font-size: 250%; } }
    .no-mqs .jumbotron.home h1 {
      font-size: 250%; }
  @media (min-width: 768px) {
    .jumbotron.home h1 span {
      padding-left: 8%;
      padding-right: 8%; } }
  .no-mqs .jumbotron.home h1 span {
    padding-left: 8%;
    padding-right: 8%; }
  .jumbotron.home .ActionButton {
    text-align: right; }
    @media (min-width: 768px) {
      .jumbotron.home .ActionButton {
        padding-right: 12%; } }
    .no-mqs .jumbotron.home .ActionButton {
      padding-right: 12%; }
.jumbotron.interior {
  height: 20em; }
  .jumbotron.interior p {
    padding: 1.5em 1em 0.8em;
    font-size: 150%;
    margin-bottom: 0; }
    .jumbotron.interior p:before, .jumbotron.interior p:after {
      content: " ";
      display: table; }
    .jumbotron.interior p:after {
      clear: both; }
  .jumbotron.interior .ActionButton {
    clear: both;
    padding-left: 3em;
    padding-right: 3em; }
  @media (max-width: 767px) {
    .jumbotron.interior .jumbotron-content {
      height: 100%;
      background-color: #000;
      background-color: rgba(0, 0, 0, 0.65);
      text-align: center; } }
  @media (min-width: 480px) {
    .jumbotron.interior p {
      font-size: 170%; } }
  .no-mqs .jumbotron.interior p {
    font-size: 170%; }
  @media (min-width: 768px) {
    .jumbotron.interior {
      height: 25em; }
      .jumbotron.interior p {
        font-size: 200%; }
      .jumbotron.interior .jumbotron-text span {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.55);
        padding: 0 .45em;
        margin-bottom: .2em;
        float: left;
        clear: left; }
      .jumbotron.interior.AlignRight .jumbotron-text span {
        float: right;
        clear: right; } }
  .no-mqs .jumbotron.interior {
    height: 25em; }
    .no-mqs .jumbotron.interior p {
      font-size: 200%; }
    .no-mqs .jumbotron.interior .jumbotron-text span {
      background-color: #000;
      background-color: rgba(0, 0, 0, 0.55);
      padding: 0 .45em;
      margin-bottom: .2em;
      float: left;
      clear: left; }
    .no-mqs .jumbotron.interior.AlignRight .jumbotron-text span {
      float: right;
      clear: right; }

/* ==========================================================================
   COMMUNITIES
   ========================================================================== */
/* Community left nav */
.CommunityLinksBlock a {
  color: #333333; }
  .CommunityLinksBlock a:hover {
    background-color: #388DBA;
    color: #333333;
    text-decoration: none; }
  .CommunityLinksBlock a.CommunityLinksSelected, .CommunityLinksBlock a.CommunityLinksSelected:hover {
    background-color: #FFF;
    color: White;
    font-weight: bold;
    text-decoration: none; }

/* CommunityBreadCrumb */
.BreadCrumbCurrent {
  font-size: 120%;
  font-weight: bold; }

/*** Communities common elements ***/
.CommunityItemActionLinks a:hover {
  background-color: #FFF; }

.CommunityItemTitle {
  font-size: 110%;
  padding: .25em 0; }

.CommunityCommentItem {
  background: #f2f2f2;
  border-left: 10px solid #ddd;
  padding: .5em .5em .2em .5em;
  margin-left: 3em;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }

.CommunityWikiItem .CommunityRepeaterTable .CommunityCommentItem {
  background: #f2f2f2; }

/* For adding comments */
.CommunityWikiReplyForm {
  background: #f2f2f2;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }

/*****************************************************/
/*            Donor Sample Site Styles               */
/*****************************************************/
/* These styles are used in the Donor sample site  */
.DonorBannerHome {
  background: url(../../images/SampleSites/Donor/birdbanner.jpg) no-repeat;
  overflow: hidden;
  height: 330px;
  position: relative; }

.DonorBannerInterior {
  overflow: hidden;
  height: 275px;
  position: relative; }

.DonorBannerInteriorBackground1 {
  background: #67895e url(../../images/SampleSites/Donor/bearbanner.jpg) no-repeat; }

.DonorBannerInteriorBackground2 {
  background: #95BB19 url(../../images/SampleSites/Donor/butterflybanner.jpg) no-repeat; }

.DonorBannerInteriorBackground3 {
  background: #764c31 url(../../images/SampleSites/Donor/catbanner.jpg) no-repeat; }

.DonorBannerInteriorBackground4 {
  background: #416a26 url(../../images/SampleSites/Donor/frogbanner.jpg) no-repeat; }

.DonorBannerInteriorBackground5 {
  background: #696f44 url(../../images/SampleSites/Donor/numbatbanner.jpg) no-repeat; }

.DonorBannerInteriorBackground6 {
  background: #3c683d url(../../images/SampleSites/Donor/squirrelbanner.jpg) no-repeat; }

.DonorBannerTextBackgroundHome {
  background: none repeat scroll 0 0 #191919;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  float: right;
  height: 292px;
  width: 450px;
  margin: 20px; }

.DonorBannerTextBackgroundInterior {
  background: none repeat scroll 0 0 #191919;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  float: right;
  height: 236px;
  width: 450px;
  margin: 20px; }

.DonorBannerTextBackgroundHome h1, .DonorBannerTextBackgroundInterior h1 {
  color: #fff;
  font-size: 2.8em;
  background: none;
  margin: 0.4em; }

.DonorBannerTextBackgroundHome p, .DonorBannerTextBackgroundInterior p {
  color: #fff;
  font-size: 1.2em;
  line-height: 1.6em;
  margin: 1em;
  padding: 0.4em; }

/**** End Donor Sample Site Styles ****/
/* ==========================================================================
   MISCELLANEOUS
   ========================================================================== */
/* Classes that can be used for iParts and HTML content */
/* Use class CalloutArea1 or CalloutArea2 to call out an iPart or content block */
.CalloutArea1, .CalloutBlockType1 {
  background-color: #006c81;
  padding: 10px;
  margin: 20px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: #fff; }
  .CalloutArea1 label, .CalloutArea1 h1, .CalloutArea1 h2, .CalloutArea1 h3, .CalloutArea1 h4, .CalloutArea1 h5, .CalloutArea1 .PanelTitle, .CalloutArea1 .TitleBarCaption, .CalloutArea1 a.FeatureActionLink, .CalloutBlockType1 label, .CalloutBlockType1 h1, .CalloutBlockType1 h2, .CalloutBlockType1 h3, .CalloutBlockType1 h4, .CalloutBlockType1 h5, .CalloutBlockType1 .PanelTitle, .CalloutBlockType1 .TitleBarCaption, .CalloutBlockType1 a.FeatureActionLink {
    color: #fff; }
  .CalloutArea1 a, .CalloutBlockType1 a {
    color: #fff; }
  .CalloutArea1 .Error, .CalloutBlockType1 .Error {
    color: #eeeeee !important; }
  .CalloutArea1 h2, .CalloutArea1 .PanelHead.Distinguish, .CalloutArea1 .TitleBarCaption, .CalloutBlockType1 h2, .CalloutBlockType1 .PanelHead.Distinguish, .CalloutBlockType1 .TitleBarCaption {
    border-bottom: none; }

.CalloutArea2 {
  background-color: #388DBA;
  padding: 10px;
  margin: 20px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: #fff; }
  .CalloutArea2 label, .CalloutArea2 h1, .CalloutArea2 h2, .CalloutArea2 h3, .CalloutArea2 h4, .CalloutArea2 h5, .CalloutArea2 .PanelTitle, .CalloutArea2 .TitleBarCaption, .CalloutArea2 a.FeatureActionLink {
    color: #fff; }
  .CalloutArea2 a {
    color: #fff; }
  .CalloutArea2 .Error {
    color: #eeeeee !important; }
  .CalloutArea2 h2, .CalloutArea2 .PanelHead.Distinguish, .CalloutArea2 .TitleBarCaption {
    border-bottom: none; }

.CalloutArea3 {
  background-color: #FFF;
  padding: 10px;
  margin: 20px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .CalloutArea3 h2, .CalloutArea3 .PanelHead.Distinguish, .CalloutArea3 .TitleBarCaption {
    border-bottom: none; }

/* Use class AltBgColor1 to put a light-colored background on an iPart or content block */
.AltBgColor1 {
  background-color: #f9f7f2;
  padding: 10px; }

.CalloutPart2 .panel-heading,
.CalloutPart2 .panel-body {
  background-color: #f9f7f2; }

.CalloutPart1 .panel-heading,
.CalloutPart1 .panel-body {
  background-color: #388DBA; }

.CalloutPart2 .panel-heading.Distinguish,
.CalloutPart1 .panel-heading.Distinguish {
  background-color: transparent; }

/* Use class ContentBlockPrimary to give a block of content extra emphasis */
.ContentBlockPrimary {
  padding: 20px;
  background-color: #f9f7f2; }
  .ContentBlockPrimary .Quote {
    background-color: #fff; }

/* Make the titles on secondary columns smaller - used on the Member home page */
.SecondaryColumn h2,
.SecondaryColumn .PanelTitle,
.SecondaryColumn .panel-title {
  font-family: inherit;
  font-weight: bold;
  font-size: 90%;
  color: #999999;
  text-transform: uppercase; }
.SecondaryColumn h2,
.SecondaryColumn .PanelHead,
.SecondaryColumn .TitleBarCaption,
.SecondaryColumn .panel-heading {
  border-bottom: none; }
.SecondaryColumn .PanelHead,
.SecondaryColumn .panel-heading {
  padding: 0 4px; }
.SecondaryColumn .CommunityBlogItem {
  padding: 0 0 0 10px; }
  .SecondaryColumn .CommunityBlogItem .PanelFieldValue {
    padding: 0; }
.SecondaryColumn .CommunityItemTitle {
  font-weight: normal;
  font-size: inherit; }
.SecondaryColumn .RadGrid .rgRow td,
.SecondaryColumn .RadGrid .rgNoRecords td {
  padding: 4px; }

/* Use class ContentBlockPictureArea to surround an image within a ContentBlockPrimary area */
.ContentBlockPictureArea,
.ContentBlockLeft {
  width: 250px;
  float: left;
  margin-right: .5em;
  margin-bottom: .5em; }
  .ContentBlockPictureArea.FloatRight,
  .ContentBlockLeft.FloatRight {
    float: right;
    margin-left: .5em; }
  .ContentBlockPictureArea img,
  .ContentBlockLeft img {
    max-width: 100%;
    height: auto !important; }

.BlockList ul {
  margin: 0; }
.BlockList li {
  list-style: none; }
.BlockList a {
  display: block;
  text-decoration: none;
  padding: 20px; }
  .BlockList a:hover {
    background-color: #f4f1e8; }
.BlockList a span {
  text-decoration: underline; }
.BlockList p {
  color: #333333;
  margin-bottom: 0; }

/* Tagged list format, styled similar to BlockList */
.BlockTLItem {
  display: block;
  text-decoration: none;
  padding: 10px 0; }

.BlockTLItem,
.BlockList li {
  border-bottom: 1px solid #ddd; }

.BlockTLItem h4,
.BlockList h4 {
  font-size: 110%;
  font-weight: normal; }

/* PublishDate and ReadMoreLink are used in the Block tagged list format */
.PublishDate {
  font-size: 85%;
  font-style: italic; }

/* Use on the blockquote element for a styled quote */
.Quote {
  background: #f9f7f2;
  border-left: 10px solid #388DBA;
  margin: 1.5em .7em 1.5em 0;
  padding: 1.5em .7em;
  quotes: "\201C" "\201D" "\201C" "\201D";
  font-weight: normal; }
  .Quote:before {
    color: #d9ccac;
    content: open-quote;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    font-size: 5em;
    line-height: 0.1em; }
  .Quote p {
    display: inline; }
  .Quote site {
    display: block;
    margin-left: 1em;
    margin-top: .5em;
    font-style: italic; }
    .Quote site:before {
      content: "— "; }
  @media (min-width: 768px) {
    .Quote {
      font-size: 1.2em; }
      .Quote site {
        font-size: .9em;
        margin-left: 2em; } }
  .no-mqs .Quote {
    font-size: 1.2em; }
    .no-mqs .Quote site {
      font-size: .9em;
      margin-left: 2em; }

.QuoteStyle2 {
  border-left-color: #FFF; }

/* CalloutPanelField1 can be used as a wrapper for PanelFields, or on the PanelField directly, to callout the first label. */
.CalloutPanelField1 .PanelField label:first-child,
.CalloutPanelField1.PanelField label:first-child,
.CalloutPanelField1 .PanelField .Label:first-child,
.CalloutPanelField1.PanelField .Label:first-child {
  position: relative;
  padding: 15px;
  margin: 0 0 1em;
  color: #fff;
  background: #FFF;
  width: auto;
  border-radius: 3px; }
  .CalloutPanelField1 .PanelField label:first-child:after,
  .CalloutPanelField1.PanelField label:first-child:after,
  .CalloutPanelField1 .PanelField .Label:first-child:after,
  .CalloutPanelField1.PanelField .Label:first-child:after {
    content: "";
    position: absolute;
    bottom: -8px;
    /* value = - border-top-width - border-bottom-width */
    left: 30px;
    /* controls horizontal position */
    border-width: 8px 8px 0;
    /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #FFF transparent;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0; }

/* TotalBox can be used as a wrapper for PanelFields, or on the PanelField directly, to visually distinguish a calculated total. */
.TotalBox {
  border-color: #ddd; }

.TotalBox label {
  background-color: #388DBA;
  color: #fff;
  padding: .25em .75em;
  color: #fff; }

/* Add zone style "CCOGrayBg" to give CCO content a gray background */
.CCOGrayBg .ContentWizardDisplay {
  background-color: #f9f7f2; }

.CCOGrayBg .yui-g {
  float: none; }

/* Add zone style "TitleBarNoBorder" to remove the bottom border from the title bar caption */
.TitleBarNoBorder .TitleBarCaption, .TitleBarNoBorder .PanelHead.Distinguish, .TitleBarNoBorder .panel-heading.Distinguish {
  border-bottom: none; }

/* Use the iPartChain class along with the appropriate placement class (FirstPart, MiddlePart or LastPart) 
to give several stacked iParts a conjoined look. */
.iPartChain.FirstPart > .panel {
  border-bottom-width: 0 !important; }
.iPartChain.LastPart > .panel {
  border-top-width: 0 !important; }
.iPartChain.MiddlePart > .panel {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important; }
.iPartChain.MiddlePart, .iPartChain.LastPart {
  margin-top: -0.9em; }

/*Use PanelNoPadding class to turn off the padding on a PanelBody */
.NoPanelPadding .PanelBody,
.NoPanelPadding .panel-body {
  padding: 0; }

/* Use the FeatureText class to make a block of text larger for emphasis */
.FeatureText {
  color: #595959;
  font-size: 150%;
  line-height: 170%; }

/* Use the CenterText class to center the text within the iPart */
.CenterText {
  text-align: center; }

.FullWidthButtons .btn, .FullWidthButtons .TextButton {
  display: block; }

/* Use class FeatureActionLink on a link to call attention to it */
a.FeatureActionLink {
  -webkit-transition: all 0.2s ease 0;
  -moz-transition: all 0.2s ease 0;
  -o-transition: all 0.2s ease 0;
  transition: all 0.2s ease 0;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-size: 110%;
  font-weight: 700;
  line-height: 1.5em;
  padding: 8px 0;
  text-decoration: none; }
  @media (min-width: 992px) {
    a.FeatureActionLink {
      font-size: 150%; } }
  .no-mqs a.FeatureActionLink {
    font-size: 150%; }
  a.FeatureActionLink:hover {
    text-decoration: underline; }

/* Spotlight
   ========================================================================== */
/* Featured items display */
.Spotlight {
  text-align: center; }
  .Spotlight img, .Spotlight h4 {
    text-align: center; }
  @media (min-width: 768px) {
    .Spotlight .ImageWrapper {
      height: 160px; } }
  .no-mqs .Spotlight .ImageWrapper {
    height: 160px; }
  .Spotlight .TextButton {
    margin-top: 1em; }
  .Spotlight p {
    text-align: center;
    padding-top: 0.4em; }
  .Spotlight a img {
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    .Spotlight a img:hover {
      opacity: 0.8;
      filter: alpha(opacity=80); }

.SpotlightRow {
  margin-bottom: 1.2em; }
  .SpotlightRow:before, .SpotlightRow:after {
    content: " ";
    display: table; }
  .SpotlightRow:after {
    clear: both; }
  @media (min-width: 768px) {
    .SpotlightRow.ThreeAcross .Spotlight {
      float: left;
      width: 33%;
      padding-left: 5%;
      padding-right: 5%; } }
  .no-mqs .SpotlightRow.ThreeAcross .Spotlight {
    float: left;
    width: 33%;
    padding-left: 5%;
    padding-right: 5%; }

/* Feature Header
   ========================================================================== */
.feature-header {
  color: #388DBA;
  border-bottom: none;
  margin-bottom: .8em; }

/* Feature Link
   ========================================================================== */
.feature-link-with-image {
  margin-bottom: 1em; }
  .feature-link-with-image, .feature-link-with-image:hover, .feature-link-with-image:active, .feature-link-with-image:visited {
    text-decoration: none;
    color: #fff; }
  .feature-link-with-image .feature-link-wrapper {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 17em;
    margin-bottom: 20px; }
  .feature-link-with-image .feature-link-text {
    height: 100%;
    padding: .8em;
    font-size: 110%; }
    @media (min-width: 480px) {
      .feature-link-with-image .feature-link-text {
        width: 45%; } }
    .no-mqs .feature-link-with-image .feature-link-text {
      width: 45%; }
    .feature-link-with-image .feature-link-text h1, .feature-link-with-image .feature-link-text h2, .feature-link-with-image .feature-link-text h3, .feature-link-with-image .feature-link-text h4, .feature-link-with-image .feature-link-text h5 {
      margin-top: 0; }
  .feature-link-with-image.feature-link-1 .feature-link-text {
    background-color: #388DBA;
    background-color: rgba(56, 141, 186, 0.75); }
  .feature-link-with-image.feature-link-1:hover .feature-link-text {
    background-color: #2c6f93;
    background-color: rgba(44, 111, 147, 0.75); }
  .feature-link-with-image.feature-link-2 .feature-link-text {
    background-color: #388DBA;
    background-color: rgba(56, 141, 186, 0.75); }
  .feature-link-with-image.feature-link-2:hover .feature-link-text {
    background-color: #2c6f93;
    background-color: rgba(44, 111, 147, 0.75); }

/* Feature Text Inline
   ========================================================================== */
.feature-text-inline {
  color: #388DBA; }

/* Header Links
   ========================================================================== */
.header-link {
  border-bottom: none; }
  .header-link a {
    text-decoration: none; }
    .header-link a, .header-link a:visited {
      color: #333333; }
    .header-link a:hover, .header-link a:active, .header-link a:focus {
      color: #388DBA; }

/* Image Banners
   ========================================================================== */
/* use these classes to get a particular background image on an element */
.bg-img-red-panda {
  background-color: #57574b;
  background-image: url("../../images/SampleSites/Donor/red-panda.jpg"); }

.bg-img-tiger-swimming {
  background-color: #1c1705;
  background-image: url("../../images/SampleSites/Donor/tiger-swimming.jpg"); }

.bg-img-highland-cow {
  background-color: #e4e0cd;
  background-image: url("../../images/SampleSites/Donor/highland-cow.jpg"); }

.bg-img-volunteer-canoes {
  background-color: #8aa15b;
  background-image: url("../../images/SampleSites/Donor/volunteer-canoes.jpg"); }

.bg-img-elephant-with-mountains {
  background-color: #748610;
  background-image: url("../../images/SampleSites/Donor/elephant-with-mountains.jpg"); }

.bg-img-wildlife-refuge {
  background-color: #6d7f2d;
  background-image: url("../../images/SampleSites/Donor/wildlife-refuge.jpg"); }

.bg-img-poplar-trees {
  background-color: #737e23;
  background-image: url("../../images/SampleSites/Donor/poplar-trees.jpg");
  background-position: top center !important; }

.bg-img-swamp {
  background-color: #bbbdb8;
  background-image: url("../../images/SampleSites/Donor/swamp.jpg"); }

.bg-img-roseate-terns {
  background-color: #8f9949;
  background-image: url("../../images/SampleSites/Donor/roseate-terns.jpg");
  background-position: center 88% !important; }

/* Image Copyright Statements
   ========================================================================== */
.img-copyright {
  font-size: 70%; }

/* Donation page enhancements
   ========================================================================== */
/* To enhance the display of a donation page, apply the donate-page class to the Donation Creator iPart's CSS Class */
.donate-page .SectionLabel {
  color: #388DBA;
  font-size: 250%; }

.donate-page .GiftItemDescription,
.donate-page .GiftAmountLabel {
  font-size: 125%; }

.donate-page .GiftItemDescription {
  display: block;
  padding-bottom: 20px; }

/***************************************************************
ABCFP Override Variables
***************************************************************/
h1, h2, h3, h4, h5, .SectionLabel {
  color: #388DBA; }

#masterHeaderImage {
  width: 225px;
  height: 110px; }

@media (max-width: 768px) {
  #masterHeaderImage {
    display: none; }

  .auth-link-container a {
    color: #FFF; } }
ul.rtUL {
  display: inherit !important; }

.navbar-header > div {
  vertical-align: top !important; }

.nav-secondary {
  background-color: #FFF; }

.nav-secondary .sub-nav-head {
  color: #FFF;
  background-color: #388DBA; }

@media (min-width: 992px) {
  .has-secondary-col.col-on-right .col-secondary {
    float: left;
    padding-right: 20px; } }
@media (min-width: 767px) {
  ul.rsmList.rsmColumn.rsmLevel1 {
    display: none; } }
@media (max-width: 767px) {
  #ctl01_SubNavPanel {
    display: none; } }
.TextButton {
  background-color: #388DBA; }

.TextButton:hover {
  background-color: #333F45; }

.SearchField, .SearchResultSummary .ListItemTitle a {
  background-color: #388DBA !important; }

.SearchResultSummary .ListItemTitle a {
  color: #FFF !important; }

.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover {
  background-color: #388DBA; }

.ProgressTracker2 .ProgressTrackerPanel .label {
  color: #FFF; }

.Slider.FullWidth {
  background-image: url("images/log.jpg"); }

.footer-nav-copyright {
  background-color: #333F45;
  color: #FFF; }

#FOOTERLINK {
  BACKGROUND-COLOR: #333F45; }

.CommunityItemActionLinks a:hover {
    color: #459ac7;
}

#FOOTERLINK A {
  COLOR: #333;
  FONT-SIZE: 105% !important;
  PADDING-LEFT: 30PX; }

.footer {
  color: #333;
  margin-top: 40px;
  padding: 20px 0 30px;
  background: #fff; }

.footer h2, .footer a {
  color: #459AC7; }
  
.footer-copyright {
  background: #fff;
  color: #333; }
  
  .footer-nav-copyright {
	  background-color: #fff;
  }

@media (min-width: 768px) {
  .lead {
    font-size: 100%; } }
.no-mqs .lead {
  font-size: 100%; }

/*# sourceMappingURL=99-AAO_Responsive.css.map */
@media (max-width: 350px)
{
	.carousel-caption h3 
	{
		font-size: 1em;
		margin: 0px;
	}
	.carousel-caption p 
	{
		padding: 0;
		margin: 0;
	}
}

ul.rwControlButtons {
    background-color: #333F45;
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
    background-color: #333F45;
}
.RadMenu.RadMenu_Metro div.rmRootGroup, .RadMenu.RadMenu_Metro ul.rmRootGroup, .RadMenu.RadMenu_MetroTouch div.rmRootGroup, .RadMenu.RadMenu_MetroTouch ul.rmRootGroup
{
background-color:#333F45;
}
.carousel-indicators
{
display:none;
}

@media (min-width: 768px)
{
	.navbar-collapse.collapse {
		width: 100%;
		text-align: center;
		background-color: #fff;
	}
}

.rmText{
	color:#000;

}
