/*--------------------------------------------------
Crysandrea v2.0.0.8
Copyright Crysandrea 2011
Authors:	Tyler Diaz http://pixeltweak.net
			Alex Bor http://alexbor.com/
-------------------------------------------------- */
* { margin:0; padding:0 } 
body { background:#53803c url('images/bg/crys_light_bg.png') repeat-x left top; font:normal 81.3%/1.5 "Lucida Grande", Arial, sans-serif; color:#222 } 

a:link, a:visited { color:#0076ab; text-decoration: none;  -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; } 

a:hover { color:#e97700; text-decoration:underline } 
a:focus { outline:none } 
a img { border:none } 
img { vertical-align:middle } 
ol li {	margin-left: 20px; margin-top:6px; }

::-moz-selection { background:#cf6; color:#3f6b2f; }
::-webkit-selection { background:#cf6; color:#3f6b2f; } 
::selection { background:#cf6; color:#3f6b2f; }
/*  T Y P O G R A P H Y   R U L E S   
--------------------------------------------- */
h1 { font-family:Helvetica, Arial, sans-serif; font-size:27px; line-height:1.3; margin:2px 0 0; color:#333; letter-spacing:-1px;}
h2.page_description { font-size:19px; font-family:"Helvetica"; color:#888; line-height:1.4; margin-bottom:1em } 
h3 { font-size:16px } 
p { margin-bottom:1.5em } 

/* C U S T O M   T Y P O G R A P H Y 
---------------------------------------------- */
h3#signin { background:url('images/elements/key.png')no-repeat 4px 1px; margin:7px 3px 0; font-family:"Helvetica"; font-size:15px; padding:3px 4px 3px 25px; border-bottom:1px solid #C2E2B7 } 

/*  G R I D   S Y S T E M
--------------------------------------------- */
.grid_1 { width:54px } 
.grid_2 { width:128px } 
.grid_3 { width:202px } 
.grid_4 { width:276px } 
.grid_5 { width:350px } 
.grid_6 { width:424px } 
.grid_7 { width:498px } 
.grid_8 { width:572px } 
.grid_9 { width:646px } 
.grid_10 { width:720px } 

.grid_1, .grid_2, .grid_3, 
.grid_4, .grid_5, .grid_6, 
.grid_7, .grid_8, .grid_9, .grid_10 { margin:5px 10px; overflow:hidden; float:left; display:inline; /* IE fix */ } 

/*  H E L P E R   C L A S S E S
--------------------------------------------- */
.left { float:left !important } 
.right { float:right !important } 
.center { text-align:center !important } 
.hide { display:none } 
.strong { font-weight:bold!important } 
.small { font-size:0.846em } 
.medium { font-size:0.923em } 
.large { font-size:1.154em } 
.clear { clear:both } 
.faded { color:#999 } 
.good { color:#17BA00 } 
.bad { color:#C20000 } 
.hide { display:none } 
.highlight { background:#ffc; color:#111 } 
.blue_highlight{ background: #def6fe; color: #7cd1ef; padding-left: 2px; padding-right: 2px; }
.serif { font-family:Georgia,sans-serif } 
.sans { font-family:Arial,Verdana,sans-serif } 
.push { margin:5px !important } 
.breath { padding:5px } 
.deep_breath { padding:10px } 
.breath_top { padding-top:15px } 
.breath_bottom { padding-bottom:15px } 
.breath_left { padding-left:15px } 
.breath_right { padding-right:10px } 
.breath_sides { padding:0 5px } 
.no_breath { margin:0; padding:0 } 
.vertical_base { line-height:40px } 
.line_breath { line-height:1.8 } 
.text_icon { vertical-align:text-top; margin-right:2px } 
.bullet_list { margin-left:30px }
.jilt_up { padding-top:6px; } /* Changed after the header font was changed */
.approve { font-size:11px; color:#333; background:#BBFF68; padding:2px 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.remove:link, .remove:visited { color:red } 
.remove:hover { color:#fff; background:red; text-decoration:none } 

.error, 
.notice, 
.success, 
.info { margin:4px 8px; overflow:hidden; padding:15px 22px 13px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px } 

.error p, 
.notice p, 
.success p, 
.info p { margin:2px 0 3px 16px } 

.error p:before { content: "- " }

.error ul li, 
.notice ul li, 
.success ul li, 
.info ul li { margin:8px 0 8px 26px } 

.error { background:#FFD8D9; color:#5C2D28; border:1px solid #ffa5a7; position:relative; } 
.error:after { content:'';  position:absolute; border:1px solid #ffe9ea; width:99.8%; height:98.6%; left:0px; top:0px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px } 
.notice { background:#F8F494; color:#825500; border:2px solid #E8DF59 } 
.success { background:#C2E79A; color:#3C601D; border:2px solid #9FC676 } 
.info { background:#AFE2FA; color:#19435B } 

#sub-navigation { overflow:hidden; background:#D1E8EC; margin:-10px -10px 10px; -webkit-border-top-right-radius:8px; -moz-border-radius-topright:8px; border-top-right-radius:8px; padding:4px 10px 0 10px } 

#sub-navigation li { float:left; list-style:none; margin:0 2px -1px; border:1px solid #D1E8EC; /* To avoid that annoying jump... */-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px } 

#sub-navigation li a { display:block; padding:9px 14px } 

.inbox #sub-navigation li#sub-inbox, 
.saved #sub-navigation li#sub-saved, 
.outbox #sub-outbox, 
.sub-avatar #sub-avatar, 
.sub-inventory #sub-inventory, 
.sub-profile #sub-profile, 
.sub-settings #sub-settings, 
.sub-password #sub-password, 
.sub-signature #sub-signature, 
.sub-style #sub-style,
.ticket_open li#sub-open_tickets  { background:white !important; border:1px solid #B7D4D8; border-bottom:none } 

.paginate a {
	background:white;
	padding:3px 5px;
	border:1px solid #75B8FF;
	font-size:11px;
}
.paginate a:hover {
	background:white;
	border:1px solid #0067FF;
}
.paginate .current {
	background:#0061B4;
	color:white;
	padding:3px 5px;
	border:1px solid #00346C;
	font-size:11px;
}

.tree_paginate .paginate a {
	background:#1B3500;
	color:#ddd;
	border:1px solid #111;
}

.tree_paginate .paginate .current {
	background:#67AD00;
	color:white;
	padding:4px 6px;
	border:1px solid #00346C;
}

/* W R A P P E R  S T R U C T U R E
---------------------------------------------- */
#wrap { width:960px; margin:0 auto } 
#content { overflow:hidden; background: #ffffff url('images/bg/sidebar.png') repeat-y -5px top; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px } 

/* H E A D E R 
---------------------------------------- */
#header { height:75px; overflow: hidden } 
#header .logo { margin:20px 0 0; opacity:0.9; float:left; display:block; width:158px; height:41px; background: url('images/logo.png') no-repeat left top; text-indent:-9999px; -webkit-transition: opacity 0.4s linear; } 
#header .logo:hover { opacity:1 } 

/* T A B B E D  N A V I G A T I O N
---------------------------------------------- */
#top_navigation { float:right; margin:36px 10px 0; z-index:3; } 
#top_navigation li { list-style:none; float:left } 
#top_navigation li a { background:#C9E15F url('images/sprites/navigation_gradients.png') repeat-x top left; color:#4C5B14; display:block; padding:10px 19px; border-left:1px solid #B3CD44;  } 
#top_navigation li a:hover { background-position:0 -42px; color:#4D6C00; } 
#top_navigation li a:active { background-position:0 -84px; } 

#top_navigation li a#nav-home { 
    -webkit-border-top-left-radius:6px; 
    -moz-border-radius-topleft:6px; 
    border-top-left-radius:6px; 
    border-left:none ;
} 
#top_navigation li a#nav-donate { 
    -webkit-border-top-right-radius:6px; 
    -moz-border-radius-topright:6px; 
    border-top-right-radius:6px ;
}

.home #nav-home, 
.forum #nav-forum, 
.shops #nav-shops, 
.shops #nav-shops, 
.event #nav-event,
.donate #nav-donate { 
	background:white; 
} 

/* S I D E B A R
---------------------------------------------- */
#sidebar { padding:8px 6px; width:183px; float:left } 
#sidebar .user_box { background: #F4F8E2; padding: 5px; margin:-8px -5px 0; overflow: hidden; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px; border-top-left-radius:6px; border-bottom:1px solid #D2E5AC; } 
#sidebar .user_box #side_avatar { float: left; width: 55px; margin-right: 5px; } 
#sidebar .side_tip { color: #759D68; display: block; text-align: center; } 
#sidebar #navigation { border-top:1px solid #fff; padding: 5px 0; margin-right: -7px } 
#sidebar #navigation li.divider { margin:0 0 6px 0; padding:0 0 4px 2px; border-bottom: 1px solid #E0F5B8; } 
#sidebar #navigation li { padding: 0 0 0 2px; } 
#sidebar #navigation li a { display:block; padding:4px 6px 4px 32px; background-image: url('images/sprites/navigation_icons.png'); background-repeat: no-repeat; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; } 
#sidebar #navigation li a:hover { text-decoration:none; background-color:#DDF2B5; color:#3F7200; } 
#sidebar #navigation li a:active { text-decoration:none; background-color:#CDE69E; color:#3E8200; } 
#sidebar #navigation li a span { color:#fff; padding:0 3px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; font-size:11px; font-weight:bold; margin-left:3px; } 

#sidebar #navigation li a#sub-inbox span { background:#8EBB00; } 
#sidebar #navigation li a#sub-inbox:hover span { background:#668D00 } 
#sidebar #navigation li a#sub-friends span { background:#0061AA; } 
#sidebar #navigation li a#sub-friends:hover span { background:#548DB8; } 
#sidebar #navigation li a#sub-trades span { background:#BC3979; } 
#sidebar #navigation li a#sub-trades:hover span { background:#DD79A3; } 

/* They are written without parent selector to avoid 
an important call when they need to be highlighted */
a#sub-avatar { background-position: 10px 4px; } 
a#sub-inbox { background-position: 10px -65px }
a#sub-inbox.new { background-position: 10px -89px; }
a#sub-friends { background-position: 10px -162px; } 
a#sub-games { background-position: 10px -115px; } 
/* a#sub-games { background-position:10px -210px } */
a#sub-account { background-position: 10px -42px; } 
a#sub-trades { background-position: 10px -20px; } 
a#sub-extra { background-position: 10px -186px; } 
a#sub-signout { background-position:10px -139px; }
a#sub-search { background-position: 10px -232px; }


.avatar a#sub-avatar, 
.inbox a#sub-inbox, 
.friends a#sub-friends, 
.games a#sub-games, 
.account a#sub-account, 
.trades a#sub-trades, 
.extra a#sub-extra, 
.donate a#sub-donate,
.search a#sub-search { border: 1px solid #D9E5C2; background-color: white !important; border-right:none; } 

#sidebar #navigation ul li{ padding-left: 37px; }
#sidebar #navigation ul li a{  background-image: none; padding-left: 13px; }
#sidebar #navigation ul.more_divider{margin: 0 0 6px 0; padding: 0 0 4px 2px; border-bottom: 1px solid #E0F5B8;}
.more_nav{ display: none; }

/* J A V A S C R I P T  C O M P O N E N T S
---------------------------------------------- */

/* TipTip CSS - Version 1.2 */
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}
#tiptip_holder.tip_top {
	padding-bottom: 5px;
}
#tiptip_holder.tip_bottom {
	padding-top: 5px;
}
#tiptip_holder.tip_right {
	padding-left: 5px;
}
#tiptip_holder.tip_left {
	padding-right: 5px;
}
#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}
#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}
/*
 * Tiptip end
*/

/*
	FULLSIZE DREW WILLSON PLUGIN
*/

.fullsize-icon {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	background: transparent url(http://global.crysandrea.com/nature/css/fullsize/fullsize-icon.png) no-repeat left top;
	z-index: 950;
	cursor: url(fullsize.cur), auto;
}

.fullsize-loading, .fullsize-wrapper {
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 999;
}

.fullsize-wrapper{
	background: white;
}
.fullsize-loading {
	height: 51px;
	width: 51px;
	background: transparent url(http://global.crysandrea.com/nature/css/fullsize/fullsize-loading-bg.png) no-repeat left top;
}

.fullsize-loading-inner {
	height: 100%;
	width: 100%;
	background: transparent url(http://global.crysandrea.com/nature/css/fullsize/fullsize-loading-spinner.gif) no-repeat center center;
}

.fullsize-image {
	display: block;
}

.fullsize-title {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 5px 0;
	min-height: 14px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	font-family: "Lucida Grande", sans-serif;
	text-shadow: 0 0 1px #000;
	background: transparent url(http://global.crysandrea.com/nature/css/fullsize/fullsize-title-bg.png) repeat-x left top;
}

.fullsize-title-text {
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

a.fullsize-close {
	position: absolute;
	display: block;
	margin: -15px 0 0 6px;
	width: 16px;
	height: 16px;
	text-decoration: none;
	z-index: 1000;
	background: transparent url(http://global.crysandrea.com/nature/css/fullsize/fullsize-close.png) no-repeat left top;
}

/* Safari 3.0 and Chrome rules here */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	a.fullsize-close {
		margin-top: -14px;
	}
}

a.fullsize-close:hover {
	background-position: right top;
}

.fullsize-close {
	cursor: pointer;	
}

/* Shadows */

.fullsize-sh-wrap {
	position: absolute;
	z-index: 980;
}

.fullsize-sh-top, .fullsize-sh-body, .fullsize-sh-bottom {
	width: 100%;
}

.fullsize-sh-top-l, .fullsize-sh-top-m, .fullsize-sh-top-r, .fullsize-sh-bottom-l, .fullsize-sh-bottom-m, .fullsize-sh-bottom-r {
	background-position: left top;
	background-repeat: none;
	background-color: transparent;
	height: 20px;
}

.fullsize-sh-top-l {
	float: left;
	width: 22px;
	background-image: url(http://global.crysandrea.com/nature/css/fullsize/fullsize-sh-top-l.png);
}

.fullsize-sh-top-m {
	margin: 0 22px;
	background-image: url(http://global.crysandrea.com/nature/css/fullsize/fullsize-sh-top-m.png);
	background-repeat: repeat-x;
}

.fullsize-sh-top-r {
	float: right;
	width: 22px;
	background-image: url(http://global.crysandrea.com/nature/css/fullsize/fullsize-sh-top-r.png);
}

.fullsize-sh-bottom-l {
	float: left;
	width: 22px;
	height: 24px;
	background-image: url(http://global.crysandrea.com/nature/css/fullsize/fullsize-sh-bottom-l.png);
}

.fullsize-sh-bottom-m {
	margin: 0 22px;
	height: 24px;
	background-image: url(http://global.crysandrea.com/nature/css/fullsize/fullsize-sh-bottom-m.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.fullsize-sh-bottom-r {
	float: right;
	width: 22px;
	height: 24px;
	background-image: url(http://global.crysandrea.com/nature/css/fullsize/fullsize-sh-bottom-r.png);
}

.fullsize-sh-body {
	background-image: url(http://global.crysandrea.com/nature/css/fullsize/fullsize-sh-body-l.png);
	background-repeat: repeat-y;
}

.fullsize-sh-body-r {
	float: right;
	height: 100%;
	width: 11px;
	background-image: url(http://global.crysandrea.com/nature/css/fullsize/fullsize-sh-body-r.png);
	background-repeat: repeat-y;
}


/* 
	FULLSIZE END
*/

/* 
 * Huge main forum tabs
*/
ul.huge_tabs { list-style:none; margin:0 !important; padding:0; height:30px } 
ul.huge_tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style:none; cursor:pointer } 
ul.huge_tabs li a { border-left:1px solid rgba(0,0,0,0.1); width:154px; padding:17px 16px 17px 15px; display:block; font-size:16px; font-weight:bold; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.4); background: url('images/sprites/main_forum_gradients.png'); } 
ul.huge_tabs li a.current { 
	background-position:left bottom !important; 
	-webkit-box-shadow:0px 1px 1px #ccc; 
	-moz-box-shadow:0px 1px 2px #ccc; 
	box-shadow:0px 1px 1px #ccc 
} 
ul.huge_tabs li a.current:hover { opacity:1 } 
ul.huge_tabs li a:hover { opacity:0.9; text-decoration:none; } 

ul.huge_tabs li a#crysandrea { 
	padding-left:16px; 
	border-left:none; 
	background-color:#B2DBE5; 
	background-position:0px 0;
	-webkit-border-bottom-left-radius:6px; 
	-moz-border-radius-bottomleft:6px; 
	border-bottom-left-radius:6px 
} 
ul.huge_tabs li a#market { 
	background-color:#E5ADAE; 
	background-position:0px -176px;
	-webkit-border-bottom-right-radius:6px; 
	-moz-border-radius-bottomright:6px; 
	border-bottom-right-radius:6px;
	padding-right:17px
} 

ul.huge_tabs li a#community { background-color:#C1E9A8; background-position:0px -59px; } 
ul.huge_tabs li a#art { background-color:#e9e2a8; background-position:0px -118px; } 

ul.huge_tabs li a#crysandrea span,
ul.huge_tabs li a#community span,
ul.huge_tabs li a#art span,
ul.huge_tabs li a#market span       { background:url('images/sprites/main_forum_icons.png') no-repeat left center; padding: 3px 0 3px 31px; } 

ul.huge_tabs li a#crysandrea span   { background-position:0px 0px; color:#1D4A5B } 
ul.huge_tabs li a#community span    { background-position:0px -26px; color:#274E16 } 
ul.huge_tabs li a#art span          { background-position:0px -51px; color:#61611E } 
ul.huge_tabs li a#market span       { background-position:0px -79px; color:#5C1F20 } 

div.panes div { 
	background:#ddd; 
	min-height:220px; 
	padding:10px 10px 20px; 
	overflow:hidden; 
	-webkit-border-top-left-radius:6px; 
	-webkit-border-top-right-radius:6px; 
	-moz-border-radius-topleft:6px; 
	-moz-border-radius-topright:6px; 
	border-top-left-radius:6px; 
	border-top-right-radius:6px 
	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear; 
} 

div.panes div#crysandrea         { background: #b2dbe5 } 
div.panes div#community          { background: #c1e9a8 } 
div.panes div#art                { background: #e9e2a8 } 
div.panes div#market             { background: #e5adae } 
div.panes div#crysandrea ul li a { background: #cdeaf1 } 
div.panes div#community ul li a  { background: #d5f1c4 } 
div.panes div#art ul li a        { background: #f8f0c3 } 
div.panes div#market ul li a     { background: #f8d6d6 } 
div.panes div ul li a{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;  }
.category li, .category li a { -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } 
.category li { list-style:none; float:left; width:230px; margin:5px; background:white } 
.category li a { padding: 13px; display: block; min-height:70px; border:2px solid rgba(0, 0, 0, 0.1); } 
.category li a h3 { font-size: 14px; line-height:1.6 } 
.category li a p { margin:0; font-size:11px; color:#444 } 
.category li a:hover { text-decoration:none; opacity:0.8 } 

#legend { background: url('images/elements/short_legend.png') no-repeat top left; padding: 9px 7px 10px 82px; font-size: 12px; font-weight: bold } 
#legend span { padding:0 4px; text-shadow:1px 1px 0px #e9e9e9; } 

/* B O D Y  C O N T E N T
---------------------------------------------- */
#body { padding:10px; float:left; width:745px; background:#fff; -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:6px; border-top-right-radius:6px; border-bottom-right-radius:6px } 

.post-grid { float:left; margin:0 0 7px; padding:0 0 5px; clear:both; overflow:hidden; } 
.post-grid .topic_avatar { float:left } 
.post-content { 
	background:#E1F1FF; 
	float:left; 
	margin:0 0 5px 5px; 
	margin-right:-20px; 
	border-radius:8px; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	padding:4px 12px 20px 15px; 
	width:525px; 
	border:1px solid; 
	border-color:#D3E3F1 #abbfda #abbfda #D3E3F1; 
	position:relative; 
	min-height:70px;
} 
.post-content img { max-width:530px } 
.post-toolbar { color:#aaa; float:left; line-height:25px; padding:5px 15px 0; font-size:0.923em; width:523px } 
.post_author { display:block; padding:6px 0 3px; font-size:1.154em; font-weight:bold; } 
.post_author a { color:#111; } 
.post_author a:hover { background:#00617B; color:white; text-decoration:none; } 

.ribbon { position:absolute; right:-3px; top:-3px; z-index:999 } 

.arrow { border:13px solid; border-color:transparent #E1F1FF transparent transparent; float:left; height:0; margin-left:-38px; margin-top:35px; width:0 } 
.quote-1 { background:#A2C2DF; border:1px solid #75A0C6; border-radius:6px; font-size:0.923em; margin:2px 5px 8px 5px; padding:8px 8px 10px; -moz-border-radius:6px; -webkit-border-radius:6px;} 

#user_posts_head { 
	background:#81B860; 
	border-bottom:1px solid #518A3A; 
	height:40px; 
	overflow:hidden; 
	-moz-border-radius-topright:5px; 
	-moz-border-radius-topleft:5px; 
	-webkit-border-top-right-radius:5px; 
	-webkit-border-top-left-radius:5px; 
	color:#fff; 
	text-shadow:-1px -1px 0px #62933E 
}

#user_posts { background:#CEE5BC; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px } 

#user_posts li { padding:15px 10px; border-bottom:1px solid #8CB979; border-top:1px solid #E3F6DA; list-style: none; } 
#user_posts li:last-child { border-bottom:none } 
#user_posts li:first-child { border-top:none } 
#user_posts li a.headline { font-size:22px; padding:0px 5px; font-weight:bold; text-shadow:1px 1px 2px #fff } 
#user_posts li div.main_post { 
	background:#fff; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	padding:10px; 
	margin:2px 0 5px; 
	border:1px solid #CAE1BA; 
	-moz-box-shadow:#B2CC9F 0 0 3px; 
	-webkit-box-shadow:#B2CC9F 0 0 3px; 
} 

.topic_head, .topic_head_bottom { clear:both; overflow:hidden; } 
.topic_head h1 a { color:#333 } 
.topic_head_bottom { 
	padding:7px 5px; 
	border:2px solid #eee; 
	border-width:2px 0;
	margin:5px 0;
	font-size:12px; 
} 
.topic_head_bottom .post_reply { display:block; padding:0 10px; background:#ddd; -webkit-border-radius:6px } 

.downarrow {
	margin-top:3px;
	display:inline-block;
	width:31px;
	height:31px;
	background:#ddd url('images/icons/arrow.png');
	text-indent:-9999px;
}
.downarrow:hover {
	background:#5FC2FF url('images/icons/arrow.png');
}

.sub_heart {
	margin-top:3px;
	display:inline-block;
	width:32px;
	height:32px;
	background: url('images/icons/medium_hearts.png') center 33px;
	text-indent:-9999px;
}
.sub_heart:hover {
	background-position: center 0px;
}

.sub_heart_opp{
	background-position: center 0px;
}
.sub_heart_opp:hover {
	background-position: center 33px;
}


.t_locked {
    text-align:center;
    background:#eee;
    border:1px solid #ddd;
    padding:15px 0 0;
    margin-bottom:15px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    color:#777;
}
.t_locked h4{
    color:#444;
}
.t_signed_out {
    text-align:center;
    background:#ffd;
    border:1px solid #ee7;
    padding:15px 0 0;
    margin-bottom:15px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    color:#757754;
}
.t_signed_out h4{
    color:#444;
}

#go_to_page_label{
	color: #0076AB;
	font-weight: bold;
	padding-left: 5px;
}
.pagination form{
	padding-left: 10px;
}

.pagination .paginate{
	float: left;
}


/* A V A T A R   C U S T O M I Z A T I O N
---------------------------------------------- */
.stack{ float:left; margin:1px; padding:5px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; border:1px solid white;}
.stack:hover{ background:#EFFAFF; border:1px solid #C5EBFF}
a.equipped { background-color:#ff8 !important; border:1px solid #ee5}
a.equipped:hover{ background-color:#ffc !important; border:1px solid #ee1}

ul.avatar_tabs{ list-style:none; margin:0; padding:0; overflow:hidden}
ul.avatar_tabs li{float:left; margin:0 1px 0 0}
ul.avatar_tabs li a{padding:8px 26px 6px 26.5px; display:block; background:#BCDFB0; color:#555; text-decoration:none; -moz-border-radius:8px 8px 0 0}
ul.avatar_tabs li a:hover{background-color:#C7E5BE; color:#111}
ul.avatar_tabs li a.current{background:#82C36B; color:#fff; padding-bottom:7px}
ul.avatar_tabs li a:focus{outline:0}

div#tab_glove{background:#82C36B; padding:7px; -moz-border-radius:0 0 8px 8px; }
div#tab_glove >div{ background: white; border: 2px solid #96CF84; overflow-y: auto; padding: 8px; -moz-border-radius:6px; min-height: 220px; overflow-y: scroll; max-height: 405px;}

#avatar_preview { width:180px !important; float:left}

.multi_item a {
    background:#f5f5f5;
    display:block;
    float:left;
    -webkit-border-radius:6;
    -moz-border-radius:0;
    border-radius:0;
}
.multi_item {
    display:block;
    float:left;
    position:relative;
}
.multi_item ul {
    display:none;
    list-style:none;
    top:55px;
    left:5px;
    position:absolute;
    background:#F0F5DF;
    border:1px solid #d0d0d0;
    min-height:20px;
    width:145px;
    padding:5px;
    overflow:hidden;
    -moz-box-shadow:2px 2px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:2px 2px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 2px 0 rgba(0, 0, 0, 0.1); 
	z-index:99;	
}
.multi_item ul li {
    margin:2px;
    float:left;
}
.multi_item ul li a{
    margin:0;
    float:none;
    background:white;
    z-index:0;	
}
.multi_item ul li img{
    width:32px;
    height:32px;
}
.multi_item.active ul {
    display:block;
    z-index:99;
}
.multi_item .pull_down {
    margin:3px 0;
    float:right;
    width:9px;
    padding:0;
    height:52px;
    background:white url('images/sprites/down_arrow_sprite.png');
    position:absolute;
    right:2px;
    border-left:1px solid #ddd;
}
.multi_item .pull_down:hover {
    background-position:0px -54px;
}
.multi_item.active .pull_down {
    background-position:0px -108px;
}
.multi_item a.glowing {
    background-position:0px -161px;
}
.multi_item a.glowing:hover {
    background-position:0px -215px;
}
.multi_item.active a.glowing {
    background-position:0px -270px;
}


/* D A S H B O A R D
---------------------------------------------- */

.dashboard_activity_tab{ margin:0 5px; display: inline-block; display: inline-block; margin: 0; padding: 4px; text-indent: 9px; width: 200px; text-shadow: 1px 1px 0 #D3F3FE; cursor: pointer; font-size: 12px; margin-top: 3px; background: #b5e7fd; border: 1px solid #77b8cf; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;
}
.current_post_tab{
	cursor: default;
	font-size: 15px; 
	margin-top: 0px;
	background: #91e1fc;
	border-color: #6ba5b9;
	border-bottom: 0px;
	
}

#recent_activity_tab{
	/*background: none repeat scroll 0 0 #C1E25C; border-top: 1px solid #90BB11;  border: 1px solid #90BB11; border-bottom: 1px solid #c1e25c;*/ float: left;
}
#subscribed_threads_tab{ /*background: #91e0fc; border: 1px solid #6ba5b9; border-bottom: 1px solid #91e0fc; */ float: right; border-radius-top-left: 5px; border-radius-top-right: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;}

#list_box { padding:7px; padding-bottom: 0px; margin-bottom: 0px; background:#c1e25c; border:1px solid #90BB11; border-top: 0px; border-bottom: 0px; clear: both; }

#body .grid_6 #list_box{ background: #91e1fc; border: 1px solid #6ba5b9; border-top: 0px; border-bottom: 0px; }


#list_box h3 { color:#244318 }

#forum_activity { overflow:hidden; background:white; margin:5px 1px; padding:5px 10px 0px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #92b820; margin-bottom: 0px; border-bottom: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
#forum_activity li, #recent_annoucment li { padding: 6px 9px; list-style:none; border-bottom:1px dotted #cccccc; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; }
#forum_activity li a, #recent_annoucment li a { font-weight:bold; color:#439DB6 }
#forum_activity li p span, #recent_annoucment li p span { visibility:hidden; color:#bbb }
#forum_activity li:last-child, #recent_annoucment li, #forum_activity .no_bottom_border { border-bottom: none; }
#forum_activity li:hover, #recent_annoucment li:hover { background:#EFFBFF; border-bottom-color: #bbbbbb; }
#forum_activity li:hover a, #recent_annoucment li:hover a { color: #2CA8CB; }
#forum_activity li:hover p span, #recent_annoucment li:hover p span { visibility: visible; }
#forum_activity li p, #recent_annoucment li p { color:#888888; font-size: 12px; margin: 0; }

.dash_bottom_tab{ 
			clear: both;
			background: #C1E25C; 
			width: 130px; 
			border-bottom-right-radius: 4px;
			border-bottom-left-radius: 4px;
			text-shadow: 1px 1px 0 #D3F3FE; 
			padding: 4px; margin-top: -1px; 
			position: relative; 
			border-left: 1px solid #90BB11; 
			border-bottom: 1px solid #90BB11; 
			border-right: 1px solid #90BB11;
}


#recent_annoucment{ -moz-border-radius: 0px; background: #ffffcc; border: 1px solid #c0c099; padding: 0 7px 7px 7px; }

#recent_annoucment ul{
	-moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; background: none repeat scroll 0 0 white;   border: 1px solid #92B820; margin: 5px 1px; overflow: hidden; padding: 0px 10px 5px; margin-top: 0px; border-top: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px;
}

#recent_annoucment ul li{
	cursor: pointer; list-style: none outside none; padding: 7px 9px;
}

.side_banner{ width:264px; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;  margin-top:5px; float:left; padding: 5px; }

.blue_side_banner{  background:#91E0FC; border: 1px solid #1EC0F8; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; }
.green_side_banner{ background:#C1E25C; border: 1px solid #90bb11; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;}
.gold_side_banner{  background:#f4f8e2; border: 1px solid #c4da9c; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;}

.blue_side_banner:hover { background: #5fd2fb; }
.green_side_banner:hover { background: #b1da31; }
.gold_side_banner:hover { background: #e4eeb9; }


#promo{ clear: both; background: #c1e25c;  border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius-left-bottom: 0px; }
#promo img{ border:1px solid #90BB11 }
/*#promo:hover { background:#1aa9da }*/


#aotm_banner img{ border:1px solid #90BB11 }


.notifyme { margin-top:5px; padding:5px; background:#91e0fc; border:1px solid #1ec0f8; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} 
#notifications { background:white; -moz-border-radius:4px; margin-top:4px; border:1px solid #1ec0f8; min-height:170px; } 
#notifications strong { text-align:center; display:block; float:left; margin:10px 10px; background:#f4fcff; padding:65px 20px; -moz-border-radius:6px; -webkit-border-radius:6px; border:1px solid #a2e5fc; color:#647E87; } 
.notifyme h3 {
	font-family:Helvetica;
	font-size:15px;
	letter-spacing:0px;
	color:#004962 !important;
	text-shadow:1px 1px 0 #d3f3fe;
}

#notifications li { padding:5px 6px; border-bottom:1px dotted #a2e5fc; font-size:11px } 
#notifications li:hover { background:#f4fcff } 
#notifications li:last-child { border-bottom:none } 
#notifications li span { color:#888; font-size:11px } 


/* TABLE & LISTS
---------------------------------------------- */
table.clean { border-collapse:collapse; line-height:1.5; margin:1em 0; width:100% } 
table.clean th { background:#498F00; color:#fff; font-weight:bold; padding:4px 10px; text-align:left; border-bottom:2px solid #256700; border-top:1px solid #256700; } 
table.clean tr td.icon, 
table.clean tr th.icon { margin:0; padding:0 } 
table.clean tr td.icon, 
table.clean tr th.icon { margin:0; padding:2px 3px 0 8px } 
table.clean tr td.post_count { color:#999; font-size:14px; text-align:center; font-weight:bold;  font-family:helvetica } 
table.clean tr td { font-size:11px; color:#777 } 
table.clean tr td strong a { color:#4495B3; font-size:14px; font-family:helvetica } 
table.clean td { padding:9px 10px; border-bottom:1px dotted #D2E1E8 } 
table.clean th:first-child { border-left:0px } 
table.clean tr td.icon img { margin:1px 0 2px } 
table.clean tr.alt td { background:#EBF5FF } 
table.clean tr.active { background:#ffa !important } 
table.clean tr:hover >td { color:#121212 } 
table.clean tr:hover >td a { color:#0062A6 } 
table.clean tr:hover >td a.main_link { text-decoration:underline; background:#E4F7FF } 
table.clean tr.alt:hover >td a.main_link { text-decoration:underline; background:#CFF1FF } 
table.clean .sticky { background:#dcffcc; color:#111 } 
table.clean .announcement { background:#dcffcc; color:#111 } 

.table-organizer { background:#3f6b2f; border-radius:8px; -khtml-border-radius:8px; margin:5px 0; -moz-border-radius:8px; overflow:hidden; padding:10px; --webkit-border-radius:8px } 
table.organized { border-collapse:collapse; font-size:0.923em; width:100% } 
table.organized th { background:#102f10; border-bottom:1px solid #0b2a0e; border-left:1px solid #071b09; color:#e1e1e1; font-weight:bold; padding:7px 7px; text-align:left } 
table.organized td { background-color:#2b4920; border-bottom:1px solid #345a26; color:#b8e089; padding:6px 7px } 
table.organized th:first-child { border-left:0px } 
table.organized tr td.icon, 
table.organized tr th.icon { margin:0; padding:2px 3px 0 8px } 
table.organized tr td.icon img { margin:1px 0 2px } 
table.organized tr.alt td { background:#233e1a } 
table.organized tr td.alt2 { background:#243f1b } 
table.organized tr.alt td.alt2 { background:#1f3817 } 
table.organized td a { color:#9bcbff } 
table.organized tr:hover > td { background:#3d6227; color:#fff } 
table.organized tr:hover > td a { color:#b4d5ff } 
table.organized tr:hover > td.alt2 { background:#2f5123 } 
table.organized tr.read:hover .icon img{ visibility: visible !important; opacity: 0.3; cursor:pointer }
table.organized tr:hover .icon { cursor:pointer }

/* F O R M   S T Y L E S
---------------------------------------------- */

/* March 3rd, 2011. @tyler: I wanted to experiment with the buttons a bit, hopefully you guys won't kill me! */
.proceed, .gold, .save { margin:0; border:none; line-height:1; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:16px; font-weight:bold; cursor:pointer; } 

.save, a.save { background:#85DA37 url('images/elements/add_icon.png') no-repeat 7px 11px; padding:8px 15px 8px 28px; border:2px solid #4BA511; color:#004200; } 
.save:hover { background-color:#96ED58; border-color:#52CF2F; color:#006800; text-decoration:none; } 
.save:active { background-color:#57C81E; border-color:#2C9217; } 

.proceed, a.proceed, .gold, a.gold { 
	background:#4AC2EF url('images/bg/sprite_gradients.png')  repeat-x left top; 
	padding:11px 16px 9px;
	-moz-box-shadow:1px 1px 0 #ccc, inset 0 0 2px #fff; 
	-webkit-box-shadow:1px 1px 0 #ccc; 
	box-shadow:1px 1px 0 #ccc, inset 0 0 2px #fff; 
	border:1px solid #238EB5; 
	color:#00293B; 
	font-family:Helvetica;
	text-shadow:1px 1px 0 #83DAFA;
} 
.proceed:hover { 
	background:#4ED0FF url('images/bg/sprite_gradients.png')  repeat-x left -42px; 
	border-color:#0092CD; 
	color:#0D293C; 
	text-shadow:1px 1px 0 #AFE5F8;
	text-decoration:none;
} 
.proceed:active { 
	background:#4AC2EF url('images/bg/sprite_gradients.png') repeat-x left -84px; 
	border-color:#2F79A0; 
	color:#022B44; 
	text-shadow:-1px -1px 0 #77CBE7; 
	-webkit-box-shadow:0 1px 2px #777; 
	-moz-box-shadow:0 0 2px #aaa; 
	box-shadow:0 1px 2px #777 
} 
.gold, a.gold {
	background:#FFE750 url('images/bg/sprite_gradients.png') repeat-x left -126px;
	border:1px solid #A9A012;
	color:#2D2900;
	text-shadow:1px 1px 0 #FDF8AB;
	padding:15px 19px 13px; 
	font-size:20px;
}
.gold:hover {
	background:#FFE750 url('images/bg/sprite_gradients.png') repeat-x left -177px;
	border:1px solid #C8B700;
	color:#544A00;
	text-shadow:1px 1px 0 #FFFCCE;
	text-decoration:none;
}
.gold:active {
	background:#FFE750 url('images/bg/sprite_gradients.png') repeat-x left -230px;
	border-color:#91861F; 
	color:#352E00; 
	text-shadow:-1px -1px 0 #FFFFA2; 
	-webkit-box-shadow:0 1px 2px #777777; 
	-moz-box-shadow:0 0 2px #aaaaaa; 
	box-shadow:0 1px 2px #777777; 
}
.proceed::-moz-focus-inner, .gold::-moz-focus-inner { border: none; outline: none; } 
.form { list-style: none; } 
.form li { display: block; padding: 0.5em 0; clear: both; } 
.form li p { font-size: 0.846em; margin: 0 0 0 180px; color: #666666; } 
.form li.last { margin:0 0 0 180px } 
.form li label { width: 100%; display: block; text-align: left; margin: 0.4em 0 0 0.2em; } 
.form li label.wipe { width: auto; display: inline; font-weight: norma;l } 
/* A more spacious .form extention */
ul.breather li { display:block; padding:0.7em 0; clear:both; } 


.input { 
	border:1px solid #333; 
	border-color:#999 #ccc #ccc #999; 
	padding:3px 5px; 
	width:90%; 
	color:#5f5f5f; 
	font-size:13px;  
	outline:none;  
	transition:all 0.15s ease-in-out;  
	-webkit-transition:all 0.15s ease-in-out;  
	-moz-transition:all 0.15s ease-in-out;  
	border-radius:3px;  
	-webkit-box-shadow:inset 0 1px 2px #e0e0e0; 
	-moz-box-shadow:inset 0 1px 2px #e0e0e0; 
	box-shadow:inset 0 1px 2px #777 
	-webkit-border-radius:3px;  
	-moz-border-radius:3px; margin:0 3px 
} 
input.input:hover { border-color:#777 #aaa #aaa #777; outline:1px dotted #C7FF99 } 
input.input:focus { border-color:#777 #aaa #aaa #777; color:#111;  box-shadow:0 0 3px #48C600;  -webkit-box-shadow:0 0 3px #48C600;  -moz-box-shadow:0 0 3px #48C600; outline:none; } 
input.small { width:30% !important; font-size:0.923em } 
input.medium { width:50% !important } 
input.large { width:97% !important; } 
input.bigger { padding: 6px 7px;  font-size:16px; width:94%; } 

textarea { 
	width:96%; 
	height:240px; border:1px solid #333; 
	border-color:#999 #ccc #ccc #999; 
	font-size:1em; 
	padding:7px; 
	color:#333; 
	resize:vertical;
	outline:none; 
	font-family:"Lucida grande";  
	border-radius:3px;  
	-webkit-border-radius:3px;  
	-moz-border-radius:3px; margin:0 5px;  
	transition:all 0.25s ease-in-out;  
	-webkit-transition:all 0.25s ease-in-out;  
	-moz-transition:all 0.25s ease-in-out 
} 
textarea:focus { 
	border-color:#666 #aaa #aaa #666; 
	color:#111; 
	-moz-box-shadow:#ccc 0 0 6px; 
	-webkit-box-shadow:#ccc 0 0 6px; 
	-ktml-box-shadow:#ccc 0 0 6px; 
	box-shadow:#ccc 0 0 6px 
} 

label { font-weight:bold; font-family:helvetica } 


/* B U T T O N S   &  C L I C K A B L E S
---------------------------------------------- */
#signup_side_button, #large_signup_button { text-indent:-9999px; display: block; } 
#signup_side_button { width:180px; height:51px; background:url('images/elements/signup_button.png') no-repeat left top; margin:4px; } 
#large_signup_button { width:280px; height:80px; background:url('images/elements/large_signup_button.png') no-repeat left top; margin:5px; border-radius: 14px; } 

#signup_side_button:hover, #large_signup_button:hover { background-position:left center; } 
#signup_side_button:active, #large_signup_button:active { background-position:left bottom; } 


#large_signup_button, #side_signup a.gold, .glow_animate_yellow_button{
    -webkit-animation-name: pulsate;
	-webkit-animation-duration: 2.5s;
	-webkit-animation-iteration-count: infinite;	
/*    -moz-animation-name: pulsate;
	-moz-animation-duration: 2.5s;
	-moz-animation-iteration-count: infinite;	*/
}

.glow_animate_blue_btn{
    -webkit-animation-name: pulseblue;
	-webkit-animation-duration: 2.5s;
	-webkit-animation-iteration-count: infinite;	
/*    -moz-animation-name: pulsate;
	-moz-animation-duration: 2.5s;
	-moz-animation-iteration-count: infinite;	*/
}


@-webkit-keyframes pulsate {
0% {   -webkit-box-shadow: none;}
50% {  -webkit-box-shadow: 0px 0px 15px yellow;}
100% {  -webkit-box-shadow: none;}
}

@-moz-keyframes pulsate {
0% {   box-shadow: none;}
50% {  box-shadow: 0px 0px 15px yellow;}
100% {  box-shadow: none;}
}

@-webkit-keyframes pulseblue {
0% {   -webkit-box-shadow: none;}
50% {  -webkit-box-shadow: 0px 0px 15px #6AC8F7;}
100% {  -webkit-box-shadow: none;}
}

@-moz-keyframes pulseblue {
0% {   box-shadow: none;}
50% {  box-shadow: 0px 0px 15px #6AC8F7;}
100% {  box-shadow: none;}
}


/* F O R E S T   P A G E 
---------------------------------------------- */
#forest-epicenter{  height:200px; background:url(images/forest.jpg) no-repeat center top; padding:10px 0 10px; }
#forest-info{float:left; overflow:hidden; padding:10px 30px 0; width:400px;}
#forest-actions{width:230px; height:170px; background: black; background: rgba(0,0,0,0.5); float:right; margin:0 10px; -moz-border-radius:8px; color:#81B186; padding:10px; border:5px solid #111111; }
.percent-rate{background:url(images/bg/exp.gif) no-repeat right top #fff; border:1px solid #AAA; float:left; font-size:12px; font-weight:bold; text-align:center; width:135px; }

#percent-rate-exp {background:url(images/bg/level.gif) no-repeat right top #fff;}

.bug_shelf{background:#fff; overflow:hidden; padding:10px 5px; color:#333; border-bottom:2px solid #eee;}
.bug_shelf h2{margin-top:5px; color:#3d5627}

.hunter_stat { background:#444; padding:2px 4px; border:1px solid #4f4f4f; }
#forester_data { height:20px; background:#111; padding:10px; color:#dddddd; }

.widget h3 a, .h3_link {
    float:right;
    font-size:13px;
    font-weight:normal;
    line-height:24px;
    opacity:0.7;
}
.widget h3 a:hover, .h3_link:hover {
    opacity:1;
}

#forest_header {
	background:black; padding:10px 15px; color:#aaa; overflow:hidden; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
}
#caught_info {
	background:white; height:170px; margin-top:-5px; -moz-border-radius:6px; float:left; width:415px; margin:0 10px 10px; border:5px solid #ddd; padding:10px; -webkit-box-shadow: 0px 0px 5px #000000; -moz-box-shadow: 0px 0px 10px #000000; box-shadow: 0px 0px 5px #000000; border-radius:8px; -moz-border-radius:8px;
}

#caught_info img {
	margin:0 5px 0 0; float:left
}
#bug_name {
	font-size:24px; letter-spacing:-1px;
}

#forester_data {
	-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;
}

.widget { float:left; width:350px; margin:20px 5px 0; padding:0 5px 5px; background:#272F10; border-radius:6px; -moz-border-radius:6px; color:#fff; }
.widget h3 {
    margin:0 -5px;
    background:black; 
    padding:8px 15px; 
    color:#999; 
    overflow:hidden; 
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#caught_bugs, #leaderboard_bugs { overflow:hidden; }
#caught_bugs li, #leaderboard_bugs li {
    float:left;
    list-style:none;
    border:2px solid #98A043;
    margin:5px 3px;
    border-radius:6px;
    -moz-border-radius:6px;
    position:relative;
    opacity:0.5;
}
#caught_bugs li:hover, #leaderboard_bugs li:hover { opacity:1 }
#caught_bugs li:hover, #leaderboard_bugs li:hover { border:2px solid #D4C82F }
#caught_bugs span, #leaderboard_bugs span {
    position:absolute;
    bottom:2px;
    right:2px;
    background:black;
    font-size:12px;
    padding:1px 4px;
    border-radius:8px;
    -moz-border-radius:8px;
}
#caught_bugs li img, #leaderboard_bugs li img{
    width:60px;
    height:60px;
    border-radius:4px;
    -moz-border-radius:4px;
    background:white;
}
#leaderboard_bugs li#thisisme { border-color:orange; }
#leaderboard_bugs li#thisisme img { background:#ffa; }

/*  G E N E R I C   G O O D I E S
--------------------------------------------- */
.blue_box { padding:10px 15px; background:#d2eff6; -moz-border-radius:6px; -webkit-border-radius:6px; border: 1px solid #a8e0ee; position:relative; background: -moz-linear-gradient(top, #eef9fc, #d2eff6 80%);  
background: -webkit-gradient(linear, 0 0, 0 80%, from(#eef9fc), to(#d2eff6));  
}

.pagination { clear:both; display:block; }
/* F R I E N D S
---------------------------------------------- */
#progress_gradient {
	background: #fff url('images/bg/invite_progress.png') no-repeat left center;
	width:40px;
	float:right;
	height:600px;
	border:2px solid #B4DA89;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}	
#timeline_container {
	background:#D9F4B3; 
	padding:13px 15px 25px; 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:2px solid #C4E499;
}
#timeline_container strong{ display:block; margin-bottom:4px; color:#579319; }
#timeline {
	height:600px; 
	float:right; 
	width:40px; 
	position:relative; 
	font-family:Helvetica; 
	font-size:15px;
	color:#5A871D;
	font-weight:bold;
}
#timeline div { border-top:2px solid #82C734; width:37px; position:absolute; padding-left:3px }
#progress_gradient #timeline  div { border-top:1px solid rgba(0, 0, 0, 0.070); width:37px; position:absolute; }
#your_refferal_link { padding:6px 7px; font-size:19px; width:500px; border:2px solid #B1EBF5; outline:1px solid #ffa }

.crystal_blue h4 { border-top:1px dashed #BBDBE1; padding-top: 10px; }
.crystal_blue {
	margin:15px 0 10px; 
	padding:15px 20px 10px; 
	background:#E0FAFF; 
	color:#005F76; 
	border:2px solid #C3EFF7;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.ladder li:last-child{
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.ladder li:first-child{
	background:#D3F781; 
	color:#344E00; 
	border-bottom:0; 
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;			
	border:1px solid #B6DD60;
	border-bottom:0;
	margin:0 6px;
}
.ladder li {
	margin:0 5px;
	display:block;
	overflow:hidden;
	background:#C6E185;
	padding:9px;
	border-bottom:1px solid #B1CF6A;
	border-top:1px solid #DFF0B6;
}
.ladder li#first_place {
	padding:10px 10px;
	margin:0 0 0;
	border:2px solid #dd7;
	z-index:9999;
	background-color: #1a82f7; /* fallback color */
    background-image: -moz-linear-gradient(100% 100% 90deg, #ff6, #ffd);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd), to(#ff6));
}


/*  F O O T E R
--------------------------------------------- */
#footer { 
	margin:0 14px 10px; 
	overflow:hidden; 
	width:892px; 
	color:#ccc; 
	background:#36561c; 
	border:1px solid #093d0c; 
	-webkit-border-bottom-right-radius:8px; 
	-webkit-border-bottom-left-radius:8px; 
	-moz-border-radius-bottomright:8px; 
	-moz-border-radius-bottomleft:8px; 
	padding:14px 20px 15px 
} 
#footer .help { 
	margin-top:4px; 
	display:block; 
	background:#6EBF0B; 
	font-weight:bold; 
	color:#1D2612; 
	padding:4px 14px; 
	font-size:14px; 
	-webkit-border-radius:8px; 
	-moz-border-radius:8px; 
	border-radius:8px; 
	border:2px solid #152B00 
} 

#footer .help:hover { background:#7ED325; border:2px solid #1F5600; } 
#footer .logo { margin:5px 0 0; opacity:0.7; float:left; display:block; width:142px; height:34px; background:url(images/logo_small.png) no-repeat left top; text-indent:-9999px; } 
#footer .logo:hover { opacity:1 } 
#footer div.first { padding:0px 0 0 0; font-size:12px; float:left; } 
#footer div { padding:3px 10px 0 0; font-size:11px; float:left; } 
#footer a { color:#9CB872; }