@charset "UTF-8";
/* CSS Document */

body {
	background:#fff url(../img/background.png) fixed;
	color:#666;
	font-family:Georgia,Times,serif;
	font-size:16px;
	margin:0;
	padding:0;
	line-height:26px;
}

a {
	text-decoration:none;
	color:#01D506;
}

	a:hover {
		text-decoration:underline;
	}

img {
	vertical-align:middle;
}

h1 {
	font-weight:normal;
	color:#666;
	display:table;
	padding:0px;
	margin:20px 0;
	/*background-color:#7a5;*/
	font-variant:small-caps;
	font-size:40px;
}


.header p {
	font-size:36px;
	line-height:56px;
	font-weight:normal;
	letter-spacing:-1px;
	margin:0;
	color:#a8a8a8;
	text-align:justify;
}

	.header p strong {
		color:#666;
		font-style:normal;
		font-weight:normal;
	}


	.biglogo {
		float:left;
		margin-right:20px;
		margin-top:10px;
		overflow:auto;
	}

h5 {
	height:25px;
	margin:4px;
	overflow:hidden;
}

/******* FORM STUFF ********/

.username {
	background:transparent url(../img/input_bg.png) repeat-x scroll 0 0;
	border:2px solid #ccc;
	color:#666666;
	font-family:Georgia,Times,serif;
	font-size:40px;
	height:60px;
	margin:0px 0px 5px;
	padding:15px;
	width:670px;
	float:left;
}

	.username:focus {
		color:#333;
		border-color:#999;
	}

	.bigbutton {
		height:94px;
		width:200px;
		background:url(../img/bigbutton.png) no-repeat;
		border:none;
		margin:0px;
		font-size:24px;
		margin-left:-2px;
		color:#fff;
		letter-spacing:-1px;
		cursor:pointer;
	}

/******* ACCESS FORM ********/

.access {
	background-color:#eee;
	padding:20px;
	overflow:auto;
	margin:20px 0 40px;
}

	.access .avatar {
		border:0px solid #fff;
		width:50px;
		height:50px;
		margin:0 20px 0 0;
		float:left;
	}

	.disabled {
		opacity:0.3;
	}

	.access p {
		margin:0px;
		font-size:18px;
		line-height:28px;
	}

	.access ul {
		list-style:none;
		clear:both;
		padding:0px;
		margin-bottom:-10px;
	}

	.access li {
		/*background-color:#999;*/
		padding:5px;
		float:left;
		margin:0 -5px -10px -5px;
		min-width:120px;
		height:35px;
		cursor:pointer;
	}

	.access li input {
		padding:0px;
		margin:12px 5px 0;
		float:left;
	}


p {
	margin:20px 0;
}

ul {
	margin-top:5px;
}

.footer,
.header {
	padding:0px;
	margin-bottom:20px;
	font-size:20px;
	line-height:20px;
	color:#eee;
	background:url(../img/dark.png) repeat;
	color:#ccc;
}

	.header a {
		color:#ccc;
	}

	.header a:hover {
		color:#ff6;
	}

	.header img {
		vertical-align:0px;
	}

	.header .rss {
		margin-top:10px;
		float:right;
	}

	.footer {
		margin-bottom:0px;
		font-size:14px;
		text-align:right;
		line-height:36px;
	}

a img {
	border:none;
}

/********* MAIN STUFF *********/
.header,
.content {
	margin:0 auto;
	padding:10px 10px 0;
	width:950px;
}

.header {
	padding-bottom:10px;
}

.main {
	overflow:hidden;
}

.sidemenu {
	width:300px;
	float:right;
	padding:0px 40px 0px 0;
	overflow:hidden;
}

.left {
	float:left;
	margin:0 30px 0 0;
	width:590px;
}

.right {
	clear:right;
	float:left;
	width:280px;
}


/************SECTION*************/

.section {
	border:1px #32B614 dotted;
	line-height:36px;
	margin:55px 0 90px;
	padding:20px 20px 0px;
	font-size:18px;
	clear:left;
}

	.section h2 {
		background-color:#32B614;
		color:#fff;
		padding:10px;
		position:absolute;
		width:auto;
		font-weight:normal;
		margin:-76px -21px 0px;
		font-size:24px;
	}

	.section .minimenu,
	.section img {
		background:#EEEEEE none repeat scroll 0 0;
		border:1px solid #CCCCCC;
		padding:8px;
		vertical-align:middle;

	}

	.section object {
		margin-bottom:20px;
	}

	.section .minimenu {
		margin:20px 0px;
		text-align:center;
		font-size:16px;
	}

	.section .minimenu img {
		border:none;
		background:none;
		padding:0px;
		vertical-align:-7px;
		margin-right:2px;
	}

	.section .minimenu ul {
		list-style:none;
		padding:0px;
		margin:0 auto;
		overflow:auto;
		display:table;
	}

	.section .minimenu li {
		float:left;
		margin:0 10px;
	}


.separator {
	background:transparent url(../img/separator.png) no-repeat scroll center center;
	height:20px;
	margin:20px auto 0;
	width:80px;
}


/************ LIST **********/

.list {
	background:#CCEDC5 none repeat scroll 0 0;
	padding:10px;
	margin:0px 0px 30px;
	text-align:center;
}

	.list h3 {
		font-color:#fff;
		font-weight:normal;
		font-size:20px;
		background-color:#9EDC90;
		color:#fff;
		margin:-10px;
		padding:14px 0;
		text-align:center;
	}

	.list ul,
	.list ol {
		list-style:none;
		padding:0px;
		font-size:18px;
		text-align:left;
	}

	.list li {
		clear:both;
		margin:25px 0;
	}

	.list .avatar {
		float:left;
		width:50px;
		height:50px;
		background:#fff;
		padding:4px;
		margin-right:10px;
	}

	.bullet {
		background:url("../img/bullet.png") no-repeat;
		float:left;
		margin:12px 10px 0 0;
		padding:0px;
		text-align:center;
		font-size:18px;
		background-position:0 4px;
		color:#fff;
		height:28px;
		width:24px;
	}

		.bullet .hundreds {
			font-size:13px;
		}

		.bullet .thousands {
			font-size:11px;
		}

	.list select {
		font-size:20px;
		padding:5px 5px 0;
		width:90%;
	}

	.list option {
		font-size:16px;
		padding:5px;
	}

	.list blockquote {
		font-style:italic;
		padding:0px;
		margin:0px;
		color:#848E82;
	}

	.stores img {
		margin:10px;
	}

/************** FOOTER ***************/

.footer {
	background:transparent url(../img/footer_bg.gif) no-repeat scroll center center;
	color:#FFFFFF;
	font-size:20px;
	height:60px;
	margin:0 auto 0;
	padding:120px 0 20px;
	text-align:center;
	width:1000px;
	line-height:28px;
}

	.footer p {
		margin:10px 0 0 0;
	}

	.footer a {
		color:#CCEDC5;
		font-size:16px;
		margin:0 10px;
	}



/*********** MENU ************/

.menu {
	background:#32B614 none repeat scroll 0 0;
	margin:0 auto -10px;
	width:900px;
	overflow:auto;
}

	.menu .logo {
		float:left;
		margin:5px;
		vertical-align:middle;
	}

	.menu a {
		color:#fff;
	}

	.menu ul {
		float:right;
		padding:0px;
		margin:22px 0 20px ;
		list-style:none;
		font-size:20px;
	}

	.menu li {
		float:left;
		margin:0 10px;
	}

	.menu input {
		margin-top:-2px;
	}

	.menu .username {
		height:18px;
		padding:5px;
		width:150px;
		margin:-2px 0;
		font-size:16px;
	}

.button {
	background:url(../img/button_bg.png) repeat-x;
	height:32px;
	border:0px;
	margin:0px;
	color:#fff;
	cursor:pointer;
	font-size:14px;
}

.special_button {
	background:transparent url(../img/special_button.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	cursor:pointer;
	float:right;
	font-size:19px;
	height:34px;
	margin:25px 0px 0 10px;
	padding:18px 0;
	text-align:center;
	width:182px;
}

.values {
	background:#70CC5B none repeat scroll 0 0;
	color:#FFFFFF;
	float:left;
	font-size:22px;
	height:30px;
	margin:25px 0 0 0;
	padding:20px;
	position:relative;
	width:194px;
	text-align:center;
}

.services {
	float:right;
	margin:15px 0 0;
}


/*********** TABLE OF TRANSACTIONS ********/

.transactions {
	font-size:16px;
	width:100%;
	border:0px;
	border-collapse:collapse;
}

	.transactions img {
		border:none;
		background:transparent;
		margin:0px;
		padding:0px;
	}

	.transactions td {
		padding:4px 10px;
	}

	.transactions tr {
		background:#F0FAEE;
	}

	.transactions thead tr {
		background:#9EDC90;
		color:#fff;
	}

	.transactions thead tr a {
		color:#fff;
	}

	/*.transactions tbody tr:hover,
	.transactions tbody tr.odd:hover  {
		background-color:#CCEDC5;
	}*/

	.transactions tr.odd {
		background:#E1F5DD;
	}

	.transactions .amount {
		text-align:right;
		width:101px;
	}

	.transactions .source {
		width:280px;
		overflow:auto;
	}

	.transactions .green {
		color:Green;
	}

	.transactions .red {
		color:Red;
	}

	.transactions .date {
		text-align:center;
		font-size:14px;
	}

/********** FAQ **********/

.access .faq {
	list-style:upper-roman;
	list-style-position:inside;
	padding:0 0px;
}

	.access .faq li {
		clear:both;
		float:none;
		height:auto;
		line-height:32px;
	}

	.access .detail {
		list-style:disc;
		list-style-position:inside;
		padding:0 60px;
	}

	.faq-answer {
		display:none;
		position:relative;
		clear:both;
		padding:0px 20px;
	}


.twb {
	font-variant:small-caps;
}

.stat {
	background:#6FD753 none repeat scroll 0 0;
	color:#D6F0D0;
	float:left;
	font-size:18px;
	height:65px;
	margin:0 0 80px 0;
	padding:5px;
	text-align:center;
	width:184px;
}

.facts {
	clear:both;
}

	.stat h2 {
		margin:0px;
		padding:0px;
		color:#fff;
	}

.whuffiecheque {
	position:fixed;
	width:420px;
	height:420px;
	background:#D7F3CF;
	z-index:9999;
	left:30%;
	top:25%;
	padding:15px;
}

	.shadow {
		position:absolute;
	}

	.shadow.top {
		background:url(../img/shadow_top) repeat-x;
		height:28px;
		top:-28px;
		left:0px;
		right:0px;

	}

	.shadow.bottom {
		background:url(../img/shadow_bottom) repeat-x;
		height:28px;
		bottom:-28px;
		left:0px;
		right:0px;

	}

	.shadow.left {
		background:url(../img/shadow_left) repeat-y;
		width:28px;
		top:0px;
		bottom:0px;
		left:-28px;
	}

	.shadow.right {
		background:url(../img/shadow_right) repeat-y;
		width:28px;
		top:0px;
		bottom:0px;
		right:-28px;
	}

	.corner {
		background:url(../img/shadow_corners.png) no-repeat;
		width:24px;
		height:25px;
		position:absolute;
	}

		.corner.tl {
			background-position:0px 0px;
			top:-25px;
			left:-24px;
		}

		.corner.tr {
			background-position:-25px 0px;
			top:-25px;
			right:-24px;
		}

		.corner.bl {
			background-position:0px -24px;
			bottom:-25px;
			left:-24px;
		}

		.corner.br {
			background-position:-25px -24px;
			bottom:-25px;
			right:-24px;
		}

	.title .twb {
		font-size:24px;
	}



/*********** NEW *********/

.widget_list {
	width:860px;
	border-bottom:1px solid #bbb;
	padding:15px 0;
}

	.widget_list img {
		margin:0 2px 0 0;
		vertical-align:middle;
	}

	textarea {
		font-family:courier new;
		padding:5px;
		overflow:auto;
		color:#666;
		margin-right:20px;
		font-size:70%;
		vertical-align:middle;
	}

.onetwothree {
	background:#f6f6f6;
	padding:10px 10px;
	font-family:helvetica,arial,sans-serif;
	font-size:12px;
	line-height:22px;
	overflow:auto;
	margin-bottom:-40px;
}

	.onetwothree li {
		list-style:none;
		float:left;
		width:310px;

	}

	.onetwothree img {
		margin-right:5px;
		float:left;
		width:110px;
	}

	.onetwothree h2 {
		color:#6FD753;
		font-size:18px;
		font-weight:normal;
		margin-bottom:5px;
	}

	.access {
		background:#f6f6f6;
	}

	.section {
		margin-top:0px;
	}


/********* NEW - January 14, 2010 ************/

.values {
	clear:left;
}

.taglist {
	margin:20px 0;
}

	.taglist li {
		min-width:0px;
		font-size:16px;
		padding:0px 10px 0px 0px;
	}

	.taglist .toptag {
		font-size:16px	;
	}

.services div {
	margin-left:20px;
	float:left;
}

.medals {
	clear:both;
	padding:20px 0 0;
}

	.medals div {
		float:left;
		margin-right:40px;
	}


/************* NEW - May 18, 2010 *************/

.transactions img.avatar {
	float:left;
	margin:7px 10px 25px 0px;
}

span.whuffie_word {
	background:url("/media/img/allicons.png") no-repeat scroll -52px 0 transparent;
	font-size:16px;
	padding-left:23px;
}

.arrow.up  {
	background-position:-24px -28px;
}

.arrow {
	background:url("/media/img/allicons.png") no-repeat scroll 0 0 transparent;
	height:9px;
	width:14px;
	margin:0 auto;
}

.arrow.down {
	background-position:-24px -37px;
}

.transactions.ranking {
	font-size:14px;
}

.transactions.ranking td {
	padding:5px;
	min-height:90px;
}

.transactions td.about {
	font-size:15px;
	width:530px;
}

.transactions td.rank {
	width:20px;
}

td.whuffies {
	font-size:18px;
	width:130px;
}

td.rank .bullet {
	margin:0 0 0 5px;
	padding:0;
}

td.contact {
	text-align:center;
}

td.contact img {
	width:24px;
	height:24px;
}

.transactions td.variation, .transactions td.rank, .transactions td.whuffies {
	text-align:center;
	margin:0 auto;
}

.search_results {
	padding:0;
	line-height:20px;
	margin-bottom:20px;
}

.search_results h2 {
	font-weight:normal;
	line-height:0;
	margin:20px 0 0 0;
	padding:0;
}

.transactions.ranking .head_row td {
	text-align:center;
}

.minitags {
	font-size:13px;
	opacity:0.6;
}

a.sort {
	color:yellow;
}


.featureset {
	margin:-10px -9px 220px;
}

.feature_big, .feature {
	background:url("../img/feat_bigbutton_idle.png") no-repeat scroll 0 0 transparent;
	font-family:Helvetica,Arial,Sans-serif;
	font-size:12px;
	height:80px;
	line-height:22px;
	padding:15px 15px 23px;
	text-align:center;
	width:344px;
	color:#666;
	float:left;
	margin:0 9px;
}

	.feature_big img {
		float:left;
		margin-right:5px;
	}

	.feature h2, .feature_big h2 {
		color:#3DC01F;
		padding:0;
		margin:0;
		font-size:14px;
	}

	.feature_big:hover {
		background:url(../img/feat_bigbutton_hover.png) no-repeat;
		cursor:pointer;
		text-decoration: none;
	}
	.feature_big:hover a { text-decoration: none; }

.feature {
	background:url("../img/feat_button_idle.png") no-repeat scroll 0 0 transparent;
	width:144px;
}

	.feature:hover {
		background:url("../img/feat_button_hover.png") no-repeat scroll 0 0 transparent;
		cursor:pointer;
	}

        .feature .feature-text {
            color: #666;
        }