/* --------------------------------
    ---------------------------
    Blue Purple Color Scheme
    ---------------------------
    
    Primary:    Blue
        Light:  #00aeef
        Medium: #0089d0
        Dark:   #0060af
        
    Secondary:  Purple
        Light:  #c6168d
        Medium: #92278f
        Dark:   #5c2e91
    
-------------------------------- */

::selection {background: #81daff;}
::-moz-selection {background: #81daff;}

/* Default Headings colors & Link color */
a {color: #0089d0;}
    a:hover {color: #0060af;}
    
h1 {color: #5c2e91;}
h2, h3, h4, h5, h6 {color: #92278f;}

/* Text Colors */
.primary.light  {color: #00aeef;}
.primary.medium {color: #0089d0;}
.primary.dark   {color: #0060af;}
.secondary.light  {color: #c6168d;}
.secondary.medium {color: #92278f;}
.secondary.dark   {color: #5c2e91;}
    a.primary.light:hover  {color: #0060af;}
    a.primary.medium:hover {color: #00aeef;}
    a.primary.dark:hover   {color: #0089d0;}
    a.secondary.light:hover  {color: #5c2e91;}
    a.secondary.medium:hover {color: #c6168d;}
    a.secondary.dark:hover   {color: #92278f;}

/* Background Colors */
.primary-bg.light-bg  {background: #00aeef;} 
.primary-bg.medium-bg {background: #0089d0;}
.primary-bg.dark-bg   {background: #0060af;}
.transparent.primary-bg.dark-bg   {background: rgba(0,96,175,.9);}
.secondary-bg.light-bg  {background: #71c0f5;}
.secondary-bg.medium-bg {background: #92278f;}
.secondary-bg.dark-bg   {background: #5c2e91;}
    .primary-bg.light-bg.opaque  {background: rgba(0,174,239,0.8);} 
    .primary-bg.medium-bg.opaque {background: rgba(0,137,208,0.8);}
    .primary-bg.dark-bg.opaque   {background: rgba(0,96,175,0.8);}
    .secondary-bg.light-bg.opaque  {background: rgba(198,22,141,0.8);}
    .secondary-bg.medium-bg.opaque {background: rgba(146,39,143,0.8);}
    .secondary-bg.dark-bg.opaque   {background: rgba(40,64,101,0.8);}
    a.primary-bg.light-bg:hover, .button.primary-bg.light-bg:hover, input.primary-bg.light-bg:hover     {background: #0089d0;} 
    a.primary-bg.medium-bg:hover, .button.primary-bg.medium-bg:hover, input.primary-bg.medium-bg:hover  {background: #0060af;}
    a.primary-bg.dark-bg:hover, .button.primary-bg.dark-bg:hover, input.primary-bg.dark-bg:hover      	{background: #00aeef;}
    a.secondary-bg.light-bg:hover, .button.secondary-bg.light-bg:hover, input.secondary-bg.light-bg:hover       {background: #92278f;}
    a.secondary-bg.medium-bg:hover, .button.secondary-bg.medium-bg:hover, input.secondary-bg.medium-bg:hover    {background: #5c2e91;}
    a.secondary-bg.dark-bg:hover, .button.secondary-bg.dark-bg:hover, input.secondary-bg.dark-bg:hover          {background: #c6168d;}
    .primary-bg.light-bg.extra-opaque  {background: rgba(0,174,239,0.3) !important;} 
    .primary-bg.medium-bg.extra-opaque {background: rgba(0,137,208,0.3) !important;}
    .primary-bg.dark-bg.extra-opaque   {background: rgba(0,96,175,0.3 !important);}
    .secondary-bg.light-bg.extra-opaque  {background: rgba(198,22,141,0.3) !important;}
    .secondary-bg.medium-bg.extra-opaque {background: rgba(146,39,143,0.3) !important;}
    .secondary-bg.dark-bg.extra-opaque   {background: rgba(92,46,145,0.3) !important;}
    
/* Stripe Bar */
.bg-stripe-bar {background: url(graphics/images/blue_purple/bg_stripe_bar.png) center center repeat;}


  
/* Donation Form Button Colors */
div.button-container .button {border: 2px solid #0060af;}
div.button-container .button:hover{background:rgba(0,174,239,.1);}
div.button-container .button.selected {background:#0060af;}