/* ---------------------------------------------------
CVS: $Id: brand.css,v 1.1 2008/03/20 23:44:48 cvsdevel Exp $
Title: brand.css
Copyright: (c) 2008
Author: Smitty
Company: Rhino Internet Solutions
Description: Brand styles for phoenix.gov
--------------------------------------------------- */

/* ---------------------------------------------------
=Branding
Styles for CoP brand colors

   Purple      #990066  |   Gray        #666666
   Black       #000000  |   Plum        #621A4B
   Red Rock    #B5121B  |   Fire Red    #E31B23
   Orange Tree #E37F1C  |   Sun Flower  #EEB211
   Saguaro     #9FA617  |   Palo Verde  #4C721D
   Lake Blue   #4E8ABE  |   Royal Blue  #005295
   Light Gray  #CCCCCC  |
   
--------------------------------------------------- */

/* --{ Font Colors }------------------------------- */

.purple {
   color: #906;
   }
   
.gray {
   color: #666;
   }
   
.plum {
   color: #621A4B;
   }
   
.redrock {
   color: #B5121B;
   }
   
.firered {
   color: #E31B23;
   }
   
.orangetree {
   color: #E37F1C;
   }
   
.sunflower {
   color: #EEB211;
   }
   
.saguaro {
   color: #9FA617;
   }
   
.paloverde {
   color: #4C721D;
   }
   
.lakeblue {
   color: #4E8ABE;
   }
   
.royalblue {
   color: #005295;
   }
   
.lightgray {
   color: #CCC;
   }

/* --{ Background Colors }---------------------------- */

.purple-bg {
   background-color: #906;
   }
   
.purple-alert {
   background-color: #906;
   color: #FFF;
   font-weight: bold;
   margin: 0 20px;
   padding: 3px 10px 5px 10px;
   }   
   
 .purple-alert a {
   color: #FFF;
   font-weight: bold;
   text-decoration: underline;
  }   
   
   
 .purple-alert a:hover {
	color: #FFF !important;
	font-weight: bold;
	text-decoration: underline;
  }
  
  
.gray-bg {
   background-color: #666;
   }
   
.plum-bg {
   background-color: #621A4B;
   }
   
.redrock-bg {
   background-color: #933; 
   }
   
.firered-bg {
   background-color: #E31B23;
   }
   
.orangetree-bg {
   background-color: #E37F1C;
   }
   
.sunflower-bg {
   background-color: #EEB211;
   }
   
.saguaro-bg {
   background-color: #9FA617;
   }
   
.paloverde-bg {
   background-color: #4C721D;
   }
   
.lakeblue-bg {
   background-color: #4E8ABE !important;
   }
   
.royalblue-bg {
   background-color: #005295;
   }
   
.lightgray-bg {
   background-color: #CCC;
   }

/* ---------------------------------------------------
=Misc. Colors
Various content color treatments; often variations
of the primary and secondary brand color palette.
--------------------------------------------------- */

.tan {
   background-color: #F0E0B2;
   border-top: 1px solid #C90;
   }
   
/* ---------------------------------------------------
=Logo Colors
--------------------------------------------------- */

#phx-logo a.plum {
   background: transparent url(../../../../../webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_plum.png) top left no-repeat;
   }
   
#phx-logo a.redrock {
   background: transparent url(../../../../../webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_redrock.png) top left no-repeat;
   }
   
#phx-logo a.firered {
   background: transparent url(../../../../../webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_firered.png) top left no-repeat;
   }
   
#phx-logo a.orangetree {
   background: transparent url(../../../../../webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_orangetree.png) top left no-repeat;
   }
   
#phx-logo a.sunflower {
   background: transparent url(../../../../../webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_sunflower.png) top left no-repeat;
   }
   
#phx-logo a.saguaro {
   background: transparent url(../../../../../webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_saguaro.png) top left no-repeat;
   }
   
#phx-logo a.paloverde {
   background: transparent url(../../../../../webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_paloverde.png) top left no-repeat;
   }
   
#phx-logo a.lakeblue {
   background: transparent url(../../../../../webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_lakeblue.png) top left no-repeat;
   }
   
#phx-logo a.royalblue {
   background: transparent url(../../../../../webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_royalblue.png) top left no-repeat;
     }