@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: transparent; 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;
}

/*************** 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 !important; }
.right { float: right !important; }
.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: 933px; }


#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: 0px; margin: 0; overflow: hidden; padding: 0;  }
.content_box_bottom { background: transparent url(../images/box/box_bottom.png) top left no-repeat;  height: 0px; margin: 0 0 0px 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.gif) 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; outline: none; 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; }
#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;
}



#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;
}

/*************** VOITA IPOD TOUCH ***************/
.form_voita {
	background: #d6f2fd;
	height: 1%;
	overflow: hidden;
	padding: 0 0 15px 0; 
}
.form_voita p {
	border-top: 1px solid #fff;
	font-size: 16px;
	margin: 20px 0 0 0;
	padding: 25px 0 20px 15px;
}
.form_voita p.first {
	margin-top: 0;
}
.form_voita label {
	clear: both;
	display: block;
	padding: 0 0 10px 15px;
}
.form_voita label input {
}
.form_voita label input.input {
	width: 300px;
}
.form_voita label span {
	display: block; 
	float: left;
	width: 100px;
}
.form_voita table {
	border-bottom: 1px solid #fff;
	margin: 0 0 15px 0;
	padding: 0 0 20px 15px;
	width: 100%;
}
.form_voita table label {
	float: left;
	height: 1%;
	overflow: hidden;
	padding: 0;
	width: 300px;
}
.form_voita input.send {
	clear: both;
	display: block;
	margin: 0 auto;
}
.form_voita #error {
	clear: both;
	text-align: center;
	width: 100%;
}
.form_voita #error p {
	border: 0 none;
	margin: 0;
	padding: 10px 0 15px 15px;
}
.form_voita .send {
	clear: both;
	display: block;
	height: 33px;
	margin: 0 auto;
	width: 82px;
}



/*************** 09 UPDATES ***************/
/* tuki tietoa*/
.tuki_tietoa .sidebar { background: transparent; float: left; margin: 0; padding: 0; position: relative; width: 265px; z-index: 2; }
.tuki_tietoa .content { margin: 0 0 0 -4px; position: relative; width: 582px; z-index: 1; }
.tuki_tietoa_box { background: transparent url(../images/2009/tuki_tietoa_bg.gif) bottom left no-repeat; padding: 0 26px 20px 26px; }
.tuki_tietoa_box_top { background: transparent url(../images/2009/tuki_tietoa_top.gif) top left no-repeat; height: 19px; width: 582px;	}

/* asiantuntija vastaa*/
.asiantuntija_vastaa { background: #fff url(../images/2009/asiantuntija_vastaa.gif) top left no-repeat; height: 452px; position: relative; width: 889px; z-index: 1; }
.asiantuntija_vastaa div { padding: 56px 50px 0 314px; position: relative; z-index: 1; }
.asiantuntija_vastaa a { display: block; height: 44px; outline: none; position: absolute; right: 16px; text-decoration: none; text-indent: -999em; top: 28px; width: 37px; z-index: 2; }

/* asiantuntija motivaatio */
.asiantuntija_valinta_motivaatio { background: transparent url(../images/2009/asiantuntija_motivaatio.gif) top left no-repeat; height: 440px; margin: 0 0 0 -20px; width: 605px; }
.asiantuntija_valinta_motivaatio ul { list-style-type: none; height: 1%; padding: 70px 60px 0 45px; }
.asiantuntija_valinta_motivaatio ul li { margin: 0 0 10px 0; padding: 0; }
.asiantuntija_valinta_motivaatio a { font-size: 13px; outline: none; text-decoration: none;} 
.asiantuntija_valinta_motivaatio .valinta_motivaatio { height: 19px; left: 40px; position: absolute; top: 34px; text-indent: -999em; width: 102px; }
.asiantuntija_valinta_motivaatio .valinta_lopettaminen { height: 19px; left: 50px; position: absolute; top: 258px;text-indent: -999em; width: 117px; }
.asiantuntija_valinta_motivaatio .valinta_vieroitusoireet { height: 19px; left: 45px; position: absolute; top: 306px; text-indent: -999em; width: 128px;}
.asiantuntija_valinta_motivaatio .valinta_ymparisto { height: 21px; left: 48px; position: absolute; top: 354px;text-indent: -999em; width: 93px; }

/* asiantuntija motivaatio */
.asiantuntija_valinta_lopettaminen { background: transparent url(../images/2009/asiantuntija_lopettaminen.gif) top left no-repeat; height: 440px; margin: 0 0 0 -20px; width: 605px; }
.asiantuntija_valinta_lopettaminen ul { list-style-type: none; height: 1%; padding: 127px 60px 0 45px; }
.asiantuntija_valinta_lopettaminen ul li { margin: 0 0 10px 0; padding: 0; }
.asiantuntija_valinta_lopettaminen a { font-size: 13px; outline: none; text-decoration: none;} 
.asiantuntija_valinta_lopettaminen .valinta_motivaatio { height: 19px; left: 40px; position: absolute; top: 34px; text-indent: -999em; width: 102px; }
.asiantuntija_valinta_lopettaminen .valinta_lopettaminen { height: 19px; left: 50px; position: absolute; top: 86px;text-indent: -999em; width: 117px; }
.asiantuntija_valinta_lopettaminen .valinta_vieroitusoireet { height: 19px; left: 45px; position: absolute; top: 306px; text-indent: -999em; width: 128px;}
.asiantuntija_valinta_lopettaminen .valinta_ymparisto { height: 21px; left: 48px; position: absolute; top: 354px;text-indent: -999em; width: 93px; }

/* asiantuntija vieroitusoireet */
.asiantuntija_valinta_vieroitusoireet { background: transparent url(../images/2009/asiantuntija_vieroitusoireet.gif) top left no-repeat; height: 440px; margin: 0 0 0 -20px; width: 605px; }
.asiantuntija_valinta_vieroitusoireet ul { list-style-type: none; height: 1%; padding: 181px 60px 0 45px; }
.asiantuntija_valinta_vieroitusoireet ul li { margin: 0 0 10px 0; padding: 0; }
.asiantuntija_valinta_vieroitusoireet a { font-size: 13px; outline: none; text-decoration: none;} 
.asiantuntija_valinta_vieroitusoireet .valinta_motivaatio { height: 19px; left: 40px; position: absolute; top: 34px; text-indent: -999em; width: 102px; }
.asiantuntija_valinta_vieroitusoireet .valinta_lopettaminen { height: 19px; left: 50px; position: absolute; top: 86px;text-indent: -999em; width: 117px; }
.asiantuntija_valinta_vieroitusoireet .valinta_vieroitusoireet { height: 19px; left: 45px; position: absolute; top: 136px; text-indent: -999em; width: 128px;}
.asiantuntija_valinta_vieroitusoireet .valinta_ymparisto { height: 21px; left: 48px; position: absolute; top: 354px;text-indent: -999em; width: 93px; }

/* asiantuntija ymparisto */
.asiantuntija_valinta_ymparisto { background: transparent url(../images/2009/asiantuntija_ymparisto.gif) top left no-repeat; height: 440px; margin: 0 0 0 -20px; width: 605px; }
.asiantuntija_valinta_ymparisto ul { list-style-type: none; height: 1%; padding: 235px 60px 0 45px; }
.asiantuntija_valinta_ymparisto ul li { margin: 0 0 10px 0; padding: 0; }
.asiantuntija_valinta_ymparisto a { font-size: 13px; outline: none; text-decoration: none;} 
.asiantuntija_valinta_ymparisto .valinta_motivaatio { height: 19px; left: 40px; position: absolute; top: 34px; text-indent: -999em; width: 102px; }
.asiantuntija_valinta_ymparisto .valinta_lopettaminen { height: 19px; left: 50px; position: absolute; top: 86px;text-indent: -999em; width: 117px; }
.asiantuntija_valinta_ymparisto .valinta_vieroitusoireet { height: 19px; left: 45px; position: absolute; top: 136px; text-indent: -999em; width: 128px;}
.asiantuntija_valinta_ymparisto .valinta_ymparisto { height: 21px; left: 48px; position: absolute; top: 184px;text-indent: -999em; width: 93px; }




/*************** 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-paussi { background: #fff url(../images/kampanjat/paussi/bg.gif) top left repeat-x; }
body#kampanja-paussi #bgl {z-index: 1; right: 0px; top: 0px; position: absolute; }	
body#kampanja-paussi #bgr {z-index: 2; top: 0px; left: 0px; position: absolute; }	

body#kampanja-2askia { background: #fbfbfb url(../images/kampanjat/2askia/bg.jpg) top left repeat-x; }
body#kampanja-2askia #bgl {z-index: 1; right: 0px; top: 0px; position: absolute; }	
body#kampanja-2askia #bgr {z-index: 2; top: 0px; left: 0px; position: absolute; }	

body#kampanja-kary { background: #fbfbfb url(../images/kampanjat/2askia/bg.jpg) top left repeat-x; }
body#kampanja-kary #bgl {z-index: 1; right: 0px; top: 0px; position: absolute; }	
body#kampanja-kary #bgr {z-index: 2; top: 0px; left: 0px; position: absolute; }	



/*
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;}
#navcontainer ul { /*float: left; margin: 0px; */ margin: 0px; padding: 23px 0 0 0; width: 550px; white-space: nowrap; }
#navcontainer ul li { display: inline; list-style-type: none; margin: 0 23px 0 0; white-space: nowrap; }
#navcontainer { height: 50px; margin: 0px auto; width: 550px; white-space: nowrap; } 

#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_ms