@import url('lightbox.css');

* html .htc, 
* html img, 
* html .content_box, 
* html .content_box_top, 
* html .content_box_bottom, 
* html .box4-header, 
* html .box4-footer, 
* html .box4, 
* html #messages ul li.top, 
* html #messages ul li.bottom { behavior: url(iepngfix.htc) }

* { margin: 0; padding: 0;  }


body { background: #fff; color: #000; font: 12px/15px Arial, Helvetica, sans-serif; text-align: center; }

a:link, a:visited, a:hover, a:active {
	color: #dc20ac;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
#copyright .flag_eng {
	background: transparent url(../../images/flag_en.gif) center left no-repeat;
	line-height: 13px;
	margin: 0 0 0 4px;
	padding: 0 0 0 25px;
}
#copyright .flag_fi {
	background: transparent url(../../images/flag_fi.gif) center left no-repeat;
	line-height: 13px;
	margin: 0 0 0 4px;
	padding: 0 0 0 25px;
}

/*************** HEADINGS ***************/
h1 { color: #dc20ac; font-size: 28px; font-weight: normal; line-height: 1.1em; margin-bottom: 15px; /*float: left; height: 48px; margin: 0px 16px 0 0; width: 102px; */}

h1 span {font-weight: bold; }
/*h1 img { height: 48px; width: 102px; }*/
/*h1.h1[class] { background: transparent url(../images/logo.png) top left no-repeat; }
* html h1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=false src='images/logo.png'); }
h1 a:link, h1 a:visited, h1 a:hover,h1 a:active   { position: relative; z-index: 500; }*/

h2 { color: #dc20ac; font-size: 14px; font-weight: bold; line-height: 1.1em; margin-bottom: 15px; }
h2.info { font-size: 13px; margin: 0 0 50px 0; }
h3 { font-size: 12px; margin-bottom: 15px; font-weight: bold;  }
p { margin: 0 0 16px 0; }

img { border: 0; }
.bold { font-weight: bold; }
.clear { clear: both; overflow: hidden; }
.left { float: left; }
.right { float: right; }
.nomargin { margin: 0 !important; }
.nobg { background: none !important; }
.px9 { font-size: 9px; }
ul, ol { margin: 0 0 15px 15px; }
*:first-child+html ol { margin: 0 0 15px 25px; }
* html ol { margin: 0 0 15px 25px; }
ol li { margin: 0 0 10px 0; }

#musicplayer { position: absolute; right: 0; top: 2px; }

#container { margin: 0 auto; text-align: left; width: 938px; }


#header { height: 49px; margin: 0 0 40px 0; position: relative; }
#header ul { height: 49px; margin: -6px 0 0 0; }
#header ul li { float: left; list-style-type: none; margin: 0 10px 0 0; }
#header ul li a { color:#7c1c32; display: block; font-weight: bold; padding: 30px 11px 10px 11px; text-decoration: none;  }
#header ul.left li a:hover { background: #fff; color: #000; text-decoration: none; }
#header ul.left li.active a { background: #fff; color: #000; }
#header ul.right li { /*background: transparent url(../images/kampanjat/pink/navi_right_seperator.gif) 33px right no-repeat; margin: 0; */ margin: 0 0 0 10px; text-align: right;}
#header ul.right li a { color: #000; text-align: right; }
#header ul.right li a:hover { text-decoration: underline; }
#header ul.right li.last { background: none; text-align: right; }
#header ul.right li.last a { font-size: 11px; font-weight: normal; padding-left: 0; padding-right: 0; }

#content { clear: both; height: auto; overflow: hidden; position: relative; }

.content_box_top { background: transparent url(../images/box/box_top.png) top left no-repeat; height: 8px; margin: 0; overflow: hidden; padding: 0;  }
.content_box_bottom { background: transparent url(../images/box/box_bottom.png) top left no-repeat;  height: 10px; margin: 0 0 30px 0; overflow: hidden; }


.content_box { background: transparent url(../images/box/box.png) bottom left repeat; clear: both; list-style: none; overflow: hidden; padding: 20px 14px 30px 23px; background-position: bottom; }

.box3 { background: transparent url(../images/box/3_box_bg.gif) -20px 0 repeat-y; clear: both; margin: 53px 0 30px 0; overflow: hidden; }
.box3 div { float: left; padding: 2px 0 10px 0; width: 245px; }
.box3 div.center { margin: 0 53px; }
.box3 div a { text-decoration: underline; }
.box3 div a:hover { text-decoration: none; }
.box3 div h2 { font-size: 16px; font-weight: bold; color: #dc20ac; }

.box4-header, .box4-footer, .box4 { clear: both; display: block; overflow: hidden; width: 937px; }
.box4-header { background: transparent url(../images/box/4_top.png) top left no-repeat; height: 8px; }
.box4-footer { background: transparent url(../images/box/4_bottom.png) top left no-repeat; height: 8px; }
.box4 { background: transparent url(../images/box/4_bg.png) top left repeat-y; }
* html .box4 { background: transparent url(../images/box/4_bg_ie.png) top left repeat-y; }
.box4 div { float: left; margin: 0 8px 0 0; width: 228px; }
.box4 div h2 { font-size: 16px; padding: 0 14px; }
.box4 div p { padding: 0 14px; }

.box4 h2 { margin: 10px 0 5px 0; }
.box4 a, .box4 a:hover, .box4 a:visited { color: #dc20ac; color: #dc20ac; text-decoration: none; }
.box4 a:hover { text-decoration: underline; }


.content { float: left; width: 560px; }
.content h2 { font-size: 18px; font-weight: normal; color: #dc20ac; }
.sidebar { background: #d6f2fd; float: right; padding: 30px 15px 30px 15px; margin: 0 20px 0 0; width: 210px; width: "240px"; }
.sidebar h3 { color: #dc20ac; font-size: 14px; font-weight: bold; margin: 0 0 14px 0; }
.sidebar ul { margin-left: 0; }
.sidebar ul li { list-style: none; margin: 0 0 14px 0; }

/*
#messages ul li * {  position: relative; }
#messages ul li a:link,#messages ul li a:visited,#messages ul li a:hover,#messages ul li a:active { position: relative; z-index: 999;  }

*/
#messages ul li a:link,#messages ul li a:visited,#messages ul li a:hover,#messages ul li a:active { z-index: 999;  }


#messages ul { margin: 0; list-style: none; }
#messages ul li { background: transparent url(../images/box/box_bottom_default.png) top left no-repeat; clear: both; list-style: none; margin: 0; overflow: hidden; padding: 6px 14px 0 11px; }
#messages ul li.top { background: transparent url(../images/box/box_top.png) top left no-repeat; height: 8px; margin: 0; overflow: hidden; padding: 0; }
#messages ul li.bottom { background: transparent url(../images/box/box_bottom.png) top left no-repeat; height: 10px; margin: 0 0 6px 0; overflow: hidden; padding: 0; }
*:first-child+html #messages ul li.bottom { margin: -8px 0 0 0; } /*IE7 fix*/
* html #messages ul li.bottom { margin: -8px 0 0 0; } /*IE6 fix*/
#messages ul li ul.left { width: 178px; }
#messages ul li ul.left li { background: none; clear: none; float: left; list-style: none; margin: 0; overflow: visible; padding: 0; }
#messages ul li ul.left li a { font-size: 12px; font-weight: bold; text-decoration: none; }
#messages ul li ul.left li.avatar { width: 54px; }
#messages ul li ul.left li.name { overflow: hidden; padding: 0 0 0 2px; width: 120px; }
#messages ul li ul.left li.name a { color: #000; }
#messages ul li ul.left li.status { width: 120px; }
#messages ul li ul.left li.status a {font-size: 11px; }
#messages ul li h3 { float: left; font-size: 13px; line-height: 16px; width: 570px; }
#messages ul li ul.right { margin: 0 0 0 0; text-align: right; width: 122px; }
* html #messages ul li ul.right { margin-right: 10px; }
#messages ul li ul.right li { background: none; font-weight: bold; line-height: 12px; list-style: none; margin: 0; padding: 0; }
#messages ul li ul.right li a:link, #messages ul li ul.right li a:visited  { color: #000; font-size: 9px; font-weight: normal; text-decoration: underline; }
#messages ul li ul.right li a:hover { text-decoration: none; }

#messages ul li.lisaa { background: none; padding: 0; }
#messages ul li.lisaa p { clear: both; font-size: 14px; font-weight: bold; margin: 10px auto 20px auto; text-align: center;  }
#messages ul li.lisaa p a:hover { text-decoration: underline; }
#messages span { clear: both; overflow: hidden; height: 6px; display: block; text-indent: -999em; font-size: 2px; line-height: 2px; }

.lisaa a, .lisaa a:visited, .lisaa a:active  { color: #dc20ac;  }

.login_top { background-color: #FF0000; width: 500px; }
.login_bottom { background: transparent url(../images/box/box_login_bottom.png) top left no-repeat; height: 10px; margin: 0 0 6px 0; overflow: hidden; padding: 0; }
/*
#messages ul li.messages-nostot div h2, #messages ul li.messages-nostot div p { font-size: 11px; margin: 0; padding: 0; }
#messages ul li.messages-nostot div { float: left; font-size: 11px; padding: 0 20px 0 0; width: 208px; }
*/
#messages ul li.messages-nostot ul.left { font-size: 11px; padding: 0 20px 0 0; width: 208px; }
#messages ul li.messages-nostot ul.left .avatar { width: 66px; }
#messages ul li.messages-nostot ul.left .avatar img { height: 57px; width: 57px; }

#messages ul.login_post { overflow: hidden; margin: 0 0 6px 0; }
* html #messages ul.login_post { margin: 0 0 0 0; } /*IE6 fix*/
*:first-child+html #messages ul.login_post { margin: 0 0 0 0; } /*IE7 fix*/

#messages ul.login_post li.top { background: transparent url(../images/jaiku/post_box_top.png) top left no-repeat; height: 8px; margin: 0; padding: 0; }
#messages ul.login_post li { background: transparent url(../images/jaiku/post_box.png) bottom left no-repeat; padding: 0px 14px 0 11px; }
* html #messages ul.login_post li { background-image: none; background: transparent url(../images/jaiku/post_box.gif) bottom left no-repeat; height: 1%; }
#messages ul.login_post li ul.left {}
#messages ul.login_post li ul.left li.name a { font-size: 14px; }

#messages ul.login_post li form { overflow: hidden; }
#messages form textarea { background: #fff; border: 1px solid #bababa; color: #7f7f7f; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 50px; margin: 0 0 6px 0; padding: 4px 8px 0 8px; overflow: hidden; width: 521px; }

#messages ul.login_post li ul.right li { padding: 21px 34px 5px 0; position: relative; }
#messages ul.login_post .right a:link, #messages ul.login_post .right a:visited  { font-size: 14px; font-weight: bold; text-decoration: underline; }
#messages ul.login_post .login_button { margin-top: -10px; }


#messages ul.login_post li.htc div#login_wrapper { background: #e5e5e5; height: 60px; }
#messages ul.login_post li.htc ul.right { padding-left: 16px; padding-bottom: 0px;  height: 60px; background: #e5e5e5;  }

#messages ul.login_post li.htc div#login_wrapper.error, #messages ul.login_post li.htc ul.error { background: #dc20ac; }

/*alaboksi missä nostettu 4 käyttäjää*/
#hilited_holder, #hilited_holder li { background: none !important; }


/*
#login { height: auto; overflow: hidden; }
#login div { float: left; overflow: hidden; width: 545px; }
#login div div  { clear: both; float: right; overflow: hidden; }
#login label { float: right; padding: 0 0 3px 21px; }
#login label.label-password { padding: 0 0 0 21px; }
#login label input { border: 1px solid #000; margin: 18px 0 0 7px; width: 177px; }
#login div a:link, #login div a:visited, #login div a:hover, #login div a:active { clear: both; color: #616161; float: right; font-size: 11px; font-weight: normal; margin: 0 0 5px 0; text-decoration: underline; }
#login div a:hover { text-decoration: none; }
#login .left { width: 230px !important }
#login .left li.status { clear: both; padding: 3px 0 0 0; width: 230px !important; }
#login .left li.status a { font-weight: normal; text-decoration: underline; }
#login .left li.status a:hover { text-decoration: none; }
*/

#login, #logged, #login_ano { background: transparent url(../images/jaiku/post_box.gif) bottom left no-repeat; clear: both; height: 1%; margin: 0 0 10px 0;  overflow: hidden; padding: 0 15px 0 0; position: relative; width: 923px; width: "938px"; }
* html #login, * html #logged, #login_ano { background-image: none; background: transparent url(../images/jaiku/post_box.gif) bottom left no-repeat; }

#login_ano div { padding: 5px 10px 20px 10px; }


#logged { height: 1%; }

#logged #msg { background: #fff; border: 1px solid #bababa; color: #7f7f7f; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 50px; margin: 0 0 6px 0; padding: 4px 8px 0 8px; overflow: hidden; width: 521px; }

#logged #logged_user, #logged a#logged_user:visited { color: #000; font-size: 14px; font-weight: bold; text-decoration: none; }
#logged #own_status { font-size: 11px; font-weight: bold;  text-decoration: none; }

#login_wrapper { background: #e5e5e5; float: right; margin: 0 0 10px -6px; position: relative; height: 1%; width: 630px; }
#login_wrapper label { padding: 0 10px 0 0; }
#login_wrapper label input { border: 1px solid #000; margin: 0px; padding: 0px; width: 177px; }
#login_wrapper.error { background: #dc20ac; }
#login_text { float: left; font-size: 12px; left: 75px; overflow: hidden; padding: 0; position: absolute; top: 9px; width: 215px; }
#login_text strong { font-size: 16px; }
#login_text span { display: block; padding: 4px 0 0 0; }
#login_text a, #login_text a:visited, #login_text a:hover { text-decoration: underline; }
#login_text a:hover { text-decoration: none; }


#login_jaiku { left: 10px; position: absolute; top: 0; width: 50px; }
#login_username { margin: 0 0 0 15px; }
#login_fields { float: left; padding: 20px 0 0 0; } 
#login_btn { float: right; padding: 13px 15px 10px 0; }

#footer { clear: both; margin: 0 0 30px 0; }

#login_wrapper.error #login_note { color: #fff; }
#login_note {
	font-weight: bold;
	padding: 0px; 
	margin: 0 0 0 15px;
	clear: both;
	text-align: center;
	padding: 0 0 5px 0;
}


/*************** KAMPANJA ***************/
body#kampanja-pink { background: #FFFFFF url(../images/kampanjat/coffinshop/fres_bg.jpg) top left repeat-x; }
body#kampanja-pink .promo { background: transparent url(../images/kampanjat/coffinshop/promo.png) top  no-repeat; height: 300px; margin: -20px auto 20px auto; text-indent: -999em; width: 489px; }
body#kampanja-pink .promo a { height: 160px; overflow: hidden; width: 549px;  }
body#kampanja-pink #header ul.left li a:hover { background: transparent url(../images/kampanjat/coffinshop/navi_left.gif) bottom left no-repeat; background-image:none;}
body#kampanja-pink #header ul.left li:hover { background: transparent url(../images/kampanjat/coffinshop/navi.gif) bottom right no-repeat;background-image:none;}
body#kampanja-pink #header ul.left li.active { background: transparent url(../images/kampanjat/coffinshop/navi.gif) bottom right no-repeat; }
body#kampanja-pink #header ul.left li.active a, body#kampanja-pink #header ul.left li.active a:hover { background: transparent url(../images/kampanjat/coffinshop/navi_left.gif) bottom left no-repeat; }
body#kampanja-pink #bgl {z-index: 1; right: 0px; top: 0px; position: absolute; }	
body#kampanja-pink #bgr {z-index: 2; top: 0px; left: 0px; position: absolute; }	
#container {position: relative; z-index: 10;}


/*
body#kampanja-pink #header ul.left li.hover { background: transparent url(../images/kampanjat/pink/navi.gif) bottom right no-repeat; background-image:none; }
body#kampanja-pink #header ul.left li.hover a { background: transparent url(../images/kampanjat/pink/navi_left.gif) bottom left no-repeat; background-image:none;}


* html body#kampanja-pink #header ul.left li {
behavior: expression(
this.onmouseover = new Function("this.className += ' hover'"),
this.onmouseout = new Function("this.className = this.className.replace(' hover','')"),
this.style.behavior = null
);
} 

*/

ul#mita_tupakan_tilalle li { margin: 0 0 10px 0; }

#header_new { height: 80px; overflow: hidden; position: relative; text-align: center; z-index: 5;}
#header_new ul { /*float: left; margin: 0px; */ margin: 0px; padding: 23px 0 0 0; }
#header_new ul li { display: block; float: left; list-style-type: none; margin: 0 23px 0 0; }
#header_new #navcontainer { height: 50px; margin: 0px auto; width: 580px; } 

#header_new #navcontainer ul { margin: 0; padding: 25px 0 0 0; }
#header_new #navcontainer ul li { float: left; margin: 0; padding: 0 21px 0 0; text-indent: -999em; }
#header_new #navcontainer ul li a, #header_new #navcontainer ul li a:visited { background: transparent url(../images/nav/nav.png) top left no-repeat; display: block; height: 22px; width: 41px; }
#header_new #navcontainer ul li a:hover { background-position: 0 -31px; }
#header_new #navcontainer ul li.active a, #header_new #navcontainer ul li.active a:visited, #header_new #navcontainer ul li.active a:hover { background-position: 0 bottom; }
#header_new #navcontainer ul li#n1 a.active, #header_new #navcontainer ul li#n1 a.active:visited { background-position: 0px -61px; }
#header_new #navcontainer ul li#n2 a, #header_new #navcontainer ul li#n2 a:visited { background-position: -61px 0; width: 118px; }
#header_new #navcontainer ul li#n2 a:hover { background-position: -61px -31px; }
#header_new #navcontainer ul li#n2 a.active, #header_new #navcontainer ul li#n2 a.active:visited { background-position: -61px -61px; }
#header_new #navcontainer ul li#n3 a, #header_new #navcontainer ul li#n3 a:visited { background-position: -195px 0; width: 96px; }
#header_new #navcontainer ul li#n3 a:hover { background-position: -195px -31px; }
#header_new #navcontainer ul li#n3 a.active, #header_new #navcontainer ul li#n3 a.active:visited { background-position: -195px -61px; }
#header_new #navcontainer ul li#n4 a, #header_new #navcontainer ul li#n4 a:visited { background-position: -313px 0; width: 96px; }
#header_new #navcontainer ul li#n4 a:hover { background-position: -313px -31px; }
#header_new #navcontainer ul li#n4 a.active, #header_new #navcontainer ul li#n4 a.active:visited { background-position: -313px -61px; }
#header_new #navcontainer ul li#n5 { padding: 0; }
#header_new #navcontainer ul li#n5 a, #header_new #navcontainer ul li#n5 a:visited { background-position: -425px 0; width: 119px; }
#header_new #navcontainer ul li#n5 a:hover { background-position: -425px -31px; }
#header_new #navcontainer ul li#n5 a.active, #header_new #navcontainer ul li#n5 a.active:visited { background-position: -425px -61px; }














#logo { float: left; padding: 24px 0 0 20px; text-align: left; }
#logo img { margin: 0 0 5px 0; }
#logo span { display: block; float: left; }

#logo span#navi_logged_2 { margin: 0 8px 0 0; }
#logo span#navi_logged_1 { margin: -3px 0 0 0; }

#music { float: right; padding: 25px 20px 0 0; z-index: 0; }

#group_wrapper { background: #d6f2fc; border: 9px solid #fff; margin-top: -5px; text-align: center; width: 373px; width: "391px"; }
#choose_stage { border-bottom: 1px solid #fff; font-size: 16px; padding: 17px; }
#choose_stage select { font-size: 14px; padding: 1px; width: 270px; }
#create_jaiku { font-size: 16px; padding: 17px; }
#create_jaiku a:link, #create_jaiku a:visited, #create_jaiku a:hover { color: #dc20ac; }
#create_jaiku span { font-size: 12px; }
#join_fressis {  font-size: 14px; width: 480px; }
#jaiku_info { font-weight: bold; font-size: 12px;padding: 20px 0 0 0; width: 350px; } 
#jaiku_info p { margin-top: 10px;  }
#jaiku_info img { margin: 0 0 15px 0;}

.active {opacity: 1; filter: alpha(opacity=100); }
.disabled { opacity: .5; filter: alpha(opacity=50); } 

.active_jaiku {
	src: url("images/avaa_jaiku.gif");
}
.disable_jaiku {
	src: url("images/avaa_jaiku_disabled.gif");
}


#copyright { text-align: center; color: #777; font-size: 10px; padding: 20px 0 20px 0; }
#copyright a, #copyright a:visited { color: #000; }

.report_msg_blue { background: #d6f2fd; padding: 19px 23px; width: 100%; }
.report_msg_btns { text-align: cente