/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* @group Globals */


body {
	color: #323232;
	background: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 150%;
}

.container {
	text-align: left;
	width: 880px;
	min-width: 880px;
	margin: 0 auto;
}

.clearfix {
  clear: both;
}


#container {
	display: block;
}


/* self clearing floats, remember to add these elements to the IE stylesheets (remove :after) */

#container:after, #primary-header:after, #secondary-header:after, #primary-main:after, #secondary-main:after, #footer:after, .left:after, .right:after, #select-charity:after, #need-help:after, #other-players ul li:after, #who-is-playing ul li:after, #charity-impact:after, #game-summary:after, .index:after, #secondary-main-2:after, #game-summary:after, #model:after, #model #info:after, #team li:after, #your-impact ul li:after, #home-index #game-browser ul li:after, #your-impact ul li:after, #registration-dialog:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

a {
	color: #003595;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

h1 {
	font-size: 2.5em;
	letter-spacing: -1px;
	margin: 10px 0 15px;
}

h2 {
	font-size: 1.5em;
	margin: 10px 0 20px;
}

h3, h4 {
	font-size: 1em;
	margin: 5px 0 10px;
}


/* @end */

/* @group Layout */


/* 2 cols (80/20 split) */

.left {
	display: block;
	width:  640px;
	margin-right: 40px;
	float: left;
}

.right {
	display: block;
	width:  200px;
	float: left;
}

.hidden {
  display: none;
  visibility: hidden;
}

/* 2 cols (50/50 split) */

.charities #primary-main .left {
	width:  420px;
	float: left;
	margin: 0 40px 10px 0;
}

.charities #primary-main .right {
	width:  420px;
	float: left;
	margin: 0 0 10px;
}

/* 3 col grid (equal split) */

.landing .middle,
.landing .right, 
.middle.about, 
.right.about {
  margin:0 80px;
}

.landing .left, 
.landing .middle, 
.landing .right,
.left.about, 
.middle.about, 
.right.about {
  float:left;
  margin-right:0;
  width:240px;
}

/* 3 col grid (user landing) */

.left.home-index {
	float:  left;
	width:  260px;
	margin: 0px;
}

.middle.home-index {
	float:  left;
	width:  400px;
	margin: 0px 10px 0px 0px;
}

.right.home-index {
	float:  left;
	width:  210px;
	margin: 0px;
}

/* 2 col (60/40 split) new reg dialog */

#registration-dialog .left {
	width: 370px;
	margin: 10px 30px 0 0;
}

#registration-dialog .right {
	width: 260px;
	margin-top: 10px;
}


/* share secondary-header (Twitter and Add this button) */

.charities #secondary-header .left,
.games #secondary-header .left {
	width:  560px;
	margin-right: 10px;
}

.charities #secondary-header .right,
.games #secondary-header .right {
	width:  310px;
}

/* @end */

/* @group Header */

#primary-header {
	display: block;
	background: url(../images/bg-primary-header.png) repeat-x;
	margin-top:  25px;
}

#primary-header .container {
	background: url(../images/bg-primary-header-texture.png) no-repeat 40px 0;
	height: 109px;
}

#secondary-header {
	display: block;
	border-bottom: 1px solid #E3E3E3;
}

/* Hide this on the game page to make more room for the player */

#game #secondary-header{
	display: none;
}

#game #secondary-header{
	display: none;
}

#login {
	text-align: right;
	color: #fff;
	padding-top: 10px;
}

#login a  {
	color: #fff;
}

#logo {
	background: url(../images/logo.png) no-repeat;
	width: 341px;
	height: 70px;
}

#logo h1{
	display:  none;
}

#nav {
	display: inline-block;
	float: right;
	margin-top: -29px;

}

#nav li {
	display: inline;
	float: left;
}

#nav a {
	font-size: 1.2em;
	text-align: center;
	color: #fff;
	text-decoration: none;
	margin-right: 4px;
	width: 90px;
	padding: 10px;
	float: left;
	background: url(../images/nav-tab.png) no-repeat;
}

#nav a:hover {
	text-decoration: none;
	background: url(../images/nav-tab.png) no-repeat -222px 0;
}

#home-index #homeNav,
.landings #homeNav,.landings #homeNav:hover,
.charities #charitiesNav,
.charities #charitiesNav:hover,
.games #gamesNav,
.game_sessions #gamesNav,
.games #gamesNav:hover,
.game_sessions #gamesNav:hover,
#profiles-show #profileNav {
	color: #044771;	
	font-weight: bold;
	text-decoration: none;
	background: url(../images/nav-tab.png) no-repeat -111px 0;
}

#charity a span {
	background: url(../images/icon-nav-charity.png) no-repeat 62px 0px;
	padding: 0 21px 0 0;
}

#charity a:hover span {
	background: url(../images/icon-nav-charity-hover.png) no-repeat 62px 0px;
}

.charities #charity a span, 
.charities #charity a:hover span {
	background: url(../images/icon-nav-charity-active.png) no-repeat 65px 0px;
}

/* @end */

/* @group Main */

#primary-main {
	display: block;
	padding: 20px 0;
}

#secondary-main {
	display: block;
	background: #f6f6f2 url(../images/bg-secondary-main.png) repeat-x;
	padding: 0 0 30px;
}


/* @end */

/* @group Info Bar */


#info-bar {
	position:fixed;
    top:0;
	z-index:100;
	background-color: #003f60;
	width:  100%;
	text-align: center;
	color: #fff;
	font-size: 1.1em;
	padding: 5px 0;
	border-bottom: 1px solid #003755;
}

#info-bar  a {
	color: #fff;
	margin-left: 10px; 
}


#info-bar span {
	color: #F6871E;
	font-weight: bold;
}



/* @end */

/*  @group Scrollable */

.scrollable {
  position: relative;
  overflow: hidden;
  float: left;
}

.scrollable .items {
  position: absolute;
}

.scrollable.vertical .items {
  height: 20000em;
}

.scrollable.horizontal .items {
  width: 20000em;
}

.scrollable.horizontal .items div {
  float: left;
}


/* scrollable navigation elements */

.navi {
  height: 20px;
  clear: both;
}

.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

.navi a:hover {
	background-position:0 -8px;      
}

.navi a.active {
	background-position:0 -16px;     
} 	

a.prev, 
a.next, 
a.prevPage, 
a.nextPage {
	display:block;
	width:30px;
	height:30px;
	float:left;
	cursor:pointer;
	font-size:1px;
	float: left;
}

a.next, 
a.nextPage {
	background: url(../images/right.png) no-repeat;
}

a.prev, 
a.prevPage {
	background: url(../images/left.png) no-repeat;
}

a.disabled {
	/*visibility:hidden !important;*/	
}


/* @end */

/* @group Welcome Message */

#welcome-message {
	margin: 18px 0;
}

#welcome-message .avatar {
	border:1px solid #E3E3E3;
	float:left;
	margin-right:20px;
	padding:2px;
}

/* @end */



/* @group Game Browser */

#game-browser {
	background: url(../images/bg-quick-play.png) no-repeat 8px 0;
	width: 300px;
	height: 380px;
	padding: 5px 50px 0;
	margin-bottom: 10px;
	
}

#game-browser h2 {
	padding: 5px 0 10px 30px;
	background: url(../images/icon-games-2.png) no-repeat;
	margin: 20px 0 0 40px;
}

#game-browser h3 {
	margin: 5px 0 10px 40px;
}

#game-browser #scrollable {

}

#game-browser .scrollable {
  width: 230px;
  height: 240px;
  float:  left;
  margin: 5px;
}

#game-browser a.next, #game-browser a.nextPage {
	background: url(../images/right.png) no-repeat;
	margin-top: 65px;
}

#game-browser a.prev, #game-browser a.prevPage {
	background: url(../images/left.png) no-repeat;
	margin-top: 65px;
}


#game-browser a.prevPage.disabled, 
#game-browser a.nextPage.disabled, 
.popular-widget a.prevPage.disabled, 
.popular-widget a.nextPage.disabled, 
#mini-game-browser a.prevPage.disabled, 
#mini-game-browser a.nextPage.disabled {
	background-position: 0px -29px;		
}

#game-browser a.prevPage.disabled:hover, 
#game-browser a.nextPage.disabled:hover, 
.popular-widget a.prevPage.disabled:hover, 
.popular-widget a.nextPage.disabled:hover, 
#mini-game-browser a.prevPage.disabled:hover, 
#mini-game-browser a.nextPage.disabled:hover {
  cursor: default;
}

#game-browser .navi {
	width:  110px;
	margin: 0 auto;
}

#game-browser .panes {
  margin-bottom: 20px;
}

.game-browser-pane {
  display: block;
  height: 285px;
}

.game-browser-tile {
  height: 100px;
  width: 80px;
  padding: 2px;
  text-align: center;
  font-weight: bold;
  font-size: 0.8em;
  color: #323232;
}

#home-index #game-browser ul  {
	margin-bottom: 20px;
}
#home-index #game-browser ul li {
	margin-bottom: 10px;
	clear: both;
}

#home-index #game-browser ul li img {
	float:  left;
}

#home-index #game-browser ul li p {
	float: left;
	margin-left: 10px;
	width: 140px;
	text-align: left;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 130%;
}

#home-index #game-browser ul li p a {
	font-weight: bold;
	line-height: 120%;
	color: #F6871E;
}

#home-index #game-browser .game-browser-tile {
  	width: 250px;
 	color: #323232;
 	float: left;
 	font-size: 0.9em;
}



/* @end */

/* @group Mini-Game Browser */


#mini-game-browser {
  background:transparent url(../images/bg-quick-play-short.png) no-repeat;
  height: 150px;
  padding: 35px 0 20px;
  margin-top: 10px;
}

#mini-game-browser h3 {
	text-align: center;
}

#mini-game-browser #scrollable {
  width: 340px;
  margin-left: 40px;
}

#mini-game-browser .scrollable {
  width: 250px;
  height: 105px;
  margin: 0 10px;
}

#mini-game-browser a.prev, 
#mini-game-browser a.prevPage, 
#mini-game-browser a.next, 
#mini-game-browser a.nextPage {
	margin-top: 30px;
}

#mini-game-browser .navi {
	width:  110px;
	margin: 0 auto;
}

/* @end */

/* @group Popular Games Widget */

.popular-widget {
	height: 106px;
	background: url(../images/bg-game-browser-scroller-2.png) no-repeat;
	padding: 3px 0 20px 30px;
}

.popular-widget .scrollable {
	width: 500px;
	height: 100px;
	margin: 0 10px;
	padding-bottom: 10px;
}

.popular-widget .navi {
	width: 70px;
	margin: 0 0 0 250px;
}

.popular-widget a.next, 
.popular-widget a.nextPage {
	background: url(../images/right-2.png) no-repeat;
	margin-top: 30px;
}

.popular-widget a.prev, 
.popular-widget a.prevPage {
	background: url(../images/left-2.png) no-repeat;
	margin-top: 30px;
}

/* @end */

/* @group Achievement Status */

#achievement-status {
	padding-left: 15px;
}

#achievement-status h2 {
	background: url(../images/icon-profile-2.png) no-repeat;
	padding: 5px 0 10px 32px;
	border-bottom: 1px solid #ededed;
	margin-top: 20px;
}

#achievement-status p {
	margin-bottom: 20px;
}

#achievement-bar {
	width: 200px;
	height: 26px;
	background-color: #f6f6f2;
	margin-bottom: 20px;
}

/* Bar graph credit goes to: http://apples-to-oranges.com/blog/post/css-for-bar-graphs/?id=55 */

.graph {
	width: 200px;
	height: 26px;
	background-color: #f6f6f2;
	margin-bottom: 20px;
}

.graph .bar {
  display: block;
  position: relative;
  background: transparent url(../images/bg-current-score.png); 
  text-align: center; 
  color: #333; 
  height: 2em; 
  line-height: 2em;    
}

.graph .bar span {
  position: absolute;
  left: 1em;
}

#achievement-score {
	width: 50%;
	height: 26px;
	background: url(../images/bg-current-score.png) repeat-x;
}

.outstanding li {
	background: url(../images/icon-plus.png) no-repeat;
	padding: 0 0 5px 30px;
}

.completed li {
	background: url(../images/icon-tick.png) no-repeat;
	padding: 0 0 5px 30px;

}

ul.outstanding * .objective-charity {
  font-weight: bold;
  font-size: 135%;
}

.completed, .completed a {
	color: #cfcfcf;
}

/* @end */

/* @group Announcement */

#announcement {
  background: #E6EFC2 url(../images/icon-announcements.png) no-repeat 5px 5px;
  padding: 10px;
  border: 1px solid #C6D880;
  color: #264409;
  margin: 10px 0 30px;
  font-weight: normal;
  font-size: 1.2em;
  font-weight: bold;
}

#announcement p {
  font-size: 0.9em;
  margin: 0 0 0 30px;
  padding: 0;
  font-style: normal;
}


/* @end */

/* @group Leaderboards */

#leaderboards h2 {
	background: url(../images/icon-leaderboard.png) no-repeat 0 3px;
	border-bottom: solid 1px #cfcfcf;
	padding: 10px 0 10px 33px;
}

#leaderboards h2 span{
	font-size: 0.65em;
	font-weight: normal;
}

#leaderboards table {
	width: 100%;
	margin-bottom: 20px;
}


#leaderboards table th {
	height: 40px;
	vertical-align: top;
	padding: 3px;
}

#leaderboards table td {
	vertical-align: middle;
	padding: 3px;
}

#leaderboards table td.players-rank{
	width: 30px;
}

#leaderboards table td.players-avatar{
	width: 40px;
}

#leaderboards table td.players-name{
	width: 100px;
}

#leaderboards .players-rank {
	text-align: center;
}

#leaderboards table th, 
#leaderboards table td .players-rank {
	width: 100px;
}

#leaderboards tr {
  height: 40px;
}

#leaderboards .stripe {
	background-color: #dbdbd8;
}


#players-name {
	float:  left;
}

/* @end */

/* @group Favorite Charity */

#favorite-charity {
	padding-top: 3px;
}

#favorite-charity h2 {
	background: url(../images/icon-charity.png) no-repeat 0 5px;
	border-bottom: solid 1px #cfcfcf;
	padding: 10px 0 10px 33px;
}


#favorite-charity .charity-logo {
	float: left;
	margin-right: 10px;
}

#favorite-charity .find-favorite {
	margin-top: 20px;
}

.charity-logo img {

}

#favorite-charity h3 {
	font-size: 1.2em;
 	height: 58px;
 	padding-top: 15px;
 	margin-bottom: 0px;
}


#charity-buzz {
	clear:  both;
	margin-top: 20px;
}

#charity-buzz .buzz {
	background: url(../images/icon-twitter.png) no-repeat 0 0;
	padding: 5px 20px 5px 28px;
}

#charity-buzz .news {
	background: url(../images/icon-rss.png) no-repeat 0 0;
	padding: 5px 0 5px 25px;
}

#charity-buzz .panes {
  clear: both;
}

#charity-buzz li {
  list-style: none;
  float: left;
}

#charity-buzz .tweet-bubble {
	background-color: #dbdbd8;
	margin-top: 20px;
	padding: 5px 8px;
}

#charity-buzz .tweeter {
	background: url(../images/tweet-grey.png) no-repeat 30px -2px;
	padding-top: 5px;
	width: 200px;
}

.tweeter a {
	color:  #6e6666;
}

/* @end */

/* @group Games Sessions */

.game_sessions #sidebar #tell-a-friend {
	margin: 0 0 10px;
}

.game_sessions #sidebar #add-this {
	margin: 10px 0 20px;
}

#boss {
	
}

#boss a {
	font-weight: bold;
}

/* @end */

/* @group Game Player */

#game-player {
	width: 640px;
	height: 575px;
	margin: -10px 0 10px;
	border: 1px solid #EDEDEB;
}


/* @end */


/* @group Select Charity / Game Sponsor */

#game-sponsor {
	padding-bottom: 5px;
}

#game-sponsor h2 {
  margin: 10px 0 10px 0;
}

#game-sponsor h3, 
#select-charity h3  {
  color: #A2A2A2;
  font-weight: bold;
  font-size: 0.9em;
  border-top: solid 1px #EDEDEB;
  margin: 5px 10px 0 5px;
  padding-top: 5px;
}


#select-charity p.charity-picker-simple {
	font-weight: bold;
	margin: 10px 0 5px;
}

#select-charity select#charity-picker-simple  {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 20px;
}

#select-charity a {
	display: block;
}

#select-favorite-charity h3 {
	background: url(../images/icon-charity-3.png) no-repeat;
	border-bottom: solid 1px #EDEDEB;
	font-size: 1.5em;
	padding: 5px 0 10px 33px;
	margin-bottom: 20px;
}

#select-charity .charity-logo {
	float: left;
	border: 3px solid #ededeb;
	margin-right: 20px;
}

#select-charity #charity-name h3 {
	font-size:1.2em;
}

#charity-name p {
	margin: 10px 0 15px;
}

a.open-charity-picker {
	font-weight: bold;
}

#profiles-show a.open-charity-picker {
	display: block;
	padding-bottom: 30px;
}

/* @end */

/* @group Charity Bio */

.charities h1.logged-out {
	padding-top: 15px;
}

#charity-bio {
	margin: 0 0 20px;
	padding-top: 20px;
	font-size: 1.5em;
	line-height:150%;
}

#charity-bio ul {
	margin: 20px 0;
}

#charity-bio p {
	margin-bottom: 20px;
}

#charity-bio p .markdown {
	margin-top: 20px;
}

#charity-bio ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
}

#charity-bio .details .re-collapse a{
	text-decoration: none;
}

#charity-bio #sliding-div {
	display:none;
	margin-bottom: 20px;
	font-size: 0.7em;
	line-height:140%;
}

#charity-bio #sliding-div ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin: 10px 0 10px 20px;
}

#charity-bio #sliding-div p.markdown {
	display:none;
}

#charity-bio .charity-website-link {

}

.charity-description-toggle {
	font-size: 0.7em;
}

/* @end */

/* @group Charity News/Buzz */

#news h2 {
	background: url(../images/icon-news.png) no-repeat 0 5px;
	border-bottom: solid 1px #EDEDEB;
	padding: 10px 0 10px 30px;
	margin-bottom: 30px;
}

#buzz h2 {
	background: url(../images/icon-twitter-2.png) no-repeat 0 5px;
	border-bottom: solid 1px #EDEDEB;
	padding: 10px 0 10px 42px;
	margin-bottom: 30px;
}

#buzz .tweet, 
#news .news-post {
	float: left;
	width:  190px;
	margin-right: 20px;
	height: 135px;
}

#buzz .tweet-bubble {
	background-color: #dbdbd8;
	padding: 5px 8px;
}

#buzz .tweeter {
	background: url(../images/tweet-white.png) no-repeat 60px -2px;
	padding-top: 5px;
	margin-bottom: 20px;
}

/* @end */

/* @group Share */

#share h3 {
	font-weight: normal;
	background: url(../images/icon-twitter-3.png) no-repeat;
	height: 30px;
	margin-top: 50px;
	padding-left: 30px;
}

#share h3 ul li {
	float:  left;
	padding-right: 8px;
}

#share h3 img {
	margin-top: 2px;
}

/* @end */

/* @group Twitter */

.twitter {
	display: block;
	margin-top: 40px;
	background: url(../images/icon-twitter.png) no-repeat;
	padding: 3px 0 5px 30px;
}

.twitter.about {
	display: block;
}

.twitter.light {
	margin-top: 50px;
	background: url(../images/icon-twitter-4.png) no-repeat;
	padding: 3px 0 5px 30px;
}

/* @end */

/* @group Your Impact */

#your-impact {
	padding-right: 15px;
}

#your-impact h2 {
	background: url(../images/icon-impact.png) no-repeat;
	padding: 5px 0 10px 30px;
	margin-top: 20px;
	border-bottom: 1px solid #ededed;
}

#your-impact h3.second {
	margin-top: 20px;
}

#your-impact h3 span {
	font-size: 0.9em;
	font-weight: normal;
	color: #a2a2a2;
}

#your-impact ul li {
	margin-bottom: 10px;
	clear: both;
}

#your-impact ul li img {
	float:  left;
}

#your-impact ul li p {
	margin-left: 10px;
	width: 160px;
	float: left;
}

#your-impact .more-charities {
	display:block;
	padding-bottom: 10px;
}

#your-impact .sliding-div {
	display: none;
}

/* @end */

/* @group Charity Impact */


.charities .charity-logo {
	margin: 10px 0;
	float: right;
}

.charities #secondary-header .right {
	text-align: center;
}

#charity-impact {
	float: left;
	width: 720px;
}

#charity-impact h1 {
	margin: 15px 0 20px;
}

#charity-impact h2 {
	margin: 10px 0;
}

#charity-impact-links {
	margin-top: -5px;
}

#charity-impact-links li {
	display: inline;
	float: left;
	margin-right: 10px;
}

#charity-impact-links .select-favorite {
	display: inline-block;
	background: url(../images/icon-select-as-favorite.png) no-repeat;
	height:19px;
	padding: 5px 0 5px 40px;
}

#charity-impact-links .current-favorite {
	display: inline-block;
	background: url(../images/icon-charity-3.png) no-repeat;
	height:19px;
	padding: 5px 0 5px 30px;
}

#charity-impact-links .invite-friend {
	display: inline-block;
	background: url(../images/icon-email.png) no-repeat;
	padding: 5px 0 5px 45px;
}


#home-index #charity-impact-links {
	margin-top: 45px;
}


#home-index #secondary-header .left .favorite-charity {
	background: url(../images/icon-charity-4.png) no-repeat;
	display: inline-block;
	padding: 0 0 0 20px;
	font-weight: bold;
}

#home-index #secondary-header .right .charity-logo {
	padding: 10px 0;
	float: right;
}

/* @end */

/* @group My Profile */

#profiles-show #welcome-message {
	float: left;
	margin: 8px 0 15px;
}

#profiles-show #welcome-message h1 {
	margin-bottom: 15px;
}

#profile-links li {
	display: inline;
	float:  left;
	margin-right: 15px;
}

#profile-links li.profile {
	background: url(../images/icon-profile.png) no-repeat;
	padding-left: 30px;
	padding-bottom: 2px;
}

#profile-links li.password {
	background: url(../images/icon-password.png) no-repeat 0 3px;
	padding-left: 35px;
}

#profile-links a.active {
	color: #fbab19;
}

#profiles-show .avatar {
	float: left;
	border:1px solid #E3E3E3;
	margin-right: 20px;
}

#profile-form {
	margin-bottom: 40px; 
}

#profile-form h2 {
	margin-top: 15px;
	display: inline;
	float:left
}

#profile-form #save-profile-changes,
#account-form #change-password  {
	margin-top: 10px;
}

#profile-form .errorExplanation, 
#profile-form .success {
	width:  500px;
}

/* @end */

/*  @group Charity Picker */

div.overlay {
  background-image: url(../images/overlay/white.png);
  background-repeat: no-repeat;
  display:none;
  padding: 30px 55px 55px;
  width: 600px;
  height: 470px;
}

div.overlay div.close {
  position: absolute;
  background-image: url(../images/overlay/apple-close.png);
  right: 5px;
  top: 5px;
  cursor: pointer;
  height: 28px;
  width: 28px;
}

#charity-picker {
  height: 300px;
  width: 500px;
}

#charity-picker .scrollable {
  position: relative;
  overflow: hidden;
  width: 500px;
  height: 350px;
  clear: both;
  margin: 10px 0;
}

#charity-picker .scrollable .items {
  height: 20000em;
  position: absolute;
}

#charity-picker a.prev, 
#charity-picker a.next, 
#charity-picker a.prevPage, 
#charity-picker a.nextPage {
  margin-left: 250px;
  cursor: pointer;
  display: block;
  margin-top: 0px;
  width: 40px;
  height: 40px;
}


#charity-picker a.next, 
#charity-picker a.nextPage {
	background: url(../images/down.png) no-repeat;
}

#charity-picker a.prev, 
#charity-picker a.prevPage {
	background: url(../images/up.png) no-repeat;
}

#charity-picker a.prev.disabled, 
#charity-picker a.next.disabled, 
#charity-picker a.prevPage.disabled, 
#charity-picker a.nextPage.disabled {
	background-position: 0px -40px;		
}

#charity-picker a.prev:hover, 
#charity-picker a.next:hover, 
#charity-picker a.prevPage:hover, 
#charity-picker a.nextPage:hover {
  cursor: default;
}

#charity-picker .navi {
	width: 50px;
}

.charity-picker-item {
  float: left;
  border-bottom: 1px solid #eee;
  clear: both;
  width: 498px; 
  height: 100px;
  padding: 10px 0;
}

.charity-picker-item:hover {
  pointer: cursor;
}

.charity-picker-item .description {
  float: right;
  width: 390px;
  margin-left: 20px;
}

.charity-picker-item img {
  float: left;
  width: 70px;
  height: 70px;
}

.charity-picker-item img:hover {
  border: 1px solid #fff;
}

.charity-picker-item .description h2 {
  margin: 0;
  padding: 0 0 5px 0;
}

#select-charity .wrapped {
  min-height: 115px;
}

/* @end */

/*  @group Ticker */

#ticker.scrollable {
  margin-top: 10px;
  height: 130px;
  width: 200px;
}

.ticker-item {
  width: 200px;
}

#charity-buzz .ticker-item .news-post,
#charity-buzz .ticker-item .tweet-bubble {
  margin-top: 0;
}

/* @end */

/*  @group Help Component */

#help-content.wrap {
  overflow-y: auto;
  height: 400px;
}

/* @end */

/*  @group Charity/Game Indexes */

.index {
  background:transparent url(../images/index-scrollable-bg.png) no-repeat scroll 0 0;
  margin-top:-5px;
  width:880px;
  padding: 40px 0 0 0;
}

.index #scrollable {
	width: 880px;
}

.index div.scrollable {
  float:left;
  height:330px;
  overflow:hidden;
  padding: 5px 0 15px;
  position:relative;
  width:770px;
  margin: 0 0 30px 10px;
}

.index div.scrollable div.items {
  clear:both;
  position:absolute;
  width:20000em;
}

.index div.scrollable div.items div {
  float:left;
  margin-right:10px;
  width:183px;
}

.index a.next, .index a.nextPage  {
	margin-top: 80px;
	width:  40px;
	height:  40px;
	background: url(../images/right-3.png) no-repeat 0 0;
}

.index a.prev, .index a.prevPage {
	margin-top: 80px;
	margin-left: 10px;
	width:  40px;
	height:  40px;
	background: url(../images/left-3.png) no-repeat 0 0;
}

.index a.next:hover, .index a.prev:hover {
	background-position: 0px -40px;	
}


.index .items p {
    height: 130px;
	margin: 10px 0;
}

.index .items a.more {
	font-weight: bold;
	height: 29px;
	width: 67px;
	color: #fff;
	text-decoration: none;
	background: url(../images/btn-index-more.png) no-repeat 0 0;
	float:  left;
	margin-top: 20px;
	padding-top: 4px;
	text-align: center;
}

.index a.nextPage.disabled, 
.index a.prevPage.disabled {
	background-position: 0px -40px;	
}

.index a.nextPage.disabled:hover, 
.index a.prevPage.disabled:hover {
  cursor: default;
}

.index .items a.more:hover {
	background-color: #fbab19;
	background: url(../images/btn-index-more.png) no-repeat -68px 0;
}

.index .navi {
	width: 45;
	margin-left: 400px;
}

/* @end */


/* @group Landings Index */

.landing .blog-post a {
	color:#F6871E;
	font-weight: bold;
}

.landing #primary-main {
  padding: 0;
  background: url(../images/bg-secondary-main.png) repeat-x 0 bottom;
  height: 320px;
}

.landing #secondary-header {
  border: none;
  padding: 0;
}

.landing #secondary-main  {
	background: #f6f6f2 none;
	padding-top: 0px;
	margin-top: -10px;
}

.landing #elevator-pitch {
	margin-top: 10px;
}

.landing #elevator-pitch #screens {
	width: 396px;
	height: 293px;
	background: url(../images/screen-home.png) no-repeat 0;
	float:right;
	margin-top: 10px;
}

.landing #elevator-pitch #call-to-action {
	float: left;
	width: 450px;
	margin-top: 30px;
}

.landing #elevator-pitch #call-to-action a.tour, 
.landing #elevator-pitch #call-to-action a.play-now {
	width:  153px;
	height:  47px;
	display: block;
	text-align: center;
	float: left;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding-top: 12px;
	margin: 30px 10px 0 0;
}


.landing #elevator-pitch #call-to-action a.play-now {
	background: url(../images/btn-play-now.png) no-repeat;
	font-size: 1.1em;
}

.landing #elevator-pitch #call-to-action a.tour {
	background: url(../images/btn-tour.png) no-repeat;
	font-size: 0.8em;
}


.landing #elevator-pitch #call-to-action a.play-now:hover {
	background: url(../images/btn-play-now.png) no-repeat -154px 0;
}

.landing #elevator-pitch #call-to-action a.tour:hover {
	background: url(../images/btn-tour.png) no-repeat -154px 0;
}


.landing #elevator-pitch #call-to-action h1 {
	line-height: 120%;
	font-size: 2.5em;
}

.landing #elevator-pitch #call-to-action p {
	font-size: 1.5em;
}



.landing #secondary-main-2 .middle {
	padding-top: 20px;
}

.landing h2.games, 
.landing h2.sponsors, 
.landing h2.charities {
  background:transparent url(../images/icon-games.png) no-repeat scroll 0 0;
  font-size:1.6em;
  height:30px;
  margin: 10px 0 20px;
  padding:5px 0 0 35px;
 border-bottom: solid 1px #cfcfcf;
}

.landing h2.sponsors {
  background:transparent url(../images/icon-sponsors.png) no-repeat scroll 0 0;
}

.landing h2.charities {
  background:transparent url(../images/icon-charity-2.png) no-repeat scroll 0 0;
}

.landing #secondary-main ul li, 
.landing #secondary-main-2 ul li {
  margin: 15px 0;
  clear:both;
}

.landing #secondary-main-2 {
	background: #eeeeea url(../images/bg-secondary-main-2.png) repeat-x;
	padding: 35px 0;
}

ul.featured img {
  float:left;
  margin-right:10px;
}

ul.featured span, 
ul.featured a {
  color:#F6871E;
  font-size:1.3em;
  font-weight:bold;
  padding-bottom: 10px;
}

ul.featured p {
  margin-left:80px;
}

ul.featured a.subtle {
  color: #777;
  font-size: 95%;
  padding-top: 10px;
  display: block;
}

#donation-projection {
  margin: 20px 0;
}


.landing ul.blog {
	width:  240px;
}

.landing .blog .date {
	float:  left;
	background: url(../images/bg-date.png) no-repeat;
	width:  62px;
	height: 60px;
	margin: 0 15px 65px 0;
	padding-top: 12px;
}

.landing .blog .date span {
	display: block;
	font-size: 2em;
	text-align: center;
}

.landing .blog .date span.month {
	font-size: 1em;
}

.landing .about-us p {
	margin-bottom: 20px;
}



/* @end */

/* @group Impact Unit */

#impact-desc {
  background: #E6EFC2 url(../images/icon-dollar.png) no-repeat 5px 5px;
  padding: 10px;
  border: 1px solid #C6D880;
  color: #264409;
  margin: 10px 0;
  font-weight: normal;
  font-size: 1.2em;
  font-weight: bold;
}

#impact-desc p, em {
  font-size: 0.9em;
  margin: 0 0 0 30px;
  padding: 0;
  font-style: normal;
}


#impact-desc em {
	color: #aac150;
	font-size: 0.85em;
	font-weight: normal;
}

/* @end */

/* @group Donation Ticker */

#donation-ticker {
  padding: 5px;
  border: 1px solid #C6D880;
  background: #E6EFC2; 
  color: #264409;
  margin: 5px 0 15px;
}


#donation-ticker h3 {
	font-size: 1em;
	padding-left:  40px;
	padding-top: 5px;
	background: url(../images/icon-dollar.png) no-repeat;
    height: 30px;
    margin-bottom: 0px;
    line-height: 120%;
}

#donation-ticker h3 em {	
	margin-left:  0px;
	padding: 3px;
	color: #fff;
	font-style: italic;
	background: url(../images/bg-donation-ticker-em.png) repeat-x;
}

#donation-ticker span#amount {
  font-size: 1.5em;
  font-weight: bold;
  padding-left:  40px;
  line-height: 200%;
}

#donation-ticker h4 {
	font-size: 1em;
	color: #95a35f;
	padding-left: 40px;
	line-height: 120%;
	margin-top: 0px;
}


/* @end */

/* @group Login/Register */


#user_sessions-new h1, 
#users-new h1, 
#password_resets-new h1,
#user_sessions-create h1,
#users-create h1{
	line-height: 120%;
}

#users-create .errorExplanation, 
#users-create .success, 
#user_sessions-create .errorExplanation, 
#user_sessions-create .success, 
#account-form .errorExplanation, 
#account-form .success{
	width:  500px;
}

#users-create .errorExplanation ul, 
#user_sessions-create .errorExplanation ul {
	padding:  0em;
}

#registration-dialog-login {
  float: right;
  font-size: 110%;
  margin-bottom: 15px;
}

#registration-dialog {
  clear: both;
  width: 680px;
}

.coppa {
	font-size: 0.8em;
	margin-left: 5px;
}

#create-my-account {
	margin: 15px 0 30px;
}

#sign-in{
	margin: 30px 0 0;
}

#reset-password, .save-profile-changes, 
.change-password {
	margin: 10px 0 30px;
}

.sign-in-links {
	margin: 10px 0 30px;
}

p.legals {
	margin-top: 20px;
}

.errorExplanation li {
  list-style: disc;
  margin-left: 25px;
}

#registration-dialog .wrap {
  width: 100%;
  padding: 5px;
}

#registration-dialog form {
  padding-bottom: 0px;
}

#registration-dialog form ul {
  padding: 0;
}

#registration-dialog  h1 {
  line-height: 120%;  
  padding: 0;
  margin: 0 0 10px;
}

#registration-dialog  h1 a {
	font-size: 0.55em;
	font-weight: normal;
	float: right;
	margin-top: -20px;
	letter-spacing: 0px;
}

#registration-dialog h3 {
  border-bottom: 1px solid #ededeb;
  margin: 0 0 10px;
  padding: 0 0 10px 0;
  font-size: 1em;
  line-height: 120%;
}

#registration-dialog input.text, 
#registration-dialog input.title   { 
	width: 370px; 
	padding:5px; 
}

#registration-dialog input.title, 
select.title   { 
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#registration-dialog .right img {
	border: 3px #ededed solid;
}

#registration-dialog #create-my-account {
	margin: 15px 0 0;
}

#registration-dialog #impact-example {
	color:  #ccc;
}

.label-checkbox-pair {
	margin-top: 10px;
	clear: both;
	float: none;
}

.label-checkbox-pair input {
	clear: left;
	float: left;
}

.label-checkbox-pair label {
	float: left;
	margin-left: 10px;
}


/* @end */

/* @group Import Contacts Flow */

.contacts h1 {
	line-height: 120%;
	margin-bottom: 10px;
}

.contacts h2 {
	font-weight: normal;
	margin-top: 0px;
}

.contacts #import-google, 
.contacts #import-yahoo, 
.contacts #import-windows-live {
	width: 140px;
	height: 70px;
	margin-top: 10px;
} 

.contacts #import-google {
	margin-top: 20px;
}

.contacts #import-google a {
	display: block;
	background: url(../images/add-google.png) no-repeat;
}

.contacts #import-yahoo a {
	display: block;
	background: url(../images/add-yahoo.png) no-repeat;
}

.contacts #import-windows-live a {
	display: block;
	background: url(../images/add-windows-live.png) no-repeat;
}

.contacts #import-google a, 
.contacts #import-yahoo a, 
.contacts #import-windows-live a{
	width: 140px;
	height: 70px;
	text-decoration: none;
} 


.contacts .just-play {
	clear: both;
	margin: 0 0 20px;
}

.contacts #import-contacts {
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	padding: 20px;
	margin-bottom: 20px;

}

.contacts #import-contacts table{
	width: 100%;
}

.contacts #import-contacts tr {
   border-bottom: 1px solid #dcdcdb;
}

.contacts #import-contacts td {
	padding:  5px;
}

.contacts #import-contact td .name{
	width: 300px;
}

.contacts #import {
	margin-bottom: 30px;
}

.contacts #invites-sent {
	height: 250px;
	width: 250px;
	background: url(../images/icon-invites-sent.png) no-repeat;
	margin: 10px 0 30px 120px;
}

.contacts h2.invite-emails {
	font-weight: bold;
	line-height: 120%;
}

.contacts #invite-my-friends {
	margin: 10px 0;
}

.contacts label span {
	font-weight: normal;
}

.contacts #secondary-header.invite-friends {
	border: none;
}

.contacts #primary-main.invite-friends .left {
	border-right: #E3E3E3 1px solid;
	width: 639px;
}

.contacts #primary-main.invite-friends  {
	padding-top: 10px;
	margin-bottom: 20px;
}


.contacts .invite-friends  .error, 
.contacts .invite-friends .notice{
	margin-right: 40px;
}


/* @end */

/* @group Tour */

.tour h1 {
	line-height: 120%;
	margin: 0px 0 10px;
}

.tour .left {
	margin-right:0px;
	padding-bottom: 40px;
}

.tour .right {
	padding-left: 40px;
	border-left:1px solid #E3E3E3;
	width:199px;
	height: 520px;
	margin: 50px 0 30px;
}

.tour .panes p {
	margin: 0 0 20px;
	width:  610px;
}

.tour a.current {
	color:#323232;
	font-weight: bold;
	text-decoration: none;
}

.tour a.play-now {
	width:  153px;
	height:  47px;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	color: #fff;
	text-decoration: none;
	padding-top: 12px;
	margin: 30px 10px 5px 0;
}


.tour a.play-now {
	display: block;
	background: url(../images/btn-play-now.png) no-repeat;
}

.tour a.play-now:hover {
	background: url(../images/btn-play-now.png) no-repeat -154px 0;
}

.tour .tabs li {
	border-bottom: #EDEDEB 1px solid;
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 0 15px 35px;
	margin-top: 5px;
}

.tour-one {
	background: url(../images/tour-bullet-one.png) no-repeat 0 10px;
}

.tour-two {
	background: url(../images/tour-bullet-two.png) no-repeat 0 10px;
}

.tour-three {
	background: url(../images/tour-bullet-three.png) no-repeat 0 10px;
}


/* @end */

/* @group FAQ */

h1.faq {
	line-height:120%;
}

.left.faq ul#questions {
	list-style-position: outside;
	list-style-type: disc;
	margin: 0 0 40px 20px;
}

.left.faq h3 {
	font-size: 1.2em;
}

.left.faq .back-to-top {
	padding-bottom: 10px;
	font-size: 0.9em;
	border-bottom: 1px solid #ededeb;
	margin: 10px 0 40px;
}

.left.faq .back-to-top a {
	color: #F6871E;
}

/* @end */

/* @group About */

#secondary-header h1.about{
	line-height: 120%;
}

#model {
	margin-bottom: 30px;
}

#model .progress-bar {
	background: url(../images/model-progress-bar.png) no-repeat;
	width: 880px;
	height:  213px;
	margin-bottom: 10px;
}

#model .progress-bar h2{
	display: inline;
	color: #fff;
	float:  left;
	line-height: 100%;
	margin: 10px 0 0 50px;
}

#model #we-donate {
	margin-left: 230px;
}

#model #no-catch {
	margin-left: 235px;
}

#model #info {
	border-top: 1px #ededed solid;
	border-bottom: 1px #ededed solid;
	padding: 10px 0;
	font-style: italic;
	font-size: 0.9em;
}

#story {
	float:left;	
	width: 600px;
	margin-right: 40px;
}

#story img {
	border: 5px solid #ededed;
	margin-bottom: 20px;
}

#story h2, #team h2 {
	border-bottom: 1px #ededed solid;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

#story h2 {
	background: url(../images/icon-games-2.png) no-repeat 0 -2px;
	padding-left: 30px;
}

#team.right {
	width: 240px;
}

#team h2 {
	background: url(../images/icon-profile-2.png) no-repeat 0 -1px;
	padding-left: 35px;
}

#story p {
	margin-bottom: 20px;
}

#story p.first {
	font-size: 1.5em;
	line-height: 150%;
}

h2.about.blog {
	float:left;	
	width: 560px;
	margin-right: 40px;
	padding: 10px 0 10px 40px;
	border-bottom: 1px solid #cfcfcf;
}

h2.about.address {
	float: left;
	width:  207px;
	margin-right: 0px;
	padding: 10px 0 10px 33px;
	border-bottom: 1px solid #cfcfcf;
}

h2.about.blog {
	background: url(../images/icon-blog.png) no-repeat 0 5px;
}

h2.about.address{
	background: url(../images/icon-sponsors.png) no-repeat 0 5px;
}

.about .blog-post a {
	color:#F6871E;
	font-weight: bold;
}

.about ul.blog {
	width:  240px;
}

.about ul.blog li {
	clear: both;
	margin: 15px 0px 0;
	padding-left: 10px;
}

.about .blog .date {
	float:  left;
	background: url(../images/bg-date-2.png) no-repeat;
	width:  62px;
	height: 60px;
	margin: 0 15px 65px 0;
	padding-top: 12px;
}

.about .blog .date span {
	display: block;
	font-size: 2em;
	text-align: center;
}

.about .blog .date span.month {
	font-size: 1em;
}

.right.about h3.contact-us {
	margin-top: 20px;
}

.right.about {
	margin-top: 10px;
}

#team {
	padding-bottom: 20px;
}

#team .team-member {
	width:  170px;
	float: left;
	margin: 0 10px 10px 0;
}

#team .avatar {
	float: left;
	width: 50px;
	padding: 2px;
	border: 1px solid #ededed;
}

#team li {
	border-bottom: 1px solid #ededed;
	padding-bottom: 10px;
	margin-top: 10px;
}

#team li a {
	font-weight: bold;
}

#team .sliding-div-1, 
#team .sliding-div-2, 
#team .sliding-div-3, 
#team .sliding-div-4,
#team .sliding-div-5 {
	clear: both;
	display:  none;
}


#team p{
	font-size: 0.9em;
	margin-bottom: 10px;
}

#team p a{
	font-weight: normal;
	color:#F6871E;
}

/* @end */

/* @group Footer */

#footer {
	display: block;
	font-size: 0.85em;
	background-color: #000;
	height:  50px;
	padding-top: 30px;
	color:  #fff;
}

#footer li {
	display: inline;
	margin-right: 5px;
	float: left;
}

#footer .right {
  width: 260px;
  text-align: right;
}

#footer .right li {
  float: right;
}

#footer .left {
  width: 580px;
}

#footer .left span {
  margin-left: 20px;
}

#footer a {
	color: #fff;
	margin-left: 5px;
}

/* @end */

/* @group Legals */

#legal {
	margin: 20px 0 50px;
}

#legal p {
	margin: 20px 0;
}

#legal ol {
	list-style-type: decimal;
	list-style-position: inside;
}

#legal ol li{
	padding: 10px 0;
}

/* @end */

/* @group Facebox */

#facebox .b {
  background:url(/images/facebox/b.png);
}

#facebox .tl {
  background:url(/images/facebox/tl.png);
}

#facebox .tr {
  background:url(/images/facebox/tr.png);
}

#facebox .bl {
  background:url(/images/facebox/bl.png);
}

#facebox .br {
  background:url(/images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

/* @end */

/* @group Challenge Dialog */


#challenge-dialog .success {
  width: 590px;
}

#flash {
  width: 880px;
  min-width: 880px;
  margin: 0 auto;
}

#flash .error, #flash .notice {
  margin-bottom: 5px;
}

/* @end */

/* @group Country Unsupported */

#country-unsupported #welcome-message h1 {
	line-height: 120%;
}

/* @end */


/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text],
input.text, input.title, select.title,
textarea, select { 
  background-color:#fff; 
  border:1px solid #bbb; 
}
input[type=text]:focus, 
input.text:focus, input.title:focus, select.title:focus,
textarea:focus, select:focus { 
  border-color:#666; 
}

input[type=text], 
input.text, input.title, select.title,
textarea, select {
  
}

input.text, 
input.title   { width: 500px; padding:8px; }
input.title, select.title, textarea.title   { font: 1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
textarea, textarea.medium   { width: 590px; height: 250px; padding:5px; }
textarea.medium { height: 100px; }

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio { 
  position:relative; top:.25em; 
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }
form {
	clear: both;
}

form ul {
	padding: 10px 0;
}

form li {
	clear: both;
	margin: 0px 0 5px;
}

input.submit {
  border:1px solid #CCCCCC;
  font-size: 1.5em;
  padding:5px;
}  

/* Success, notice and error boxes
-------------------------------------------------------------- */

.errorExplanation,
.error,
.notice, 
.success    { padding: .8em; margin-top: 1em; margin-bottom: 2em; border: 2px solid #ddd; }

.error, .errorExplanation      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.errorExplanation h2 {
  margin: 0 0 5px 0;
  font-size: 1em;
  float: none !important;
}
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }