/* CSS: Treasure Trove */

/* -------------------------------------------------------- */
/* HEADER styles */
/* -------------------------------------------------------- */

body#cold {background: #031c2c url(../images/bgrnd_cold.gif) top left repeat-x;}
/* body#cold #wrapper {} -- if need a background image for not logged in */

body#hot {background: #000 url(../images/bgrnd_hot.gif) top left repeat-x;}
body#hot #wrapperhome {background: transparent url(../images/bgrnd_scene_lantern.jpg) top center no-repeat; width:100%;}
/* different background images (home page, no lantern) */
body#hot #wrapperhomeCity {background: transparent url(../images/bg_banners/BannerCityNight_woL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperhomePirate {background: transparent url(../images/bg_banners/BannerPirateNight_woL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperhomeShroom {background: transparent url(../images/bg_banners/shroomLand_woL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperhomeCandy {background: transparent url(../images/bg_banners/candyLandBanner_woL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperhomeFrontier {background: transparent url(../images/bg_banners/Frontier_woL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperhomeSpooky {background: transparent url(../images/bg_banners/spookyBanner_woL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperhomeArabian {background: transparent url(../images/bg_banners/arabianNights_woL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperhomeCosmic {background: transparent url(../images/bg_banners/cosmicRoom_woL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperhomeWinter {background: transparent url(../images/bg_banners/WinterWonderland_woL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperhomeTemple {background: transparent url(../images/bg_banners/templeBanner_woL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperhomeNinja {background: transparent url(../images/bg_banners/Ninja_woL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperhomeGalactic {background: transparent url(../images/bg_banners/galactic_woL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperhomeClub {background: transparent url(../images/bg_banners/communityBanner_woL.jpg) top center no-repeat; width:100%;}



body#hot #wrapper {background: transparent url(../images/bgrnd_scene_lantern.jpg) top center no-repeat; width:100%;}
/* different background images (all other pages, with lantern) */
body#hot #wrapperCity {background: transparent url(../images/bg_banners/BannerCityNight_wL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperPirate {background: transparent url(../images/bg_banners/BannerPirateNight_wL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperShroom {background: transparent url(../images/bg_banners/shroomLand_wL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperCandy {background: transparent url(../images/bg_banners/candyLandBanner_wL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperFrontier {background: transparent url(../images/bg_banners/Frontier_wL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperSpooky {background: transparent url(../images/bg_banners/spookyBanner_wL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperArabian {background: transparent url(../images/bg_banners/arabianNights_wL.jpg) top center no-repeat; width:100%;}
body#hot #wrappercosmic {background: transparent url(../images/bg_banners/cosmicRoom_wL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperWinter {background: transparent url(../images/bg_banners/WinterWonderland_wL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperTemple {background: transparent url(../images/bg_banners/templeBanner_wL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperNinja {background: transparent url(../images/bg_banners/Ninja_wL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperGalactic {background: transparent url(../images/bg_banners/galactic_wL.jpg) top center no-repeat; width:100%;}
body#hot #wrapperClub {background: transparent url(../images/bg_banners/communityBanner_wL.jpg) top center no-repeat; width:100%;}

body#dashboard {background: #000}

#header {background: transparent url(../images/menu_bg.png) top left repeat-x; position: relative; z-index: 6; height: auto;}

#header h3 a {	
	text-indent: -9999px;
	border: 0;
	display: block;	
	width: 170px;
	height: 77px;
	background: transparent url(../images/logo.png) top center no-repeat; 
	}
* html #header h3 a {background: transparent url(../images/logo.gif) top center no-repeat; } 

#menu {white-space: nowrap; margin: 10px 0 0 0; position: relative; z-index: 2;}	
#menu a {display:block;}
#menu ul {margin: 0; padding: 0; list-style: none; }
#menu li {float:left; list-style: none;  }
#menu li a {padding: 5px 6px; font-weight:bold; font-size: 1em; line-height: 1em; color: #e7f1cf; position: relative; }
#menu li a:hover {color:#183a5f; text-decoration: none;}
#menu li#activetab {margin: 2px 0 0 0; color: #fff; background:url(../images/m_tab_r.gif) no-repeat right top;}
#menu li#activetab a {padding: 8px 10px; background:url(../images/m_tab_l.gif) no-repeat left top;}
#menu li#active { margin: 2px 0 0 0; color: #fff; background:url(../images/m_on_r.gif) no-repeat right top;}
#menu li#active a {padding: 8px 10px; background:url(../images/m_on_l.gif) no-repeat left top;}

#menu ul#subnavlist {
	position: absolute; 
	width: 530px; 
	height: 35px; 
	left: 0; 
	top: 32px; 
	background:url(../images/m_subnav_bg.gif) no-repeat left top;; white-space: nowrap; 
	padding: 0 0 0 10px;
	font-size: 1em; line-height: 1em;
	}

#menu ul#subnavlist li  {padding: 1px 9px 2px 0; color: #fff; width: auto;}
#menu ul#subnavlist li a {background-image: none;}
#menu ul#subnavlist li#subon {padding: 2px 0; background:url(../images/m_subon_r.gif) no-repeat right center; }
#menu ul#subnavlist li#subon a {background:url(../images/m_subon_l.gif) no-repeat left center;}

ul#publicnav {
	position: relative; 
	width: 710px; 
	height: 35px; 
	left: 0; 
	top: -2px; 
	background:url(../images/m_subnavpub_bg.gif) no-repeat left top;; white-space: nowrap; 
	padding: 0 0 0 10px; margin: 0;
	font-size: .9em; line-height: 1em; list-style: none; font-weight:bold; 
	}

ul#publicnav li  {float:left; list-style: none; padding: 9px 7px; color: #000; width: auto;}
ul#publicnav li a {background-image: none; color: #fff; display:block;  }
ul#publicnav li a:hover {text-decoration:none; color: #183a5f; }
ul#publicnav li#subon {padding: 1px 0; background:url(../images/m_subonpub_r.gif) no-repeat right center;}
ul#publicnav li#subon a {padding: 9px 15px; background:url(../images/m_subonpub_l.gif) no-repeat left center; }




/* accnt area */
#userinfo {
	width: 230px; 
	background: url(../images/accnt_top.gif) top left no-repeat;
	margin: 2px 0 0 10px;
	color: #666;
	position: relative;
	z-index: 200;
	}

#userwrapper { margin: 5px 0 0 0; padding-bottom: 0px; width: 226px; background: #e8e8e8; border-left: 2px solid #b9d714; border-right: 2px solid #b9d714;}
#userpic { 
	margin: 0 0 0 3px; 
	background: #fff; 
	width: 80px; 
	border: 1px solid #ccc; 
	text-align: center;
	font-size: .9em;
	line-height: 1em;
	font-weight: bold;
	padding-bottom: 5px;
}
#usertext {padding: 4px 4px 0 0; width: 132px; float: right; }
#usertext h4 {margin: 3px 0 0 0; color:#000;}
#usertext p {font-size: .8em; line-height: 1.1em; padding: 0; margin: 0;}
#userbtm {height: 5px; background: url(../images/accnt_btm.gif) bottom left no-repeat;}
.timestamp {font-size: .7em; line-height: 1em; padding: 3px 0;}



#usertext_hot, #usertext_public {
	padding: 10px 4px 0 0px; 
	width: 132px; 
	float: right; 
	color: #666; 
	background: #e8e8e8;
}
#usertext_hot h4, #featplayer h4, #usertext_public h4 {margin: 0; line-height: 1.0em; color:#000; font-size: 1em;}
#featmovie h4 {margin: 0;}
#usertext_hot p, #usertext_public p {font-size: 1.0em; line-height: 1.1em; padding: 0; margin: 0}
#usertext_hot p.small, #usertext_public p.small {line-height: .8em;}

p.TRCalert {font-size: .8em; font-weight: bold; color: #f26d7d; padding: 5px 0;}

#userinfo_public {
	width: 230px; 
	background: url(../images/accnt_toppublic.gif) top left no-repeat;
	margin: 1px 0 10px 0;
	color: #666;
	padding-top: 1px;
	}
#userwrapper_public {margin: 4px 0 0 0; padding-bottom: 0px; width: 226px; background: #e8e8e8; border-left: 2px solid #f26d7d; border-right: 2px solid #f26d7d;}
#userpic_public { margin: 0 0 0 3px; background: #fff; width: 80px; border: 1px solid #ccc;}
#userbtm_public {height: 5px; background: url(../images/accnt_btmpublic.gif) bottom left no-repeat;}

#userpic_public, #userpic, .featplayerpic {background: #fff url(../images/character_shadow.gif) top left no-repeat;}
.gold_subscriber_bg, #gold_subscriber_bg {
	background: #fff url(../images/character_shadow_subscriber_only.png) top left no-repeat !important;
}
.ds_bg, #ds_bg {
	background: #fff url(../images/character_shadow_ds_only.png) top left no-repeat !important;
}
.gold_and_ds_bg, #gold_and_ds_bg {
	background: #fff url(../images/character_shadow_both.png) top left no-repeat !important;
}

#hot #content.container {position: relative; top: 20px;}
#cold #content.container {position: relative; top: 7px;}


.mod1 {background: #031c2c url(../images/mod1_bg.gif) top left repeat-x; margin-bottom: 10px;}
.mod2 {width: 218px; background: #031c2c; padding: 5px; margin-bottom: 10px;}
.mod3 {background: #031c2c; margin-bottom: 10px;}
.mod4 {background: #01090e url(../images/mod2_bg.gif) top left repeat-x; margin-bottom: 10px;}
.mod5 {background: #e1e1e1; margin-bottom: 10px; color: #333;}
.modwhite {background: #fff; margin-bottom: 10px;}
.mod6 {background: #084767 url(../images/mod6_bg.gif) top left repeat-x;}
.mod6_bottom {background: #084767 url(../images/mod6_bg.gif) top left repeat-x; margin-bottom: 10px;}
.mod7 {background: #0f688d}
.mod8 {background: #0b5779; margin-bottom: 10px;}

.homecontent {position: relative; top: 20px; height: 451px;}
.homecontent .mod_body {padding-left: 0;}
.homefeatures {position: relative; top: -82px; z-index: 1px; padding-top: 30px;}
img.homeimg {z-index: 20; position: relative;}


/********************************CTW2***************************************/

.environment {
	position: absolute;
	left:5px;
	top:5px;
	font-weight: bold;
}

/* DASHBOARD */

img.dashboard_icon {
	vertical-align:middle;
}

#usertext_hot .bell_progress_container {
	width: 131px;
	height: 54px;
	background:url(../images/bell_therm_base.png) no-repeat scroll left top transparent; 
	margin-top:5px;
}

img.bell_rank_image {
	vertical-align: middle;
	padding: 5px 0 0 5px;
}

.bells_goal {
	font-size: .7em;
	font-weight: bold;
	color:#969696;
}

.progress_bar_container {
	width: 95px;	
	margin: 8px 0 0 11px;
}

.progress_bar {
	height: 3px;
	background-color: #c5e901;
	
}

.therm_ball_text {
	color:#000000;
	font-size:0.8em;
	font-weight:bold;
	position:relative;
	left:111px;
	top:-14px;
}

#usertext_hot .bottom_section {
	padding-top:8px;
}

/* HOME LOGGED OUT */

.title_banner_left {
	float: left;
	display: inline;
	padding: 0;
}
.title_banner_right {
	float: left;
	display: inline;
	padding: 0;
}

.blue1 {color: #76c6df;}
.blue2 {color: #d2e8f3;}

.community_counters {
	color: #d2e8f3;
	font-size:1.3em;
	font-weight: bold;
}

/* SIGN UP FORM */

.character_bg {
	background:url("../images/signup_char_bg.png") no-repeat scroll left top transparent;
	height:125px;
}

.character_bg img {
	padding-left: 131px;
}

/* NEW USER FLOW */

.welcome_box {
	padding: 10px 0 10px 0;
}
.welcome_buttons {
	padding: 3px 0 3px 0;
}
.welcome_buttons a {
	padding-right: 8px;
}
a.change_char_button {
	background-image:url(../images/change_char_button.png); background-position:center top;display:block;height: 34px;width: 442px;text-indent: -9999px; margin-left:14px;
}
a.start_exploring_button {
	background-image:url(../images/start_exploring_button.png); background-position:center top;display:block;height: 40px;width: 442px;text-indent: -9999px; margin-left:254px;
}
a.continue_exploring_button {
	background-image:url(../images/continue_exploring_button.png); background-position:center top;display:block;height: 40px;width: 442px;text-indent: -9999px; margin-left:254px;
}
a.new_welcome_button {
	background-image:url(../images/club_home_button.png); background-position:center top;display:block;height: 117px;width: 150px;text-indent: -9999px; float: left;
}
a.new_welcome_button2 {
	background-image:url(../images/my_world_button.png); background-position:center top;display:block;height: 117px;width: 150px;text-indent: -9999px;float: left;
}
a.new_welcome_button3 {
	background-image:url(../images/ds_world_button.png); background-position:center top;display:block;height: 117px;width: 150px;text-indent: -9999px;float: left;
}
a.new_welcome_button4 {
	background-image:url(../images/galaxy_button.png); background-position:center top;display:block;height: 117px;width: 150px;text-indent: -9999px;float: left;
}
a.new_welcome_button5 {
	background-image:url(../images/gamestar_button.png); background-position:center top;display:block;height: 117px;width: 150px;text-indent: -9999px;float: left;
}
a.new_welcome_button6 {
	background-image:url(../images/friends_button.png); background-position:center top;display:block;height: 117px;width: 150px;text-indent: -9999px;float: left;
}
a.change_char_button:hover, a.start_exploring_button:hover, a.continue_exploring_button:hover, a.new_welcome_button:hover, a.new_welcome_button2:hover, a.new_welcome_button3:hover, a.new_welcome_button4:hover, a.new_welcome_button5:hover, a.new_welcome_button6:hover {
	background-position:center bottom;
}

/* WELCOME PAGE */

h4.welcome_tagline {
	margin: 0 0 12px 20px;
}
.bottom_32 {
	margin-bottom: 32px !important;
}
h3.welcome_hdr {
	background:url(../images/mod2_bg.gif) top left repeat-x; 
	font-size:1.3em; 
	color: #ffffff; 
	padding: 7px 20px 10px 20px; 
	margin: 0; 
	line-height: 1.2em;
}
.left_content {
	float: left;
}
.step_title { padding-left: 20px; }
.step_complete {
	float: right;
	color: #a1ca11;
}
.step_img_link {
	float: left;
}
.step_description {
	float: left;
	padding-left: 15px;
	font-size: 1em;
	font-weight: bold;
}
.step_description .text {
	padding-bottom:4px;
}
.unity_buttons {
	padding: 5px 10px 0 10px;
	float: left;
}
.unity_buttons  .first {
	padding-right: 20px;
}
.checkbox_group { float: left; }
.button_right { float: right; }

/* GOLD MEMBER BENEFITS */

.gold {color: #e8c219;}
.span-3_5  { width: 220px;}
.span-5_5  { width: 296px;}

/* SUBSCRIBE */

.silver {color: #cbd7e7;}
.green {color:#76bc1d;}
img.subscription_image {
	vertical-align:middle;
}

.continue_text {
	padding: 20px;
}


/* NEW HOME PAGE LOGGED IN */

.chat_screenshot {
	float: left;
	width: 200px;
	text-align: center;
	margin-right: 36px;
	font-weight: bold;
}

.chat_screenshot a:hover {
	text-decoration: none;
}

a.victory_star_huge_button {
	background-image:url(../images/home_victorystar_bg.png); 
	background-position:center top;
	display:block;
	height: 286px;
	width: 709px;
	text-indent: -9999px; 
	margin-bottom: 10px;
}
a.victory_star_huge_button:hover {
	background-position:center bottom;
}

h3.leaderboard_heading {
	padding-top: 8px;
	text-align: center;
}

/* USER PAGE */

#ds_only_stats {
	width: 190px;
	margin:4px 0 0 0px;
	padding: 10px 10px 5px 20px;
	/*border:2px solid #CCCCCC;*/
	background:none repeat scroll 0 0 #E8E8E8;
	position: absolute;
	line-height: 1.1em;
}

#ds_only_stats p.heading {
	font-weight: bold;
	padding: 0 0 5px 0;
}

#home_star_main_image {
	background: transparent url(../images/bg_home_star.jpg) left top no-repeat;
	height: 384px; 
	width: 1075px; 
	margin: 0 auto; 
}

#game_star_main_image {
	background: transparent url(../images/bg_game_star.jpg) left top no-repeat;
	height: 384px; 
	width: 1075px; 
	margin: 0 auto; 
}

#home_star_main_image #screenshot_link, #game_star_main_image #screenshot_link {
	position: relative;
	top: 85px;
	left: 217px;
}

#home_star_main_image #screenshot_btm_link, #game_star_main_image #screenshot_btm_link {
	position: relative;
	top: 138px;
	right: 193px;
}

.key_reward_column {
	width:30%;
}

/* MY WORLD -> GAME STAR */

div#mygamestarlevels .gamestar {
	padding: 0 39px 10px 0;
	float: left;
}

div#mygamestarlevels .last {
	padding-right: 0px;
}

/* MY WORLD -> DS WORLD */

#trove img.ds_icon {
	position:absolute;
	left:25%;
	top:17px;
}

.key_reward_icon {
	vertical-align: middle;
}

/* TREASURE MAP & DS HELP */

img.ds_icon {
	vertical-align: middle;
}

/* CLUB COLLECTION */

h4.galaxy_intro_text {
	color: #A1CA11;
	font-size: 1.3em;
	margin-bottom: .3em;
}

div#clubcollection div.sort_by {
	font-weight: bold;
	padding-bottom: 15px;
}

div#clubcollection div.homestar, div#clubcollection div.gamestar {
	float: left;
	padding: 0 39px 10px 0;
	width: 200px;
}

div#clubcollection div.homestar_first {
	float: left;
	background: url(../images/my_homestar_hilite.png) top left no-repeat;
	width: 220px;
	height: 124px;
	margin-right: 17px;
}
div#clubcollection div.homestar_first img {
	padding: 10px 0 0 10px;	
}

.galaxy_intro {
	padding:1em;
	margin-bottom: 10px;
}
.galaxy_intro div.homestar {
	padding-top: 10px !important;	
}

div#clubcollection div.last, div#clubcollection div.last {
	padding-right: 0px;
}

p.star_info_first {
	color: #a1ca11;
	text-transform:uppercase;
	text-align:center;
	padding:0;
	margin:0;
	font-weight: bold;
	font-size: 1.2em;
}

p.star_info {
	text-align:center;
	padding:0;
	margin:0;
	font-weight: bold;
	font-size: .8em;
}

p.star_info img { vertical-align: middle; }

p.star_info .share_text { color: #95C80D; }

p.star_info_date {
	text-align:center;
	padding:0;
	margin:0;
	font-weight: bold;
	font-size: .7em;
}

.line {
	float:left;
	width:670px;
	height:1px;
	border-top:1px solid #134462;
	background-color:#020f18;
	margin:10px 0px;
}
.galaxy_line { width:920px; }

/* BUY COINS FORM */

#buy_coins {
	padding: 20px;
}

.buykeys_left {
	float: left;
}

.buykeys_upsell {
	float: left;
	padding-top:90px;
}



/***************************************************************************/





/* Giulio add-on for dancing character */
#dancing { padding-right: 10px; padding-left: 10px; }
#dancing img { position: relative; bottom: -13px; left: 38px; }
#dancing .heading { 
	border-bottom: 1px solid #209AC3;
	color: #FFFFFF;
	font-weight: bold;
	font-size: .8em;
	padding: 5px; 
	text-align: center;
	margin-bottom: -35px;
}

/* Giulio add-on for facebook share box */

#facebook-share {
	padding: 10px;
}
#facebook-share img {
	margin-right: 4px;
}
#facebook-share a {
	color: #FFFFFF;
	font-size: .8em;
	font-weight: bold;
}

.homebutton {margin: 1em 0 0 2em;}
.homescreens {width: 278px; position: relative; z-index: 10; left: 700px; top: -200px;}
.trailerlink {font-weight: bold; position: relative; left: 470px; top: -50px; z-index: 20; }
.trailerlink img {float:left; padding-right: 5px;}
.logos {position: relative; padding-top: 20px; margin-bottom: 30px;} /* Giulio messing with this */
.logos img {padding-right: 20px;}
.homecopy {color: #999; padding: 10px 0 0 0;}

/* Giulio add-ons for new home page cold */
img.homeearth {position: relative;  right: 10px; margin-top: -6px; /* 3px; */}
.filler { height: 0px; }
img.homeds { position: relative; margin-top: 10px; right: 7px; }
ul.homesidebar {
	list-style-type: none;
	margin: 0 0 0 -10px;
	width: 205px;
}
.homesidebar li { border-bottom: 1px dotted #9cd6ee; margin-bottom:10px; }
.homesidebar li img { }
.homesidebar li a { font-weight: bold; color:#9cd6ee; }
.homesidebar-text {
	float: left;
	width: 90px;
	margin: 20px 0px 0 0;
}


#fireflywrapper {width: 350px; text-align: center; position: absolute; top: 37px; left: 50%; z-index: 1; }
#fireflies {position: absolute; left: -210px; }

.feature {padding: 10px 0;}
.feature img {padding-right: 15px;}
.feature h3 {padding: 10px 0 7px 0;}
.feature h3.nopadding {padding: 0 0 7px 0;}
.videos {border-bottom: 1px solid #209ac3;}
img.sideimg {padding: 10px;}

.sideon a {color: #f26d7d; background: #000; display: block;}

#content {position: relative; top: -40px; z-index: 5; font-size: 16px;} 
body#cold #content {position: relative; top: 0; z-index: 5; font-size: 16px;} 
#contentunder {position: relative; top: -40px; z-index: 1; font-size: 16px;} 
#welcome {padding-bottom: 16px; font-weight: bold;}

.community {position: absolute; font-size: 1.2em; top: 5px; left: 698px; text-align: right;}
.community-logout { font-weight: bold; }
.counter {color: #F26D7D; font-size: 1.3em;}

#publiccontent {position: relative; top: 20px; font-size: 16px;}

.errorpage {padding-top: 40px;}

/*leaderboards*/
#treasures_alltime, #stars_alltime {height:1477px;}
.leader-more {font-weight:bold; border-bottom:none; color:#FFFFFF;}

/*footer */
#footer {font-size: 12px; padding: 20px 0; }
#footer a {padding: 0 5px;}
#footer .vines {position: relative; left: -60px; height: 250px; width: 520px; background: url(../images/vines.gif) top left no-repeat; z-index: 10;}
#footercontent {position: relative; top: -185px; }
#copyright {padding: 10px; margin-left: 20px; }
#footermenu {float:right; padding: 10px; position: relative; z-index: 20; }
#footermenu a {color: #95c80d; }
.logosfooter {position: relative; top: -130px; text-align: right; z-index: 40;}
.logosfooter img {padding-right: 20px;}
a.twitter_follow_link {
	float: right;
}
a.updated_privacy_link {
	float: left;
}
.fb_like_button {
	float: right;
	padding-top: 5px;
}


/* home cold */

/* Giulio added on the next 3 for new home page cold */
.homemain {
	color:#9cd6ee;
	font-family:"arial black", Helvetica, sans-serif;
	font-size:22px; 
	line-height:27px;
	text-align:center;

}

.hometext {
	color:#9cd6ee;
	font-family: Helvetica, Arial, sans-serif; 
	font-size:17px;
	line-height:1.2em;
}
.third {
	padding-bottom: 1.1em;
}

.homecallout {
	font-family:"arial black", Helvetica, sans-serif; 
}

.fb-button-home {
	margin-top: 13px;
	font-size: .8em;
	font-weight: bold;
	line-height: 1.2em;
}

ul.links li {font-weight: bold; list-style: none; background:url(../images/arrow.gif) no-repeat left 7px; padding-left: 14px;}
ul.links {margin: 0;}

h3.mod_hdr {background:url(../images/mod2_bg.gif) top left repeat-x; font-size:1.2em; color: #a1ca11; padding: 7px 10px 10px 10px; margin: 0; line-height: 1.2em;}
.mod_body {font-size:1.0em; padding: 20px; }

#gamefeatures {padding: 25px 0;}
#gamefeatures h3 {color:#f26d7d;}

#trove {text-align: center; z-index: 1; position: relative; top: -60px; margin: 0 auto;;}
#dashboardcontent {position: relative; z-index: 3; margin-top: -60px; font-size: 16px;}

table#awards , table#treasurekeys img {padding: 0 10px;}
table#treasurekeys td, table#awards td {padding: 5px 0 3px 0;}
th.date {width: 25%;}
td.date {font-size: .8em;}
.checkmark {vertical-align:text-bottom;}

th.treasure {width: 50px;text-align: center;}

.notbold {font-weight: normal;}

#treasuremap_wrapper {margin: 0; padding: 0;}
#treasuremap {background: #f5e4c6; padding: 10px; color: #333; margin: 0;}
#treasuremap img {text-align: center; border: 5px solid #fff; margin: 0; padding: 0;}
#map_top {height: 18px; background:url(../images/treasuremap_top.gif) top left no-repeat}
#map_btm {height: 18px; background:url(../images/treasuremap_btm.gif) top left no-repeat}

.newsitem {border-bottom: 1px solid #074a73; margin: 0 0 10px 0; min-height: 130px;}
.newsitem img {float: left; padding: 10px 10px 10px 0;}
.news_descr {margin-left: 170px; }

.related li {padding: 5px 0; font-weight: bold;}

.faqs li {padding: 10px 0 0 0;}

.feattutorial, .tutorial {border-bottom: 1px solid #074a73; margin: 0 0 20px 0; }
.feattutorial {min-height: 130px;}
.feattutorial h3, .tutorial h3 {margin-bottom: 0;}
.feattutorial img {float: left; padding: 10px;}
.tutorial_descr {margin-left: 170px; }

.faqtopics {list-style: none; margin: 0;}
.faqtopics li {list-style: none; background: transparent url(../images/arrow.gif) left 17px no-repeat; padding: 10px 0 0 15px;}

.noborder {border: none; border-bottom: none;}
.white {color: #fff;}

/* buttons */
a.rounded, .button, .orange-button {
	outline: none;
	border: none;
	text-decoration: none;
	color:#fff;
	font-weight: bold;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle; /* or top */
	display: -moz-inline-box;
	display: inline-block;
	overflow: visible; /* IE6 form button fix */	
}
.button {
	color:#fff;
	font-weight: bold;
	background: #3a9001 url(../images/btn_bg.gif) top left repeat-x;
	padding: 5px 7px;
	text-align: center;
	margin-bottom: 10px;
}

.orange-button {
	color:#fff;
	font-weight: bold;
	background: #cc6600 url(../images/orng_btn_bg.gif) top left repeat-x;
	padding: 5px 7px;
	text-align: center;
	margin-bottom: 10px;
}

.button:hover { background: #bfdb15; color: #fff;
}

.orange-button:hover { background: #ff9933; color: #fff;
}

a.sidebutton {
	/* width: 216px; */
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	font-weight: bold;
	}

ul.sidenav li {font-weight: bold; list-style: none; padding: 0 0 0 5px ;}
ul.sidenav {margin: 10px 0 0 10px; padding: 0px;}
ul.sidenav li a {display: block; background:url(../images/arrow.gif) no-repeat left 7px; padding: 0 0 .3em 14px; margin-bottom: .5em; }
.sideon {background: #010e16;}

.bodytext {padding: 1em;}

#featplayerpic, .featplayerpic {float:left; margin: 0 10px 10px 0; width: 80px; padding: 0;}
#featplayerinfo {clear: both; border-top: 1px solid #209ac3; margin-top: 10px; padding-top: 10px;}
#feat_jukebox {background:#053654; text-align: center; padding: 5px;}

form#poll {padding: 10px 15px 20px 15px;}
form#poll dd {padding: 5px;}
form#poll label {font-weight: normal;}
#submit {margin: 10px 0;}

#pollresults {padding: 10px 15px 20px 15px; width: 600px;}
#pollresults dd {padding: 5px;}
#pollresults label {font-weight: normal;}
.results-bar {
	padding: 5px;
	font-weight: bold;
	background: #fb3c53 url(../images/results_bar_bg.gif) top left repeat-x;
	white-space: nowrap;
}

.score {text-align:right;}
#topdollars, #toptreasures {padding-top: 5px;}

.mailoptions {clear: both; text-align: right; font-size: .8em; color: #acacac; padding: 2px 0 7px 0; border-bottom: 1px solid #209ac3; margin-bottom: 7px;}
a.reply {font-weight: bold; color: #90c10e;}
.utility {color: #acacac; font-size: 11px;}
a.more {font-weight: bold; font-size: .9em}
a.tablehelp {font-weight: bold; font-size: .9em; padding: 0 0 10px 10px;}
a.btmhelp {font-weight: bold; font-size: .9em; margin: 0 0 20px 20px;}

p.help {font-weight: bold; font-size: .9em; margin: 20px; padding: 0;}

.messagewrapper {background: transparent url(../images/quote_carrot.gif) no-repeat left 5px; margin-left: 81px; }
.message {background: #fff url(../images/quote_bg.gif) bottom left repeat-x ; margin-left: 12px; color:#666; padding: 6px 10px 10px 10px; font-size: 14px; line-height: 18px;}

#accordion h3, #accordion2 h3 {
	margin: 0;
	padding: 5px 10px 10px;
	border-bottom: 1px solid #074a73;
	}
#accordion h3.noborder, #accordion2 h3.noborder {border-bottom: none;}
.leaderboard {padding: 0 1em;}

table#awardsdashboard, table#treasurekeysdashboard, table#rewards, table#friends, table#forums, table#awards, table#treasurekeys, table.textpanel, table.textpanel2   {width: 100%;}

table#awardsdashboard, table#treasurekeysdashboard, table#rewards {margin-bottom: 5px;}
table#awardsdashboard td, table#treasurekeysdashboard td, table#rewards td {padding: 5px 0 0 0;}

table#treasurekeysdashboard, table#rewards {line-height: 1.2em}
td.icon {width: 50px;}
td.opendate {width: 60px; text-align: center;}
td.opendate a {color: #90c10e}

#trove_noTRC {height: 384px; width: 1075px; margin: 0 auto; background: transparent url(../images/trove_noTRC.jpg) left top no-repeat;}
#trove_noTRC p {padding: 200px 200px 0 200px;}
#jukebox_noTRC {height: 404px; width: 350px; background: transparent url(../images/music_player_noTRC.gif) left top no-repeat; padding: 50px 20px;}

.friendalert {background:#79373f;}
.friendalert h3 {padding: 10px 0 0 10px; color: #fff; float: left; width: 140px; margin-top:0;}
.modbutton {margin: 0 0 0 160px; padding: 10px 10px 0 0;}

.sidealert {background:#79373f}
.sidealert h3 {padding: 10px 0 0 10px;}

.wallpostwrapper {clear: both; padding: 10px; border-bottom: 1px solid #074a73; margin: 0 5px;}
.wallpost {float:left}
.wallpost .messagewrapper {width: 550px;}
.mailoptions2 {text-align: right; font-size: .8em; color: #acacac; padding: 2px 0 7px 0; }
.delete {float: right; padding: 0 10px;}

.breadcrumb {padding: 15px 0 40px 0;}
.breadcrumb h6 {size: 16px; line-height: 24px;}
.breadcrumb h1, .breadcrumb h6 {margin: 0; padding: 0;} 
.breadcrumb h1 {} 
.forumpost {float:left}
.forumpost .forumwrapper {width: 437px;}
.forumwrapper .message {width: auto;}
.forumwrapper {background: transparent url(../images/quote_carrot.gif) no-repeat left 5px; margin-left: 240px; }
.forumuser {line-height: 1em; float: left; padding: 15px 0 0 0;}
.forumuser a {font-weight: bold;}
.postdate {font-size: .8em; font-style: italic;}

.quotedtext {
	border-style: solid;
	border-width:1px;
	background:#EBDDDD none repeat scroll 0 0;
	border-color:#DDDDDD;
	padding: 4px 4px 4px 4px;
	margin: 5px 0 8px 0;
}

.pagination {margin: 10px; text-align:center; font-size: .9em; color: #666;}
.pagination a {font-weight: bold;}





table#friends { padding: 5px 10px 10px 10px; margin: 0; font-size: .9em; }
#friends th  { font-weight: bold; color:#fff; border-bottom: 1px solid #209ac3; padding: 5px;}
#friends td,#friends caption { padding: 5px; border-bottom: 1px solid #074a73; }
td.playerpic {width: 80px;}
td.friendname a {font-weight: bold; font-size: 1.1em;}
td.status, th.status {text-align: center;}
.status {color: #666;}
.online {color: #a0d612;}
td.remove {width: 100px; font-size: 11px; line-height: 24px;}
td.remove ul {list-style: none; margin: 0 0 0 15px; padding: 0;}
td.remove li {padding: 0 0 0 15px; display: block;}
li.delete {background: transparent url(../images/delete_sm.gif) no-repeat left 7px; float: none;}

table#forums { padding: 5px 10px 10px 10px; margin: 0; font-size: .9em; }
#forums th  { font-weight: bold; color:#fff; border-bottom: 1px solid #209ac3; padding: 5px;}
#forums td,#forums caption { padding: 10px 5px; border-bottom: 1px solid #074a73; }
td.forumname a {font-size: 1.2em; font-weight: bold;}

#findfriends {padding: 10px 10px 20px 10px; margin-bottom: 10px; border-bottom: 1px solid #209ac3;}
#findfriends .text {}
#findfriends .button {margin: 10px 0 0 0;}

form#editprofile, form#signup {padding: 20px; margin: 0; }
form#editprofile label {font-weight:normal; }
.textfield {margin: 20px 0;}
.profilefield {margin: 20px 0; width: 670px; border-bottom: 1px solid #074a73; padding: 0 0 20px 0;}
.textedit {color: #cce217; padding: 0 26px 0 0;}
.formnotes {color: #acacac; font-size: 12px; font-style: italic; padding: 4px 0 0 0;}
form#editprofile .formnotes {padding: 4px 0 0 10px}
form#editprofile h3 {color: #f26d7d;}
form#editprofile h5 {color: #f26d7d; clear:both; margin: 1.75em 0 0 0;}
#editprofile .button, #signup .button {margin: 1.5em;}
form#signup textarea {height: 10em;}
form#editprofile fieldset {border: none; padding: 10px 0;}

form#friendfinder {padding: 1.4em; }
.searchfield {float: left; }
.searchfield label {color: #f26d7d}
.searchfield input {width: 200px; font-size:16px; padding: 5px;}
#friendfinder .button {margin: 1.5em;}
.notes {color: #acacac; font-size: 12px; font-style: italic;}
.searchfield .notes {width: 200px;}
.facts {margin: 20px; background: #084767;}
.sidebarleft {margin: 20px 0 20px 20px; background: #084767;}

form#email input, form#email select, form#email textarea {margin: 0 0 1em 0;}
form#email input, form#email textarea {width: 400px;}
form#email textarea {height: 10em;}
form#email .button {margin: 0 1.4em 0  0;}

form#trc input {margin: .75em 0;}
form#trc .button {margin: 0 0 0 .75em;}

.announcement {width: 230px; height: 220px; margin-bottom: 10px;}
.announcement h3 { padding: 10px;}

.spotcolor {color: #f26d7d;}

textarea.leavemessage {
	width: 520px;
	height: 3em;
	border: 3px solid #1b98ba;
	padding: 5px;
	font-size: 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;	
	float:left;
}

.wallpost .button {margin: 10px 0 0 10px;}

ul.sitemap {list-style: none; margin: 0; padding: 0;}
.listheader a {font-weight: bold; color: #8abe0d;}
.mapsection {margin: 0 0 2em 0;}
.mapsection h2 {border-bottom: 1px solid #209ac3; padding: 0 0 5px 0; margin: 0 40px 15px 0;}



/* DIALOG STYLES */
.ui-widget {text-align: left;}
.ui-dialog { position: relative; padding: .2em; border: 1px solid #dddddd; background: #fff; color: #333333; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; background: #f6a828 url(../images/mod1_bg.gif) repeat-x; color: #ffffff; font-weight: bold;}
.ui-dialog .ui-dialog-title { margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; background: url(../images/delete.gif) top left no-repeat; text-indent: -9999px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


/* Overlays */
.ui-widget-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .50;filter:Alpha(Opacity=50); }



/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, Verdana, sans-serif; }

.ui-dialog .ui-state-default { border: none; background: #fff; font-weight: bold; color: #2eafce; outline: none; }
.ui-dialog .ui-state-default a,.ui-dialog .ui-state-default a:link,.ui-dialog .ui-state-default a:visited { color: #2eafce; text-decoration: none; outline: none; }
.ui-dialog .ui-state-hover, .ui-dialog .ui-state-focus {color: #8abe0d; outline: none; }
.ui-dialog .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-dialog .ui-state-active a, .ui-dialog .ui-state-active a:link, .ui-dialog .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }



/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }







/* TABS  */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    min-width: 84px;  be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px 3px 10px;
}
.ui-tabs-nav a {
    margin: 1px 0 0 ; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */

}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 4px;
    z-index: 2;
    margin-top: 0;
    color: #fff;
	background: #137ba2 url(../images/tab_bg.gif) top left repeat-x;
	margin-bottom: 3px;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px; 
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px; 
}

.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}

.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    padding: 3px;
    background: #084767 url(../images/panel_bg.gif) top left repeat-x; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}






/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
 .textpanel {padding: 1em;}
 table.textpanel {padding: 0 1em;}