
/* ---------------------------------------------------------------------
		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                                                        	{ background: transparent url(h1.png) no-repeat 0 0; margin:0;} 

#h1-menu h1                                                	{ background: none; }
#h1-menu .menulist                                         	{ background: none;}
#h1-menu .menulist li                                      	{ background: transparent url(h1.png) no-repeat right -70px; }
#h1-menu .menulist li.last								   	{ background:none; }
#h1-menu .menulist li.selected                             	{ background: transparent url(h1.png) repeat-x left -112px; }
#h1-menu .menulist li.selected a                           	{ background: transparent url(h1.png) repeat-x right -112px; height:30px;}


* html #h1-menu .menulist li                               	{ background: none; }
* html #h1-menu .menulist li.selected                      	{ background: none; }
* html #h1-menu .menulist li.selected a                    	{ background: none; }

#h1-menu .menulist a                                       	{ background: none; padding-top:2px;}

#h1-actions													{ }

#h1-actions .action-text									{ color:#fff; border:0; }

#h1-actions .actions-left li								{ border-left: 1px solid #ccc; }
#h1-actions .actions-right li								{ border-right: 1px solid #ccc; }
#h1-actions .actions-left .first							{ border-left: none; }
#h1-actions .actions-right .last							{ border-right: none; }

#h2																{ background: none; margin: -40px 0 0 0; z-index: 1; }
#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: transparent url(tabs.png) no-repeat left -132px;}
#h2-menu .menulist span											{ background: transparent url(tabs.png) no-repeat right -132px; padding-top:2px; height:24px; }
#h2-menu .menulist li											{ }
#h2-menu .menulist li.selected a								{ background-position: left -162px;  }
#h2-menu .menulist li.selected span								{ background-position: right -162px;}
*/


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

#h1                                                                 { margin-bottom: 0; }
#h1-menu                                                            {color: #fff;
                                                                    background: #ef8f11;
                                                                    background: -moz-linear-gradient(#f9ac3c,#ef8f11);
                                                                    background: -webkit-gradient(linear,left top,left bottom,from(#f9ac3c),to(#ef8f11));
                                                                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9ac3c,endColorstr=#ef8f11);
                                                                    }
#h1-menu .menulist li, #h1-menu h1                                  { border-left: solid 1px #ef8f11; border-right: solid 1px #f9ac3c;  }
#index #h1-menu h1, #h1-menu h1:hover, #h1-menu .menulist li:hover, #h1-menu .menulist li.selected { background: #4d4d4d; }
#h1 h1 a                                                            { background: transparent url(h1_logo.png) no-repeat 13px center !important; }
#h1-menu .menulist a                                                { color: #fff; }
#h1-menu .menulist li:hover a                                       { color: #fff !important; }
#h1-actions                                                         { background: #4d4d4d; color: #fff; }
#h1-actions, #h1-actions a                                          { color: #fff; }


#h2															    	{ margin: -40px 0 0 0; z-index: 1; border-bottom: 0;}
#h2-menu                                                            { min-height: 0 !important; margin: -48px 0 0; }
#h2-menu h2													    	{ display:none; }

#h2-menu .menulist a                                                {color: #000;
                                                                    background: #faaf40;
                                                                    background: -moz-linear-gradient(#faaf40,#ee8c0d);
                                                                    background: -webkit-gradient(linear,left top,left bottom,from(#faaf40),to(#ee8c0d));
                                                                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#faaf40,endColorstr=#ee8c0d);
                                                                    }
#h2-menu .menulist li.selected a, #h2-menu .menulist li a:hover     {color: #FFF;
                                                                    background: #ee8c0d;
                                                                    background: -moz-linear-gradient(#ee8c0d,#faaf40);
                                                                    background: -webkit-gradient(linear,left top,left bottom,from(#ee8c0d),to(#faaf40));
                                                                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ee8c0d,endColorstr=#437122);
                                                                    }

#h2-menu .menulist a                                                { color: #000; }

#h2                                                                 { background: #faaf40; }

/* ---------------------------------------------------------------------
		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; }

/* IE6 hacks */
* html #left .first.box										{ background-image: none; }
* html #left .box											{ background-image: none; }

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

#left dt													{ background: transparent; }

/* ---------------------------------------------------------------------
		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 .box#fressis_quitter_2010-menubox .footer				{ background: url(left2.png) no-repeat 0 bottom;  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; }
#left .box.under .footer 								   	{ display:none; }

/* IE6 hacks */
* html #left .box .footer									{ background-image: none; }
* html #left .first.box .footer								{ background-image: none; }
* html #left .box.under 									{ background-image: 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 											{ }
#center .first .header 										{ background:none; }
#center .box												{ background:none; }

#center .box.first                                          { background: #444 !important; }

/* ---------------------------------------------------------------------
		Community members
------------------------------------------------------------------------ */

#center .tabbed-special .header 							{ background:transparent url(comments.png) no-repeat 20px 40px; padding-bottom:10px; } 
#center .tabbed-special .footer 							{ background:transparent url(comments.png) no-repeat 20px -46px; height:30px; }

/* ---------------------------------------------------------------------
		Comment Box 
------------------------------------------------------------------------ */

#center div.insider .header 								{ background:transparent url(comments.png) no-repeat 0 0; }
.column-insider-last #center-footer 						{ background:transparent url(comments.png) no-repeat 8px -113px; }
#center .insider.special-bottom .center 					{ background:url(comments_bottom.png) left bottom no-repeat; }
#center .insider.special-bottom .footer 					{ background:transparent /*url(comments.png) no-repeat left -46px;*/ } /* no background if comments_bottom is used */

/* ---------------------------------------------------------------------
		Tabbed Content Boxes
------------------------------------------------------------------------ */

#center .tabbed-special .header h3 									{color: #000;}

#center .first .header h3 											{ display:none; }
#center .first .center 												{ padding:0; }

#center .tabbed-special .header .actions ul li,
#center .tabbed-special .header .actions ul li:hover				{ background:transparent url(tabs.png) no-repeat scroll left -66px; border:0 none; }

#center .tabbed-special .header .actions ul li span, 
#center .tabbed-special .header .actions ul li a, 
#center .tabbed-special .header .actions ul li:hover a, 
#center .tabbed-special .header .actions ul li.last a, 
#center .tabbed-special .header .actions ul li.last:hover a 		{ background:transparent url(tabs.png) no-repeat scroll right -66px; border: 0 none; padding-top:3px;}

#center .tabbed-special .header .actions ul li.selected,
#center .tabbed-special .header .actions ul li.selected:hover		{ background:transparent url(tabs.png) no-repeat scroll left -99px; border:0; }

 
#center .tabbed-special .header .actions ul li.selected span, 
#center .tabbed-special .header .actions ul li.selected:hover a, 
#center .tabbed-special .header .actions ul li.selected a 			{ background:transparent url(tabs.png) no-repeat scroll right -99px; border:0 none; }

#center .first .header .actions ul li a:link,
#center .first .header .actions ul li a:active,
#center .first .header .actions ul li a:visited 					{ }
#center .first .header .actions ul li a:hover 						{ text-decoration:underline; }

#center .first .header .actions ul li, 
#center .first .header .actions ul li.action_inactive:hover, 
#center .first .header .actions ul li.last a, 
#center .first .header .actions ul li.last span 					{ background:none !important; border:0; }

#center div.insider .header .actions ul li,
#center div.insider .header .actions ul li:hover,
#center div.insider .header .actions ul li.last a,
#center div.insider .header .actions ul li.last a:hover 			{ background-image: none; } /* poista kommentteja -nappi */


#center .tabbed .center { background: #fff; }
#center .tabbed .header .actions ul li { background: #ccc; }
#center .tabbed .header .actions ul li.selected { background: #fff; }
/* ---------------------------------------------------------------------
		Footer
------------------------------------------------------------------------ */

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




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


/* ---------------------------------------------------------------------
		Community join button
------------------------------------------------------------------------ */

#community-join 													{ position:absolute; width: 230px;}
#community-join button.submit span									{ display:block; padding-left: 10px; background:transparent url(buttons.png) no-repeat scroll; background-position: left -50px; }
#community-join button.submit span span 							{ background-position:right -50px; padding: 7px 30px 7px 20px; text-transform: uppercase; }
#community-join button.submit:hover span	 						{ background-position:left -89px; }
#community-join button.submit:hover span span 						{ background-position:right -89px; }


/* ---------------------------------------------------------------------
		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: url("bg_body_polttajatso.jpg") center 60px no-repeat scroll #050505; }

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

/* Main menu */
#h1-menu .menulist a                                       			{ color: #fff;}
#h1-menu .menulist li.selected a                           			{ color: #fff; }
#h1 a:hover                                                			{ color: #4c4c4c; }


/* Main menu submenu */
#h1-actions a, #h1-login label							{ color: #fff; }
#h1-actions a:hover								{ color: #ee8c0d; }
#h1-actions .actions-left li, #h1-actions .actions-right li			{ border-color: #555; }


/* Main menu search */
#h1-search input.text 								{ color: #999999;}

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

/* H2-menu */
#h2-menu .menulist li span							{ color: #000;}
#h2-menu .menulist li span:hover						{ color: #4c4c4c; }
#h2-menu .menulist li.selected span						{ color: #000; }


/* 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: #4c4c4c; }
#left .content .menulist li a strong 								{ color: #4c4c4c !important; }

a.button-submit, button.submit, a.button-large-submit, button.large-submit { color: #fff !important; background: #00aeff; border: 0; }
/* ---------------------------------------------------------------------
		Left 
------------------------------------------------------------------------ */

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

#left dt															{ color: #000; }

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


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

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

#center-content 													{ background: #393535; padding-bottom: 10px; }

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

/* ---------------------------------------------------------------------
		Community members & Comment box
------------------------------------------------------------------------ */

/* h3 members */
#center .box .header h3												{ color: #fff; }
/* h3 comments */
#center div.insider .header h3 										{ background:none; color:#4c4c4c; }

/* members box background */
#center .tabbed-special 											{ background:#ee8c0d url(members_background.png) left top repeat-x; }
/* comments box background */
#center div.insider 												{ background:#fdfcfb url(comments_background.png) repeat-x left bottom; }


/* members center background */
#center .tabbed-special .center 									{ background:#fff url(comments_center.png) left top scroll repeat-y; }
#center .tabbed-special .center .content							{ background:none; }


/* comments center background */
#center div.insider.special-bottom .center 							{ background-color:#ffffff; }


/* ---------------------------------------------------------------------
		Comment box
------------------------------------------------------------------------ */


#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 */


/* ---------------------------------------------------------------------
		Tabbed content boxes
------------------------------------------------------------------------ */

#center .tabbed-special .header .actions ul li span, #center .tabbed-special .header .actions ul li a, #center .tabbed-special .header .actions ul li.last a
																	{ color:#000;}
#center .tabbed-special .header .actions ul li:hover a, #center .tabbed-special .header .actions ul li.last:hover a
																	{color: #4c4c4c}
#center .tabbed-special .header .actions ul li a, #center .tabbed-special .header .actions ul li.last a, #center .tabbed-special .header .actions ul li.selected:hover a
																	{color: #000}
#center .tabbed-special .header .actions ul li.selected span, #center .tabbed-special .header .actions ul li.selected a
																	{ color:#000;}

/* ---------------------------------------------------------------------
		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: #ff6600; background-image: url(divider.png);}


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

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

#center div.insider#jointeaser										{ background: #eef2e7; background-image: none; }

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

/* Community join button  */
#community-join 													{ position: absolute; top: 330px; left: 70px; z-index: 200; }
#community-join button.submit										{ width: 220px; height: 30px;}
#community-join button.submit span span 							{ color: transparent; font-size: 0px; width: 160px;}
#community-join button.submit:hover span,
#community-join button.submit:hover span span 						{ color: transparent; font-size: 0px; }

/* campaign menubox */
#left .box#fressis_quitter_2010-menubox								{ background: transparent; }
#left .box#fressis_quitter_2010-menubox h4							{color: #343434; }
#left .box#fressis_quitter_2010-menubox .center						{padding: 10px 0; text-align: center; }
#left .box#fressis_quitter_2010-menubox .footer						{ background: transparent; }

/* social bookmarks */

#social_bookmarks													{ text-align: center; background: transparent; ;}
#social_bookmarks img												{ margin: 0 0 5px 0; padding: 0;}

/* FB share button */
a#fb_share span.FBConnectButton_Simple, a#fb_share span.FBConnectButton_RTL_Simple {background-image: none;}
a#fb_share span.FBConnectButton_Simple, a#fb_share span span.FBConnectButton_Text_Simple {margin:0;padding-bottom:0;}

#social_bookmarks_center											{ clear: both; padding: 15px 30px; text-align: center; background: #fff; }
#social_bookmarks_center a											{ display: block; float: right; vertical-align: top; color: 677bca; text-decoration: none; font-family: Verdana; font-size: 11px; margin: 0 10px; }
#social_bookmarks_center a span, #social_bookmarks_center a img		{ padding-top: 6px;}

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

.campaign-channelmegabox											{ background: transparent; height:456px;}		/* Campaign Megabox */
.campaign-channelmegabox .center									{ padding:0; margin:0; }						/* Campaign Megabox marginals removed to make it whole page wide */

.campaign-channelmegabox .center #quitter							{ position: absolute; margin: 20px 0 0 -30px; }		/* Campaign Megabox */
.campaign-channelmegabox .center #youtube_videobox					{ position: absolute; margin: 15px 0 0 470px; width: 487px; height: 390px; background: url(bg_video.png) 0 0 scroll no-repeat transparent;}	
.campaign-channelmegabox .center #youtube_videobox #youtube_video	{ padding: 5px; width: 477px; height: 292px; background: transparent;}	
.gray_text 															{ font: normal normal 12px Arial, helvetica; color: #fff; padding: 7px 20px; }
#quitter_shop_header .gray_text										{ position: absolute; margin: 150px 0 0 80px; width: 310px; text-align: right; }
.gray_text a, #center .gray_text a								 	{ color: #fff; }


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

/* weekly & daily test */

#quitter_test_container												{ float: left; margin: 0 0 0 20px; width: 441px; background: transparent; }
#quitter_test_container .quitter_test								{ height: 514px; margin-bottom: 20px;}
#quitter_test_container .quitter_test .content						{ padding: 185px 25px 0;}
#center #quitter_test_container .quitter_test .content a			{ color: #ee8c0d;} 
#quitter_test_container .quitter_test .content .question_text		{ margin: 15px 0 10px; font: normal bold 24px Arial; color: #fff;}
#quitter_test_container #quitter_test_weekly						{ background: url(bg_weekly.png) 0 0  scroll no-repeat transparent; }
#quitter_test_container #quitter_test_daily							{ background: url(bg_daily.png) 0 0  scroll no-repeat transparent; }
#quitter_test_container #already_answered							{ padding: 200px 0 0 20px; font: normal bold 21px Arial; color: #fff;}
#quitter_test_container #question_tip_link							{ padding-top: 15px; text-align: center;  }
#quitter_test_container .test_text									{ color: #fff; }
#quitter_test_container .test_text a								{ color: #ee8c0d; }
#quitter_test_container .quitter_test .true_btn						{ float: left; display: block; width:176px; height: 43px; background: url(btn_true.png) 0 0  scroll no-repeat transparent; margin: 10px 5px; }
#quitter_test_container .quitter_test .true_btn:hover				{ background-image: url(btn_true_hover.png); }
#quitter_test_container .quitter_test .false_btn					{ float: left; display: block; width:176px; height: 43px; background: url(btn_false.png) 0 0  scroll no-repeat transparent; margin: 10px 5px; }
#quitter_test_container .quitter_test .false_btn:hover				{ background-image: url(btn_false_hover.png); }

#fressis_quitter_2010 #quitter_test_container #quitter_test_buttons .submit	{ margin: 0 6px; }

#quitter_test_container .quitter_test p.small						{ font-size: 12px;}
#quitter_test_answer												{ font: normal bold 12px Arial; color: #fff; }
#quitter_test_answer p												{ margin-top: 10px; color: #faaf40; }
#quitter_test_answer p span	span									{ text-decoration: underline; }
#quitter_test_answer h3												{ margin: 0; font: normal bold 24px Arial; color: #fff; }
.question_video														{ background: url(video_preview.png) 0 0 scroll no-repeat transparent; width: 355px; padding: 0 13px; }
#center .content .reload_page										{ margin-top: 10px;} 
#center .content .reload_page a										{ color: #ee8c0d;} 

span.video_title													{ font-size: 11px; display: block; margin-top: -20px;}

/* info links */

#quitter_info														{ clear: both; margin-bottom: 20px; text-align: center; }
#quitter_info a														{ color: #ff7800; margin: 0 5px; font: normal bold 12px Arial; }

/* stats box and links */

#quitter_own_stats_container										{ float: right; margin: 5px 35px 0 0; width: 219px; background: transparent; z-index: 500; }
#quitter_own_stats													{ height: 142px; margin-bottom: 17px; background: url(own_stats.png) 0 0  scroll no-repeat transparent; }
#quitter_own_stats .content											{ padding: 10px 5px 0 50px; font: normal bold 13px Arial; color: #4c4c4c; }
#quitter_own_stats .content p										{ margin: 0; padding: 5px 0; }
#quitter_own_stats .content .saldo									{ border-top: dotted 2px #ff7800; }
#quitter_claim														{ margin-bottom: 17px; background: transparent; }
#quitter_shop_ad img												{ cursor: pointer; }


/* shop */

.quitter_shop														{ width: 702px; margin: 0 0 0 20px; }
.quitter_shop #quitter_shop_header									{ width: 702px; height: 214px; background: url(shop_header.png) 0 0  scroll no-repeat transparent; }
.quitter_shop #quitter_shop_products								{ margin: 20px 0 0; }
.quitter_shop #quitter_shop_products .quitter_shop_product			{ float: left; width: 210px; height: 420px; margin: 0 12px 30px; background: url(bg_product_box.png) 0 0  scroll no-repeat transparent; }
.quitter_shop #quitter_shop_products .quitter_shop_product.empty	{ background: url(bg_product_box_empty.png) 0 0  scroll no-repeat transparent; }
.quitter_shop #quitter_shop_products .quitter_shop_product.empty.unionfive { background: url(bg_product_box_empty_unionfive.png) 0 0  scroll no-repeat transparent; }
.quitter_shop_product .product_image								{ width: 210px; height: 210px; margin-bottom: 10px; }
.quitter_shop_product .product_title								{ font: normal bold 14px Arial; color: #fff; line-height: 14px; margin-bottom: 5px; text-align: center; }
.quitter_shop_product .product_price								{ font: normal bold 17px Arial; color: #faaf40; line-height: 17px; margin-bottom: 5px; text-align: center; }
.quitter_shop_product .product_description							{ font: normal normal 11px Arial; color: #fff; margin: 0 8px 3px; height: 95px; overflow: auto; }

.quitter_shop_product .product_status								{ font: normal bold 12px Arial; color: #ff9800; line-height: 12px; margin: 0 15px; text-align: center; }
.quitter_shop_product .product_status span.status_info				{ display: block; padding-top: 10px; }
#center .quitter_shop_product .product_description a,
#center .quitter_shop_product .product_status a						{ color: #faaf40; }

.clearer															{ clear; both; }

.product_unavailable												{ font: normal bold 12px Arial; color: #ff9800; text-align: center; padding-top: 12px;}

/* product list for non-registered */

.quitter_shop#nonreg_shop_products									{ }
.quitter_shop#nonreg_shop_products .quitter_shop_product			{ float: left; width: 210px; height: 260px; -moz-border-radius: 0 0 6px 6px; webkit-border-radius: 0 6px 6px 0; border: solid 1px #fff; margin: 0 10px 30px; background: url(bg_product_box.png) 0 0  scroll no-repeat transparent; }
.quitter_shop#nonreg_shop_products .product_title					{ }

/* contact /order form */ 

#quitter_contact_form_container										{ position: fixed; top: 50%; left: 50%; margin-top: -350px; margin-left: -110px; width: 460px; height: 680px; background: url(bg_contact_form2.png) 0 0  scroll no-repeat transparent; z-index: 999; }
#quitter_contact_form_container	.content							{ padding: 140px 42px 0; font: normal bold 11px Arial; color: #000; }
#quitter_contact_form_container	.content p							{ clear: both;  }

#quitter_contact_form_container_close 								{ float: right; margin: -70px 30px 0 0; }

#buy_form #buy_form_product_image 									{ padding: 5px; background: #ffd89f; font-size: 13px; margin-bottom: 15px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: solid 1px #ffd89f; }
#buy_form #buy_form_product_image img								{ float: right; width: 60px; height: 60px; margin: 0 0 0 10px;}

.buy_form_thanks_msg												{ font: normal bold 16px Arial; color: #000; text-align: center;}

#center #quitter_contact_form_container	form#campaign-contact-info	{clear: both;}
#center #quitter_contact_form_container	.content label				{ float: left; width: 120px; font: normal bold 11px Arial; color: #000; text-align: right; margin-right: 20px;}
#center #quitter_contact_form_container	.content input.text			{ float: left; width: 210px; font: normal bold 12px Arial; color: #000; padding: 3px; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkitborder-radius: 5px; border: solid 1px #fff; margin-bottom: 8px;}

#fressis_quitter_2010 .submit										{ width: 176px; height: 40px; font-size: 14px; background: url(bg_btn.png) 0 0 scroll repeat-x transparent; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: solid 1px #7df9fd; }
#fressis_quitter_2010 .submit span,
#fressis_quitter_2010 .submit span span								{ background: transparent; color: #2e3232; }
#fressis_quitter_2010 .submit:hover									{ background: url(bg_btn_hover.png) 0 0 scroll repeat-x transparent; }

#quitter_contact_form_container	.content .submit					{ margin-left: 140px; }

/* rules / faq */ 

#competition_rules_content											{background:#fff; border: solid 5px #4c4c4c; padding: 20px; font: normal normal 11px Arial; color:#000; height: 330px; overflow: auto;}
#competition_rules_content p										{margin: 0 0 10px;}




/* ==================== Kilpailuhäkkyrä ===================== */



/* ############### POPUP ############### */

div#entryContainer 						{ position: absolute; top: 620px; left: 320px; margin: 0; padding: 0; background: transparent url(bg_popup.png) no-repeat; width: 439px; height: 246px; border: 0; z-index: 999; text-align: center;	}

div#userEntry 								{ text-align: center; padding: 0; margin: 0;}

.competitionentry 						{	display: block; position: relative; top: 44px;}

/* NACIGATION */
#entryNavigation 							{ margin: 0 0 10px 0; position: relative; padding: 5px 0; height: 11px;	border: 0; background: none; }

#entryNavigation div 					{display:inline; margin: 0; vertical-align: top; height: 10px; padding: 0 10px; width: auto; }
#entryNavigation>div					{display: inline-block; vertical-align: top; height: 10px; padding: 0 10px; width: auto; } /* IE */

#entryNavigation span 				{ font: normal bold 10px Verdana;	color: #29406b; }

#entryNavigation div:hover, #entryNavigation div span:hover {	color: #007537; }


.preventry, .nextentry, .random_name, .randomentry, .denunciate, .closeentry, .deleteown { display: inline-block; height: auto; border: 0; cursor:pointer; }
/* randomentry & random_name wtf */

.preventry_inactive, .nextentry_inactive { display: inline-block; border: 0; opacity: 0.5; }



/* ENTRY-ALUE (kuva, teksti, otsikko, nick) */

div.entryimage { margin: 0 auto; height: 510px;	width: 510px;	background: none;	border: 0; }
* html div.entryimage { padding: 0; }

div.entryimage img {
	border: 1px solid #fff;
	max-width: 510px;	max-height: 510px;
	width: expression(this.width > 510 ? 510: true); /* IE max-width */
	height: expression(this.height > 510 ? 510: true); /* IE max-height */
}

div.entrytitle { display:none; text-align: center; font: normal normal 11px Verdana; line-height: 11px; padding: 3px 0; height: overflow: hidden; color: #fff; }

div.entryranking { display: none; }

div.entrytext { font: normal normal 12px Arial; color: #fff; background: none; height: 50px; margin: 10px 30px 0 30px; overflow: auto }

div.entrynick { text-align: center; font: normal bold 11px Verdana; padding: 5px 0 0 0; height: 12px; }

div.entrynick span.nick1, div.entrynick span.nick1 a { color: #fff; }
div.entrynick span.nick1:hover, div.entrynick span.nick1 a:hover { color: #007537; }

div#loader { background: url(loader.gif) center center no-repeat; height: 300px; margin-top: 140px; }


span.ce_notification {display: block; padding-top: 10px}



/* RATING TOOL */

#voteTool {	position: absolute, padding: 0 15px; border: 0;	background: none; color: #283f6a; font: normal normal 12px Arial; text-transform: uppercase;	text-align: center;	margin: 35px 0 0 0px; }
		
#ratings {}

/*.empty { width: 31px;	height: 32px;	margin-left:-1px;	background:transparent url(star0.png) top left no-repeat; cursor:pointer; }
.full {	width: 31px; height: 32px; margin-left:-1px; background:transparent url(star1.png) top left no-repeat;	cursor:pointer; }*/

div.votebad { float: left; margin-top: 5px; width: 59px;	height: 88px; background: url('thumb_down.png') top left no-repeat; cursor:pointer; }

div.votegood { float: right; margin-top: 5px; width: 59px;	height: 88px; background: url('thumb_up.png') top left no-repeat; cursor:pointer; }

div.votegood span, div.votebad span {display: none; }


/* DELETE ENTRY */

div#delete_entry { 
		position: absolute; 
		top: 40px; left: 0;	
		padding: 0;	display: block;	
		background: none; 
		width: 420px; height: auto;	
		z-index: 999;	
		border: 0px solid #000;
		color: #000;
		font: normal bold 11px Arial;
}
		
* html div#delete_entry { background: none; }

div#delete_entry input.submit { border: 1px solid #000}

/* DENUNCIATION */

#denunciationBox																			{ position: absolute;	margin: 5px;	padding: 0;	display: block;	background: #eeeeee; width: 429px; height: auto; z-index: 999;	border: 0;}

#denunciation_description 														{font: normal bold 11px Arial; color:#000} 

#denunciation_comment 																{ margin: 10px 0 }

form#denunciationform, div.denunciation_close_link 		{ padding: 5px; }

#denunciationBox textarea															{ width: 300px; }




#grid { display:block; height:auto; margin:0 auto; text-align: left; width:594px; }


/* ############## top, worst, random, own -menu ############## */

.navigation_item_top span, .navigation_item_least span, .navigation_item_newest span, .navigation_item_random span, .navigation_item_own span {
	font: normal bold 11px Arial;
	display: none;
}

/* IE 6 & 7 hacks: inline-block elements */
#gridNavigation div {display:inline; margin: 0; vertical-align: middle}
#gridNavigation>div {display: inline-block; vertical-align: middle}

#page_navigation div {display:inline; margin: 0; vertical-align: middle}
#page_navigation>div {display: inline-block; width: 110px; vertical-align: middle}

/* END IE 6 & 7 hacks: inline-block elements */


#gridNavigation 										{	clear: both; display:block; text-align: left; width: 500px; margin: 0 3px 0 0; padding: 0; border: 0; background: none;}

#gridNavigation div 								{ height: 22px; text-align: center; padding: 0; margin: 0 4px 0 0; border: 0; }

#gridNavigation div span 						{ display: none }

#gridNavigation div:hover 					{ cursor: hand; cursor: pointer; }
/*#gridNavigation div:hover span		{	color: #fe5131; }*/
#gridNavigation div.selected 				{}
/*#gridNavigation div.selected span	{ color: #fe5131; }*/


#gridNavigation #nav_item_top { display: none }
#gridNavigation #nav_item_least { display: none }
#gridNavigation #nav_item_newest { width: 163px; background: url(newest.png) top left no-repeat; }
#gridNavigation #nav_item_random { width: 178px; background: url(random.png) top left no-repeat; }
#gridNavigation #nav_item_own { width: 125px; background: url(own.png) top left no-repeat; }

/*#gridNavigation #nav_item_top:hover, #gridNavigation #nav_item_top.selected { background: url(top-a.png) top left no-repeat; }
#gridNavigation #nav_item_least:hover, #gridNavigation #nav_item_least.selected { background: url(worst-a.png) top left no-repeat; }*/

#gridNavigation #nav_item_newest:hover, #gridNavigation #nav_item_newest.selected { background: url(newest2.png) top left no-repeat; }
#gridNavigation #nav_item_random:hover, #gridNavigation #nav_item_random.selected { background: url(random2.png) top left no-repeat; }
#gridNavigation #nav_item_own:hover, #gridNavigation #nav_item_own.selected { background: url(own2.png) top left no-repeat; }




/* ########## PAGINATION ############# */

/* sivunumero ja sivutus*/
#grid_container {	margin: 0 auto;	height: auto;	display: block;	width: 500px; text-align: left;	border: 0; }


/* seuraava/edellinen sivu div */
#page_navigation { display: none; padding: 0;	border: 0; text-align: center; }

#page_numbers { display: none; height: 15px; margin: 5px 0 0 0; color: #7a7a7a; font: normal normal 11px Arial;}

#next_page, #prev_page, #next_page_inactive, #prev_page_inactive { display: inline-block; height: 15px; border: 0; cursor: pointer; color: #0bc5ff; font: normal normal 11px Arial; }
#next_page_inactive, #prev_page_inactive 	{ color: #666; }
#next_page:hover, #prev_page:hover 				{ color: #e5f96e; }

/* sivutuksen tilalle randomissa */
div#navigation_spacer { display: none }

/* ############## ENTRY GRID ############## */

/*thumbit ja sivutus*/
div#entryGrid {	margin: 0; padding: 10px 0 0 15px; border: 0; width: 460px; height: 100%;	border: 0; color: #fff}



/* ############## THUMB DIV ############## */

div.image_entry 		{ width: 410px; height: auto; padding: 5px 0 5px 5px; margin: 0; display: block; text-align: left; background: none; border: 0; border-bottom: 1px solid #1e2c46; border-top: 1px solid #42567d;}

div.image_entry:hover		{ background: transparent url(rivi.png) right top no-repeat;}

div.image_entry div	{ color: #ffba00; font: normal normal 12px Arial }

div.entry_title 		{ display: none }

div.entry_text 			{display: inline-block; cursor: pointer; width: 280px;}

div.entry_image 		{} 
div.entry_image img { border: 0; }

div.entry_nick 			{display: inline-block; vertical-align: top}

div.entry_points		{display: inline-block; vertical-align: top}

div.entry_nick span.nick1, div.entry_nick span.nick1 a { color: #ffba00; }
div.entry_nick span.nick1:hover, div.entry_nick span.nick1 a:hover { color: #8fd800; }



/* ############## THUMB DIV PIDETYIMMÄT ############## */

div#pidetyimmat div#entryGrid 			{	margin: 0; border: 0; width: 530px; height: 100%;	border: 0; }

div#pidetyimmat div.image_entry 		{ width: 510px;}

div#pidetyimmat div.image_entry:hover		{ background: transparent url(rivi.png) right top no-repeat;}

div#pidetyimmat div.entry_nick 			{width: 100px;}

div#pidetyimmat div.entry_points		{display: inline-block; width: 80px;}


/* ########## PARTICIPATION ########## */

div#participation_area { margin-bottom: 20px; background: none; width: 724px; color: #fff; }


/* Entry */ 

div#entry_form  {	display: inline-block; width: 450px; margin: 101px 0 0 120px; padding: 0; position: relative; vertical-align: top; }

div#entry_form table#user_entry_submit {margin: 0; padding; 0}

div#entry_form form {padding: 0; margin: 0}

div#entry_form form td { margin: 0; padding: 0; font: normal bold 11px Arial; }

td.entry_title_title, td.entry_file_title, td.entry_text_title {	display: none }

td.entry_title_input, td.entry_title_input input#entry_title { display: none }

/*div#entry_form input.text, #text_entry { padding: 2px; background: #dedede; border: solid 1px #fff; width: 260px; margin: 2px 0; font: normal normal 11px Arial; }*/

#text_entry { background: none; border:0; border-bottom: dotted 1px #ccc; padding: 0; width:450px; height: 15px; font: normal normal 12px Arial; color: #283e6a}

div#entry_submit { margin: 8px 0 0 0}
* html div#entry_submit { margin: 5px 0 0 0}

input.entry_submit {background: url(laheta_unelma.png) top left no-repeat; border: 0; color: #000; width: 105px; height: 19px; font-size: 0px; color: transparent; text-transform: capitalize;}    


/* Preview */ 
/*
div#preview_area {display: inline-block; float: left; background: none; text-align: left; width: 230px; padding: 15px 0 0 70px; }

div#previewimage { background: none; margin: 0 0 0 10px; padding: 0; position: relative; display: inline-block; vertical-align: top; text-align: left; }

div#previewimage img { border: 0;}

div#previewtitle {	height: auto;	margin: 5px 0 0 10px; position: relative; vertical-align: top; font: normal normal 11px Arial; }

div#previewtext { display: none }
*/
div#preview_area {display: none}


/* Contact form */

div#form_contact { position: relative; display: inline-block; background: url(bg_contact.png) top left no-repeat; vertical-align: top; width: 724px; height: 245px; padding: 50; margin-bottom: 30px; border: 0}

form#user_entry_form { background: url(yhteystietosi.png) 30px 46px no-repeat; padding: 50px 0 0 220px; margin: 0; }

form#user_entry_form input { margin: 0;}

td.contact_info, td.contact_input, td#approveterms { font: normal normal 11px Arial; padding: 0; margin: 0}

td.contact_info {width: 100px}

div#form_contact input.contact_input { padding: 2px;	height: 13px;	background: #fff; border: 0; font: normal normal 11px Arial; width: 200px; margin: 0; }

input.contact_submit { background: url(laheta_unelma.png) top left no-repeat; border: 0; color: #000; width: 105px; height: 19px; font-size: 0px; color: transparent; text-transform: capitalize;}      

div#form_description, div#form_notifications { display: none; }




.quitter_test .button-large-orange	{ background: #E47D00; background-image: none; padding: 0; }
.quitter_test .button-large-orange.blue	{ background: #17dce5; }
.quitter_test a.button-large.blue span  { font-size: 15px; line-height: 26px; padding: 0 5px;  }
.quitter_test .button-large-orange span, .quitter_test .button-large-orange span span { background: none; }
.quitter_test .button-large-orange span span:hover { text-decoration: underline; }


/* lopetuspäivitys */

.toplist { display: inline-block; color: #fff; font-size: 16px; line-height: 20px;}
.toplist.rank { width: 40px; }
.toplist.nick { width: 170px; }
#center .toplist.nick .nick0 a { color: #fff; font-weight: normal; }
.toplist.credits { width: 170px; }
.toplist.credits_amount { color: #f9a133; }

.wof_info_title { font-size: 16px; color: #f9a133; }
.wof_info { color: #fff; }

.box#community-members {
border-bottom-left-radius: 0px 0px;
border-bottom-right-radius: 0px 0px;
border-top-left-radius: 0px 0px;
border-top-right-radius: 0px 0px;
position: relative;
}