/* Membership skin FINANCIAL REVIEW - SVN DATA HERE */
/* 
----------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------
   @Body
   -------------------------------------------------------------------------------------- */
   body.afr {background:url('afr-bg.png'); width:inherit; }
   .afr .wrap {padding: 0 30px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;  }
   html {background: inherit;}
   .afr.register legend,
   .afr.register .tools {border-bottom:1px dotted #b9b9b9; border-top:none; margin-bottom: 12px }
   .afr.register legend span {font-weight:bold; color:#999; padding:0 0 5px 10px;}
   .afr .multiAccount.panel {margin-top:30px}
   .afr .multiAccount li {border-color: #ebebea; padding:20px 10px;}
   .afr .multiAccount li:last-child {border-bottom:1px dotted #b8b8b8;}
   .afr .multiAccount label {color:#000}
   .afr .multiAccount .package {color:#00a2de;}
   .afr .multiAccount legend {border-top:none}
   .afr .multiAccount h2 {color:#999999; padding:0 0 5px 10px;}

/* --------------------------------------------------------------------------------------
   @Links & buttons
   -------------------------------------------------------------------------------------- */
   /* Financial Review */
  .afr a,
  .afr .btnFauxLink {color:#0078ba}

/* --------------------------------------------------------------------------------------
   @HEADER & FOOTER
   -------------------------------------------------------------------------------------- */
   /* FRGBERLIN-347: Does not fit new logo 
   .afr .header {margin:0 -30px 2em -30px; padding:0 30px;  border-bottom: none; background:#22a0e3;}
   */
   .afr .header .mh-logo {margin: 9px 0}
   .afr .header .mh-logo img {max-width: 256px;}
   /*Hiding Fairfax logo from header for AFR, back-end will not even load the element*/
   .afr .header .fd-logo {display:none;}

   .afr .footer {margin:0 -30px; padding:0 30px; color:#666666; border-bottom:1px solid #e1e1e1; background:#ebebeb}
   .afr .footer ul {text-align:center; margin:0; padding: 10px 0}
   .afr .footer li {display: inline; padding:0 5px; margin:0; border-left:1px solid #bbb}
   .afr .footer li:first-child {padding-left:0; border-left:none}
   .afr .footer li a {color: #666;}

/* --------------------------------------------------------------------------------------
   @CONTENT ASIDE
   -------------------------------------------------------------------------------------- */
  /* logoSite icons */
  .afr .logoSite em {background-position: 0 -925px}

  /* Dialogue logoSite icons */
  .afr .dialogWrap .footer em {background-position: 12px -925px}

/* --------------------------------------------------------------------------------------
   @Button styles
   -------------------------------------------------------------------------------------- */
  /* Button bg colours for different sites - default is SMH*/
  .afr.register .btn,
  .afr.update .btn
   {width: 181px; border:none; text-shadow:none; height: 38px; padding: 0; font-size: 1.5em; font-weight: normal; line-height: 1; border-radius: 3px; color: #fff;
    background: #0091d1; /* Old browsers */
    background: -moz-linear-gradient(top, #0091d1 0%, #006cc2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0091d1), color-stop(100%,#006cc2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0091d1 0%,#006cc2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0091d1 0%,#006cc2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0091d1 0%,#006cc2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #0091d1 0%,#006cc2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091d1', endColorstr='#006cc2',GradientType=0 ); /* IE6-9 */
      -webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 123, 176, 1);
      box-shadow: inset 0px 1px 0px 0px rgba(0, 123, 176, 1);
      -webkit-transition: opacity 0.5s ease;
      -moz-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease;
   }
  .afr .btn:hover, 
  .afr .btn:focus {
      opacity: 0.8;
   }

   @media screen and (max-width:580px) {
      body.afr {background:none; }
      .afr .wrap {padding:0; border:none;}
   }