#notification-area { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; }
.admin-bar #notification-area { top: 28px; }
#notification-area.hidden { display: none; }
.logged-in #notification-area.hidden { display: block; } /* don't ever hide for logged-in users */
#notice-content { padding: 10px 5% 0; position: relative; }
#notice-content.with-icon { padding-left: 8%; }
#notification-area h3 { font-weight: bold; clear:none!important; margin: 4px 0 6px; padding: 0;  font-size: 22px; font-weight: normal; position: relative; left: 23%;}
#notification-area p { margin: 0 0 10px; position: relative; left: 23%; }
#notification-area a { color: #999; text-decoration: none; }
#notification-area a:hover { text-decoration: underline; }
#remove-notice { display: block; float: right; margin: 10px 0 0 10px; height: 25px; width: 25px; background: url(../images/close.png);}
#remove-notice:hover { text-decoration: none;}
#notice-icon { position: absolute; left: 25%; top: 30px; }

/********************
* colors 
********************/

/* blue - default */
#notification-area.blue { background: #2f5cc8; border: 1px solid #3b6fb6; border-top-color: #aed2f1; border-bottom-color: #435540; }
#notification-area.blue #notice-content { border-top: 1px solid #78c0ec; border-bottom: 1px solid #0c32d5; background: url(../images/blue.gif) repeat-x left top;  }
#notification-area.blue h3 { color: #fff; text-shadow: 0 0 1px #3f73af; }
#notification-area.blue p { color: #eee; text-shadow: 0 1px 1px #1c3767; }
#notification-area.blue a { color: #ccc; }

/* light_blue */
#notification-area.light_blue { background: #6a90c7; border: 1px solid #a5c2df; border-top-color: #d4e1f1; border-bottom-color: #1b221a; }
#notification-area.light_blue #notice-content { border-top: 1px solid #b8d4ec; border-bottom: 1px solid #326dd8; background: url(../images/light_blue.gif) repeat-x left top;  }
#notification-area.light_blue h3 { color: #fff; text-shadow: 0 0 1px #768ca9; }
#notification-area.light_blue p { color: #eee; text-shadow: 0 1px 1px #3e4f67; }
#notification-area.light_blue a { color: #ccc; }

/* light */
#notification-area.light { background: #919191; border: 1px solid #b7c2c8; border-top-color: #e0e0e0; border-bottom-color: #1b221a; }
#notification-area.light #notice-content { border-top: 1px solid #cad2d7; border-bottom: 1px solid #5f5f5f; background: url(../images/light.gif) repeat-x left top;  }
#notification-area.light h3 { color: #fff; text-shadow: 0 0 1px #8d8d8d; }
#notification-area.light p { color: #eee; text-shadow: 0 1px 1px #4f4f4f; }
#notification-area.light a { color: #fff; }

/* dark */
#notification-area.dark { background: #272727; border: 1px solid #39444e; border-top-color: #a4a4a4; border-bottom-color: #1b221a; }
#notification-area.dark #notice-content { border-top: 1px solid #697f91; border-bottom: 1px solid #070707; background: url(../images/dark.gif) repeat-x left top;  }
#notification-area.dark h3 { color: #fff; text-shadow: 0 0 1px #353535; }
#notification-area.dark p { color: #eee; text-shadow: 0 1px 1px #171717; }
#notification-area.dark a { color: #fff; }

/* red */
#notification-area.red { background: #ca352e; border: 1px solid #e48181; border-top-color: #f1afb0; border-bottom-color: #000000; }
#notification-area.red #notice-content { border-top: 1px solid #e691a1; border-bottom: 1px solid #d20e0a; background: url(../images/red.gif) repeat-x left top;  }
#notification-area.red h3 { color: #fff; text-shadow: 0 0 1px #af4741; }
#notification-area.red p { color: #eee; text-shadow: 0 1px 1px #681f1b; }
#notification-area.red a { color: #fff; }

/* light red */
#notification-area.light_red { background: #c3706a; border: 1px solid #db9c9a; border-top-color: #efd4d4; border-bottom-color: #000000; }
#notification-area.light_red #notice-content { border-top: 1px solid #e3c2c9; border-bottom: 1px solid #cd2a1e; background: url(../images/light_red.gif) repeat-x left top;  }
#notification-area.light_red h3 { color: #fff; text-shadow: 0 0 1px #a87976; }
#notification-area.light_red p { color: #eee; text-shadow: 0 1px 1px #65403e; }
#notification-area.light_red a { color: #fff; }

/* orange */
#notification-area.orange { background: #cc6229; border: 1px solid #d0743c; border-top-color: #f2ceac; border-bottom-color: #666666; }
#notification-area.orange #notice-content { border-top: 1px solid #e7bb9c; border-bottom: 1px solid #c52806; background: url(../images/orange.gif) repeat-x left top;  }
#notification-area.orange h3 { color: #fff; text-shadow: 0 0 1px #b6753b; }
#notification-area.orange p { color: #eee; text-shadow: 0 1px 1px #663315; }
#notification-area.orange a { color: #fff; }

/* light_orange */
#notification-area.light_orange { background: #c79161; border: 1px solid #debfa0; border-top-color: #efdfd0; border-bottom-color: #292929; }
#notification-area.light_orange #notice-content { border-top: 1px solid #e7bb9c; border-bottom: 1px solid #b9550d; background: url(../images/light_orange.gif) repeat-x left top;  }
#notification-area.light_orange h3 { color: #fff; text-shadow: 0 0 1px #ac9073; }
#notification-area.light_orange p { color: #eee; text-shadow: 0 1px 1px #614a31; }
#notification-area.light_orange a { color: #fff; }

/* green */
#notification-area.green { background: #59b94a; border: 1px solid #6dad50; border-top-color: #caecbf; border-bottom-color: #000000; }
#notification-area.green #notice-content { border-top: 1px solid #ace2b3; border-bottom: 1px solid #0e9e07; background: url(../images/green.gif) repeat-x left top;  }
#notification-area.green h3 { color: #fff; text-shadow: 0 0 1px #6ba25b; }
#notification-area.green p { color: #eee; text-shadow: 0 1px 1px #35612c; }
#notification-area.green a { color: #fff; }

/* light_green */
#notification-area.light_green { background: #6fb960; border: 1px solid #72b962; border-top-color: #d3ebce; border-bottom-color: #000000; }
#notification-area.light_green #notice-content { border-top: 1px solid #b7e2c2; border-bottom: 1px solid #209e09; background: url(../images/light_green.gif) repeat-x left top;  }
#notification-area.light_green h3 { color: #fff; text-shadow: 0 0 1px #7fab76; }
#notification-area.light_green p { color: #eee; text-shadow: 0 1px 1px #395d32; }
#notification-area.light_green a { color: #fff; }