/* ---------------------------------------------------------------------
		Logo (DON'T CHANGE)
------------------------------------------------------------------------ */

#h1 h1 a													{ background: transparent url(h1_logo.png) no-repeat 10px 9px; width: 143px; }
#h1-menu h1													{ width: 166px; }

body.fi2 #h1 h1 a, body.fi #h1 h1 a 						{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(h1_logo.png) no-repeat scroll 13px 8px; width:143px; }

/* ---------------------------------------------------------------------
		H1 Main Menu
------------------------------------------------------------------------ */

#h1-menu, #h1-menu div, #h1-actions, #h1-menu .menulist li { background: none !important;}
#h1-menu, #h1-menu div, #h1-actions, #h1-menu .menulist li, #h1-menu h1 { border: 0 !important;}

/* ---------------------------------------------------------------------
		H2 Menu
------------------------------------------------------------------------ */

#h2																{ background: none; margin: -40px 0 0 0; z-index: 1; border-bottom: 0; }
#h2-content														{ background: transparent url(left.png) no-repeat scroll 0 36px; padding: 10px 0 0 0; height: 36px;}
#h2-menu														{ min-height:28px; height:28px; padding-left:12px;}
#h2-menu .subtitle 												{ display:none; }
#h2-menu h2														{ display:none; }
#h2-menu .menulist												{ margin-top:0; }
#h2-menu .menulist a											{ background: #dfdfdf;}
#h2-menu .menulist span											{ background: #dfdfdf; }
#h2-menu .menulist li.selected a								{ background: #fff; }
#h2-menu .menulist li.selected span								{ background: #fff; }

/* ---------------------------------------------------------------------
		Left Column
------------------------------------------------------------------------ */

/*
#left														{ z-index: 1;}
#left .first.box											{ background: transparent url(left.png) no-repeat 0px -10px; padding-top: 10px; }
#left .box													{ background: transparent url(left.png) no-repeat -250px -20px; }
#left .box .header											{ background: none; }
#left .box .header h3										{ background: none; }
#left .box .center											{ background: none; }
*/


/* ---------------------------------------------------------------------
		Left Column backgrounds from CSS sprites (Do not change)
------------------------------------------------------------------------ */

/*
#left .box .footer											{ background: url(left.png) no-repeat 0 -389px;  height:8px; padding:0; margin:0; }
#left .first.box .footer									{ background: url(left.png) no-repeat 0 -389px;  height:11px; padding:0; margin:0; }

#left .box.under 										   	{ background: transparent url(left.png) no-repeat -740px bottom; padding-bottom:10px; -moz-box-shadow: none; -webkit-box-shadow: none; }
#left .box.under .footer 								   	{ display:none; }
*/


#left .box.campaign-channelmenubox,
#left .box.campaign-channelmenubox .center,
#left .box.campaign-channelmenubox .footer					{padding: 0;}
#left .box.campaign-channelmenubox .center                  {text-align: center; padding: 30px 0;}

/* ---------------------------------------------------------------------
		Left Column dotted lines & title colors
------------------------------------------------------------------------ */

#left dt													{ background: none; }

/* ---------------------------------------------------------------------
		Left Column Action Links (Join / Part etc.)
------------------------------------------------------------------------ */

#left .box .header .actions ul li							{ background:none; }

#left .box .header .actions ul li a,
#left .box .header .actions ul li.last a 					{ background:none; }

#left .box .header .actions ul li:hover,
#left .box .header .actions ul li.last:hover a 				{ background:none; text-decoration:underline; }



/* ---------------------------------------------------------------------
		Content Backgrounds
------------------------------------------------------------------------ */

#center-content 											{ }
.layout-left-center #center-content,
#center .box.first 											{ -moz-border-radius-topright: 0 !important; -webkit-border-top-right-radius: 0 !important; border-top-right-radius: 0 !important;}
#center .first .header 										{ background:none; }
#center .box												{ background:none; }


/* ---------------------------------------------------------------------
		Footer
------------------------------------------------------------------------ */

div#center-footer 													{ margin-bottom:40px; }
#center-footer-links, #center-footer-copyright 						{ }

/* #center a, #center a:hover, #center a:active 					{ color:#119bb7; }*/


/* ---------------------------------------------------------------------
		Peepbox
------------------------------------------------------------------------ */

.peepbox                                                  		 	{ background: transparent url(peepbox.png) no-repeat left top; }
.peepbox .footer                                           			{ background: transparent url(peepbox_footer.png) no-repeat left top; }
#left .box .divider, #left .content .menulist li.divider,
.action-peepbox form hr                                    			{ background: url(divider.png) repeat-x; }

#left .box .divider, #left .content .menulist li.divider,
.action-peepbox form hr                                    			{ background: url(divider.png) left top scroll repeat-x; }

/* ---------------------------------------------------------------------
		Other
------------------------------------------------------------------------ */

/* Show happenings box */
#box-happenings														{ display: none; }

/* Show last tagged blog entries */
#box-blog-topics													{ display: none; }

/* Show similar communities box */
#community-similar													{ display: none; }


/* ---------------------------------------------------------------------
/* ---------------------------------------------------------------------
		CHANGE
------------------------------------------------------------------------ *
------------------------------------------------------------------------ */

body																{ background: #000 url(bg_body.jpg) center top scroll no-repeat; }

/* Sivuala */
#body-content 														{ background: transparent; margin-top: 0; }

/* Main menu */
#h1																	{ background: none;}
#h1-menu .menulist a, #h1-menu .menulist li,
#h1-menu .menulist li.selected, #h1-menu .menulist li.selected a	{ background: none; }
#h1-menu .menulist a                                       			{ color: #fff;}
#h1-menu .menulist li.selected a                           			{ color: #fff; }
#h1 a:hover                                                			{ color: #1d6fa1; }


/* Main menu submenu */
#h1-actions a, #h1-login label										{ color: #d4f0ff; }
#h1-actions a:hover													{ color: #1d6fa1; }
#h1-actions .actions-left li, #h1-actions .actions-right li			{ border: 0 !important; color: #d4f0ff; }


/* Lokkiboksin popup */ 
#friendtracer-window 												{ }

/* H2-menu */
#h2-menu .menulist li, #h2-menu .menulist a, #h2-menu .menulist li span	{ border-radius: 6px 6px 0 0; }
#h2-menu .menulist li span											{ color: #000; }
#h2-menu .menulist li span:hover									{ color: #1d6fa1; }
#h2-menu .menulist li.selected span									{ color: #000; }

#h1-login input.text												{ background: #fff; }

/* Page wide Link Colors */
a, a:hover, a:active, #center a, #center a:hover, #center a:active, #center #center-footer a, #center #center-footer a:hover, #center #center-footer a:active, #center #center-top a, #center #center-top a:hover, #center #center-top a:active, .dialog a, .dialog a:hover, .dialog a:active
																	{ color: #1d6fa1; }
#left .content .menulist li a strong 								{ color: #1d6fa1 !important; }
/* ---------------------------------------------------------------------
		Left 
------------------------------------------------------------------------ */

#left .first.box,
#left .box															{ background: #fff;
																		/*background: -moz-linear-gradient(100% 100% 90deg, #0d0d0d, #232222);
																		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#232222), to(#0d0d0d));
																		filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#232222', endColorstr='#0d0d0d'); 
																		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#232222', endColorstr='#0d0d0d')"; */ }
#left .box .header													{ background: none; }
#left .box .header h3												{ background: none; }
#left .box .center													{ background: none; }


#left .box .footer													{ background: none; }
#left .first.box .footer											{ background: none; }

#left .box.under													{background: #fff;
																		/*background: -moz-linear-gradient(100% 100% 0deg, #0d0d0d, #232222);
																		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#232222), to(#0d0d0d));
																		filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#232222', endColorstr='#0d0d0d');
																		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#232222', endColorstr='#0d0d0d')"; */
																		-moz-box-shadow: 0;
																		-webkit-box-shadow: 0;
																		box-shadow: inset 0 0;
																	}
#left .box.under .footer											{ background: none; }



#left .box															{ color: #000; }
#left .box .header													{ color: #000; }
#left .box .header h3												{ color: #000; }

#left dt															{ color: #964862c; }

/* Left Column Value Color */
#left span.value 													{ color: #e98300; }


/* Left Column Action Links (Join / Part etc.) */
#left .box .header .actions ul li									{ border: 0; }
#left .box .header .actions ul li a, 
#left .box .header .actions ul li.last a 							{ color:#1d6fa1; }
#left .box .header .actions ul li:hover, 
#left .box .header .actions ul li.last:hover a 						{ color:#1d6fa1; }


/* ---------------------------------------------------------------------
		Center
------------------------------------------------------------------------ */

.layout-left-center #center-content 								{ background: #fff; }
#center-shadow 														{ background: transparent; /* url("center_shadow.png") repeat-y scroll left top transparent;*/ }

.box.first .center													{ padding: 10px 10px 10px; }
/* ---------------------------------------------------------------------
		Comment box
------------------------------------------------------------------------ */

#center .insider .tabs ul li.selected,
#center .box#comments,
#center .box#box-likes{ background: #fff; }


#center .box.tabbed .header .actions ul li								{ border: 0; background: #555;
																			/*background: -moz-linear-gradient(100% 100% 90deg, #0d0d0d, #232222);
																			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#232222), to(#0d0d0d));
																			filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#232222', endColorstr='#0d0d0d');
																			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#232222', endColorstr='#0d0d0d')";*/
																		}
#center .box.tabbed .header .actions ul li a							{ color: #fff; }
#center .box.tabbed .header .actions ul li a:hover						{ color: #6166ff; }
#center .box.tabbed .header .actions ul li.selected						{ background: #fff; }
#center .box.tabbed .header .actions ul li.selected	a					{ color: #000; }


.layout-left-center #center .box .tabs									{ background: #e3e3e3; }

#center div.insider .header .actions ul li.last a						{ color: #666; } 	/* delete comments */
.comments .comment														{ color: #000; } 	/* comment text color */
.toolbar li a, #toolbar li a											{ background-image:url(toolbar_button.png); } /* smiley button */

#center div + .form-comment, #center table + .form-comment				{ margin-top: 2em; }
#center .form-comment .comment											{ margin-top: 2px; width: 400px; border: solid 1px #b6b6b6; background: #F8F8F8; }


.box .header h3, .box .header h4										{ color: #000; }
.box.first .header h3													{ display: none; }

#center .tabbed, #community-members										{ background-image: none; background: none; filter:none;}
#center #community-members												{ background: #d8d8d8;}
#center .tabbed .center													{ background: #fff; }

/* ---------------------------------------------------------------------
		Peepbox
------------------------------------------------------------------------ */	

.peepbox																{ color: #fff; }
.peepbox .community-network                                             { color: #fff; }
.peepbox .header .actions h3											{ line-height: 1.2em; text-transform: none; color: #fff; }
.peepbox dt																{ margin-top: 0.5em; color: #fff; background: none;}


/* ---------------------------------------------------------------------
		Footer
------------------------------------------------------------------------ */

#center .box#jointeaser													{ background: #fff; }
#center .box#jointeaser .header h3										{ color: #563c8c; }

#center-footer 															{ color: #fff; }
#center-footer #center-footer-links a                                   { color: #fff; }

/* ---------------------------------------------------------------------
		Other
------------------------------------------------------------------------ */	

/* Community join button  */
#community-join 														{ position: absolute; top: 160px; left: 723px; z-index: 200; width: 230px; background: none; }
#community-join button.submit											{ width: 230px; height: 40px;
																			background: #000000;
																			background: -moz-linear-gradient(100% 100% 90deg, #000000, #333333);
																			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#000000));
																			filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#333333', endColorstr='#000000');
																			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#333333', endColorstr='#000000')";
																			border: solid 2px #000; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
#community-join button.submit:hover										{ -moz-box-shadow: 0 2px 10px #000; -webkit-box-shadow: 0 2px 10px #000; box-shadow: 0 2px 10px #000;}
#community-join button.submit span span									{ text-transform: uppercase; font-size: 13px; color: #ffcb05 !important; }

a.button-submit, button.submit, a.button-large-submit, button.large-submit { background: #f3c918; color: #f7ea2f !important; }
button span span														{ color: #000 !important; }

a.button-orange, button.orange, a.button-large-orange, button.large-orange { /*background: #d41017; color: #fff !important;*/ }

/* ---------------------------------------------------------------------
		Campaign Megabox
------------------------------------------------------------------------ */

.campaign-channelmegabox												{ background: url(bg_megabox.jpg) center top  scroll no-repeat transparent; height: 20px; }
.campaign-channelmegabox .center										{ padding:0; margin:0; }

#teho_energiavesi														{ position: absolute; left: 70px; top: 5px; width: 327px; height: 137px; background: transparent url(energiavesi.png) 0 0 scroll no-repeat; }
#teho_energiajuoma														{ position: absolute; left: 755px; top: 10px; width: 195px; height: 70px; background: transparent url(energiajuoma.png) 0 0 scroll no-repeat; }
#teho_prices															{ position: absolute; left: 75px; top: 135px; width: 260px; height: 303px; background: transparent url(prices.png) 0 0 scroll no-repeat; }
#teho_game																{ position: absolute; left: 330px; top: 130px; width: 384px; height: 368px; background: transparent url(game.png) 0 0 scroll no-repeat; }
#teho_game #game_teaser													{ margin: 25px 0 0; color: #ffcb05; font: normal bold 12px/16px Arial; width: 300px; height: 300px; background: transparent url(bg_game_teaser.png) 0 0 no-repeat; text-align:center; padding: 20px; }
#teho_game #game_teaser	p												{ color: #ffcb05; }

#teho_invite															{ position: absolute; left: 720px; top: 275px; width: 240px; height: 174px; background: transparent url(friend_invite.png) 0 0 scroll no-repeat; }
#teho_invite #invite_form												{ margin: 135px 0 0 20px; }
#teho_invite #invite_form input.suggest-input							{ width: 190px; height: 20px; padding: 2px 4px; }

#haribo_megabox_link1													{ display: block; width: 310px; height: 100px; position: absolute; top: 8px; left: 15px; }
#haribo_megabox_link2													{ display: block; width: 370px; height: 280px; position: absolute; top: 250px; left: 600px; }

#haribo_megabox_nrj_link												{ position: absolute; top: 20px; left: 490px; }

#own_score																{ position: absolute; top: 460px; left: 720px; width: 200px; padding: 10px 20px; background: #000; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: solid 0 #000; text-align: center; font: normal bold 15px Arial, Helvetica, serif; color: #ffcb05; line-height: 22px; }

/* ---------------------------------------------------------------------
		Campaign Specific Style
------------------------------------------------------------------------ */

#teho-indikaattori														{ width: 638px; height: 84px; margin: 10px 20px; }

#teho_statukset															{ margin: 20px 0; background: #000; padding: 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: solid 0 #000; }
#teho_statukset_title													{ margin-bottom: 15px;}
#status_subscription													{ float: right; background: #f3c918; }
.teho_status_entry														{ clear: both; margin: 10px 0; color: #ffcb05; font: normal bold 11px/13px Arial; }
#center .teho_status_entry a											{ color: #ffcb05; }
#center .teho_status_entry .blog_stamp									{ color: #ccc !important; }
.teho_status_entry img													{ float: left; vertical-align: text-top; margin-right: 10px; }
br.clear																{ clear: both; }


/* top lists */
#teho-toplisttitle														{ text-align: center; }
#teho-toplists															{ position: relative; clear: both; }

.scores_table															{ width: 300px; float: left; margin: 10px; background: #fafafa; padding: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: solid 0 #fafafa; }
.scores_table *															{ font: normal bold 12px Arial, Helvetica, serif; line-height: 22px; }
.scores_table .rank														{ clear: both; float: left; width: 50px; }
.scores_table .player													{ float: left; width: 180px; }
.scores_table .points													{ float: left; width: 70px; }

.prevnext_top															{ display: none; text-align: center; margin: 10px 0; }

/* invite */

#dialog-teho-edit														{ background: #000 url(bg_invite.jpg) center center no-repeat scroll; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: solid 0 #000;  -moz-box-shadow: 0 0 40px #000; -webkit-box-shadow: 0 0 40px #000; box-shadow: 0 0 40px #000; }
#dialog-teho-edit button.submit span									{ color: #000; }

/* invitointi box & haku */
.suggest_header															{ color:#fff; }
#search_suggest															{ background: url(hoverbox_header.png) no-repeat left top; color: #fff; color:#2195b5; }
.search_suggest_content													{ background: url(hoverbox_footer.png) no-repeat left bottom; }
.search_suggest															{ background: #DEE3D5 url(suggestsearch_item.png) repeat-x left top; border-bottom: 1px solid #a28fd0; color: #fd61b6; }
.search_suggest_selected												{ background: #442e72; border-bottom: 1px solid #442e72; }
.search_suggest_selected em												{ background: #442e72; }

.ui-window.dialog .nw, .ui-window.dialog .n, .ui-window.dialog .ne		{ background: none; }
.ui-window.dialog .sw, .ui-window.dialog .s, .ui-window.dialog .se		{ background: none; }

.dialog																	{ background: url(bg_invite_box.png) right top no-repeat scroll #553c8d; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; -moz-box-shadow: 0 3px 50px #000; -webkit-box-shadow: 0 3px 50px #000; box-shadow: 0 3px 50px #000;}
.ui-window.dialog .content												{ background: none; text-align: center; font-size: 14px; padding: 100px 0 0; color: #fff;  }
.ui-window.dialog .w, .ui-window.dialog .e								{ background: none; }

.ui-window .buttons a.close												{ background: url(close-dialog.png) no-repeat; }
.ui-window .buttons a.close:hover										{ -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }

.dialog	.user.square-thumb												{ position: absolute; top: 55px; left: 170px; }
.dialog #send_invitation_container										{ padding: 20px 0 0; font-size: 14px; text-align: center; line-height: 30px;}
.dialog #send_invitation_container a									{ color: #ffcb05 !important; }