/* CSS Document */
body{
  text-align:center;
  font-family:Arial, sans-serif;
  font-size:12px;
  margin:0px;padding:0px;
  color: #000;
}
div#allContainer {
	position:relative;
	z-index:0;
}
img {border:0px;}
.clear{
	clear:both;
	line-height:0;
	}
h1 span, h2 span, h3 span{
/*position:relative!important; */
  padding-bottom:0px!important;
  }
/*
img, div, a, ul, li, span { behavior: url(/extension/nvainu/design/nvainu/javascripts/iepngfix.htc) }
*/
input.halfbox { /* override core.css style "width:48%" */
	width:auto;
}
div#registerBlock {
	width:550px;
}

div#registerBlock div.block {
	clear:both;
	width:250px;
	margin:2px 20px 0 0;
}
div#registerBlock div.block.blockCAPTCHA,
div#registerBlock div.block.blockCAPTCHA div.block {
	width:auto;
}
div#registerBlock div.blockTL {
	clear:none;
	float:left;
}
div#registerBlock div.blockTR {
	clear:none;
	float:left;
}
div#registerBlock div.blockBreak {
	height:0;
	line-height:0;
	font-size:0;
	clear:both;
	margin-bottom:20px;
}
div#registerBlock div.blockBreakMin {
	height:0;
	line-height:0;
	font-size:0;
	clear:both;
	margin-bottom:10px;
}
div#registerBlock div.block label {
	padding:3px 0 0 5px;
}
div#registerBlock div.block label.requiredField {
	color:#bf0000;;
}
div#registerBlock div.block label.checkBoxLabel {
	float:left;
	padding:6px 0 0 2px;
}
div#registerBlock div.block input {
	font-size:1em;
	width:200px;
}
div#registerBlock div.block input.checkBox {
	display:block;
	float:left;
	width:auto;
}
div#registerBlock div.block p {
	padding-left:5px;
}
div#registerBlock div.block select {
	width:120px;
	font-size:1em;
	margin-left:5px;
}
div#registerBlock div.block .emptySelection {
	display:block;
	width:120px;
	margin-left:5px;
}
div#registerBlock div.block select option{
	padding:0 0 0 5px;
}

/*sivun raamien määrittely - alku*/
a {
  color:#000;
  text-decoration: underline;
  }
a:hover {
  text-decoration: none;
  }
p.error {
  padding-bottom: 15px;
  color: #BF0000;
}
p.success {
  padding-bottom: 15px;
  color: #158F00;
}

.commonForm .browninput_25h {
  margin-left: 0 !important;
}
.commonForm .browninput_25h .browninput_25h_sect {
  margin-bottom: 5px;
}

#allContainer{
	display:block;
	position:relative;
  /*width:1200px;*/
  margin:0 auto;
  text-align:center;
  }
.mainContainer{/*pääsivun pohjataustakuva*/
  background:url(../images/front_mainbg_2.jpg) no-repeat center -10px;
  }
.basicContainer{/*perussivun pohjataustakuva*/
  background:url(../images/basic_fullbg.gif) no-repeat center 0px;
  min-height:336px;
  }
.noregContainer{/*rekisteröitymissivun pohjataustakuva*/
  background:url(../images/noreg_mainbg.gif) no-repeat center 0px;
  }
.klubiContainer{/*rekisteröitymissivun pohjataustakuva*/
  background:url(../images/klubi_mainbg.jpg) no-repeat center 0px;
  }
.prodreelContainer{
  background:url(../images/noreg_mainbg.gif) no-repeat center 0px;
  }
.prodContainer{
  background:url(../images/noreg_mainbg.gif) no-repeat center 0px;
  }
.faqContainer{
  background:url(../images/faq_mainbg.gif) no-repeat center 0px;
  }
.blogContainer{
  background:url(../images/faq_mainbg.gif) no-repeat center 0px;
  }
.forumContainer{
  background:url(../images/faq_mainbg.gif) no-repeat center 0px;
  }
  
.cntrElem{/*keskitt�� ja rajaa sivun p��elementin*/
  text-align:left;
  margin:0 auto;
  width:990px;
  position:relative;
  clear:both;
  }
/*sivun raamien m��rittely - loppu*/

/*yl�palkki: logo, sis��nkirjautuminen ja haku - alku*/
#top_contents{
  background: url(../images/top-bar_top_v2.jpg) no-repeat;
  height:114px;
  display:block;
  width:943px;
  position:relative;
  float:left;
  z-index:100;
margin:0;
  }
#topBar{
	display:block;
	postition:relative;
	z-index:100;
  }
#topBar-cntr{
  background: url(../images/top-bar_center.gif) no-repeat 23px 0px;
  height:120px;
  position:relative;
  display:block;
  width:913px;
  }
#topBar .barEnd{
  position:relative;
  float:left;
  height:114px;
width:10px;
  }
#ainuLogo{
  position:relative;
  float:left;
margin:2px 0 0 -6px;
  width:120px;
  }
#ainuLogo img
{
margin-left:10px;
margin-top:-2px;
}
#ainuPalikat{
  position:relative;
  float:left;
  margin:0 0 0 14px;
  width:400px;
  }
#cubesStill
{
    margin:8px 0 0 14px;
}
#bigBlocks{
  position:relative;
  float:left;
  margin-left:0px;
  }
#topBtns{
  margin-top:10px;
  position:relative;
  float:right;
  width:372px;
  }
  /* CSS Document */
#btnLogin{
  position:absolute;
  top:0px;
  left:120px;
  }
#btnLogin a{
  display:block;
  width:124px;
  height:30px;
  background:url(../images/btn_login.png) no-repeat top;
  font-size:0.5em;
  text-indent:-3000px;
  }
#btnLogin a:hover{background:url(../images/btn_login.png) no-repeat bottom;}
#btnLogout{
  position:absolute;
  top:0px;
  left:0px;
  }
#btnLogout a{
  display:block;
  width:124px;
  height:30px;
  background:url(../images/btn_logout.png) no-repeat top;
  font-size:0.5em;
  text-indent:-3000px;
  }
#btnLogout a:hover{background:url(../images/btn_logout.png) no-repeat bottom;}
#btnModify{
  position:absolute;
  top:0px;
  left:124px;
  }
#btnModify a{
  display:block;
  width:125px;
  height:30px;
  background:url(../images/btn_muokkaa_tietoja.png) no-repeat top;
  font-size:0.5em;
  text-indent:-3000px;
  }
#btnModify a:hover{background:url(../images/btn_muokkaa_tietoja.png) no-repeat bottom;}

#btnSearch{
  position:absolute;
  top:0px;
  left:248px;
  }
#btnSearch a{
  display:block;
  width:124px;
  height:30px;
  background:url(../images/btn_sivuhaku.png) no-repeat top;
  font-size:0.5em;
  text-indent:-3000px;
  }
#btnSearch a:hover{background:url(../images/btn_sivuhaku.png) no-repeat bottom;}

#account{
  position:relative;
  height:44px;
  text-align:center;
  top:24px;
  width: 370px;
  }
#account span{
  font-weight:bold;
  line-height:14px;
  padding:20px 0px 10px 14px;
  height:44px;
  background:url(../images/kirjautuneena_bg.gif) repeat-x top left;
  }
#account span img{
  vertical-align: middle;
  border:0px;
  margin:-12px 0px 0px 0px;
  width:14px;
  height:44px;
  }
  
#tnaviLinks{
top:85px;
left:89px;
  }
#tnaviLinks ul{
  list-style-type: none;
  margin:0px 0px 0px 16px;
  padding:0px;
  }
#tnaviLinks li.mainNavi{
  position:relative;
  float:left;
  padding:3px 0px 3px 0px;
  margin:3px 0px 0px 3px;
  height:20px;
  border-left:1px solid #fff;
  }
#tnaviLinks li a{
  line-height:13px;
  background: url(../images/toplink_arrow.gif) top right no-repeat;
  text-decoration:none;
  color:#000;
  display:block;
  padding:4px 28px 3px 10px;
  }
#tnaviLinks li a:hover{
  background:url(../images/toplink_bghover.gif) top right no-repeat;
  text-decoration:none;
  }
  
#tobar_bottom{
  width:963px;
  clear:both;
  float:none;
  display:block;
  margin:0px;
  padding:0px;
  height:5px !important;
  position:relative;
   z-index:100;
background:url(../images/top-bar_bottom_v2.png) top left no-repeat;
  }
#top-bar_left
{
background:url(../images/top-bar_side_v2.png) top left no-repeat;
}
#top-bar_right
{
background:url(../images/top-bar_side_v2.png) top right no-repeat;
}
/*yl�navigaatio - loppu*/
/*p��sis�ll�t - alku*/
.leftFloat{position:relative;float:left;}
#breadcrumb{
  display:block;
  height:50px;}
.crumbEnd{position:relative;float:left;height:34px;}
.crumbEnd img{display:block;float:none;height:34px;}
#crumbCentr img{display:block;float:none;}
#crumbCentr{
  position:relative;
  float:left;
  height:34px;
  }
#crumbCentr div{
  display:block;
  width:934px;
  height:27px;
  background:url(../images/noreg_breadcr_center.gif) no-repeat;
  }
#crumbCentr span{
  display:block;
  font-weight:bold;
  padding:9px 0 0 4px;
  }
#crumbCenter span a{
  color:#000;
  text-decoration:none;
  }

.halfCol{
  width:475px;
  position:relative;
  float:left;
  display:block;
  }
.halfCol_right{
  margin-left:10px;
  width:475px;
  position:relative;
  float:left;
  display:block;}

.brownHalfBox_top{
  background: url(../images/halfcol_brownbox.gif) no-repeat top;
  padding:10px 0px 0px 0px;
  margin-top:10px;
  width:474px;
  display:block;
  }
.brownHalfBox_top p{
  margin:10px 10px 0px 10px;}

.brownHalfBox_top h2{margin:10px 0px 0px 10px;}
.brownHalfBox_top h3{margin:0px 0px 0px 10px;}
.brownHalfBox_bottom{
  background: url(../images/halfcol_brownbox.gif) no-repeat bottom;
  display:block;
  height:25px;
  padding:0px 0px 0px 0px;
  position:relative;
  width:474px;
  }
.brownHalfBox_top img{
  display:block;
  float:none;
  width:433px;
  height:8px;
  margin:0px 0px 0px 10px;
  }
.brownHalflift_box{
  background: url(../images/noreg_brownosto_center2.gif) repeat-y;
  display:block;
  width:433px;
  }
.brownHalflift_box span{margin-left:10px;display:block;width:410px;line-height: 130%;}
.brownHalflift_box a{
/*  background:url(../images/arr_small_white.gif) no-repeat right 4px; */
  text-decoration:none;
  color:#000;
  font-weight:bold;
  padding-right:10px;
  }
.brownHalflift_bott{
  margin-bottom:6px;
  }
/*these blue boxes have about 110 pixels high content area*/
.blueBoxEnd{
  position:relative;
  float:left;
  display:block;
  margin-top:10px;
  }
.blueBoxEnd img{float:none;display:block;height:125px;}
.blueHalfBox_top{
  margin-top:10px;
  padding:0px 0px 0px 0px;
  width:451px;
  display:block;
  position:relative;
  float:left;
  }
.blueHalfBox_top div{
  background: url(../images/halfcol_bluebox_center.gif) no-repeat top;
  height:116px;
  }
.blueHalfBox_top div h2{
  margin:0px 0px 10px 0px;
  padding-top:10px;
  font-size:1.3em;
  }
.blueHalfBox_top div p{
  margin:0px 0px 10px 0px;
  }
.blueGBoxEnd{
  position:relative;
  float:left;
  display:block;
  margin-top:-42px;
  }
.blueGBoxEnd img{float:none;display:block;height:177px;}
.blueGHalfBox_top{
  margin-top:-42px;
  padding:0px 0px 0px 0px;
  width:452px;
  display:block;
  position:relative;
  float:left;
  }
.blueGHalfBox_top div{
  background: url(../images/halfcol_bluebox_wgirl_center.gif) no-repeat top;
  height:115px;
  }
.blueGHalfBox_top div h2{
  margin:0px 0px 10px 0px;
  padding-top:10px;
  font-size:1.3em;
  }
.blueGHalfBox_top div p{
  margin:0px 0px 10px 0px;
  }
/*this pink box's content area is about 240px high */  
.pinkHboxEnd{
  position:relative;
  float:left;
  display:block;
  margin-top:10px;
  }
.pinkHboxEnd img{display:block;
  float:none;
  height:252px;}
.pinkHalfBox{
  margin-top:10px;
  display:block;
  position:relative;
  float:left;
  }
.pinkHboxCentr{
  background: url(../images/halfcol_pink_474x252_center.gif) no-repeat top;
  height:243px;
  width:449px;
  }
.pinkHboxCentr h2{margin:0px 0px 10px 00px;padding-top:10px;}
.pinkHboxCentr span{margin:0px 0px 5px 00px;display:block;width:430px;}
.pinkHboxCentr span a{
  color:#000;
  text-decoration:none;
  font-size:1.0em;
  font-weight:bold;
  display:inline;
/*  background:url(../images/arr_small_pink.gif) no-repeat right 5px;
 */
  padding:0px 10px 0px 0px;
  margin-top:0px;
  }
.pinkHboxCentr a{
  color:#000;
  font-size:1.2em;
  text-decoration:none;
  font-weight:bold;
  display:block;
/*  background:url(../images/arr_pink.gif) no-repeat 90px 4px; */
  padding:0px 16px 0px 0px;
  margin-top:10px;
  }
.pinkHboxBott{
  background: url(../images/halfcol_pink_474x252_bottom.png) no-repeat top;
  height:9px;
  width:449px;
  }

/*this green box's content area is about 140px high */  
.greenHboxEnd{
  position:relative;
  float:left;
  display:block;
  margin-top:10px;
  }
.greenHboxEnd img{display:block;float:none;height:155px;}
.greenHalfBox{
  margin-top:10px;
  display:block;
  position:relative;
  float:left;
  }
.greenHboxCentr{
  background: url(../images/halfcol_green_474x155_center.gif) no-repeat top;
  height:146px;
  width:448px;
  }
.greenHboxCentr h2{margin:0px 0px 10px 00px;padding-top:10px;font-size:22px;}
.greenHboxCentr h1, .greenHboxCentr h3{font-size:22px;margin:10px 0px 10px 5px;}
.greenHboxCentr p{margin:0px 0px 10px 5px;}
.greenHboxCentr a{margin-left:5px;font-size:18px;}
.greenHboxCentr p>a{margin-left:0;}
.greenHboxCentr span{margin:0px 0px 5px 00px;width:430px;}
.greenHboxCentr span a{
  color:#000;
  text-decoration:none;
  font-size:1.0em;
  font-weight:bold;
  display:inline;
/*  background:url(../images/arr_small_green.gif) no-repeat right 5px;
 */
  padding:0px 10px 0px 0px;
  margin-top:0px;
  }
.greenHboxCentr a{
  color:#000;
  font-size:1.2em;
  text-decoration:none;
  font-weight:bold;
  display:block;
/*  background:url(../images/arr_green.gif) no-repeat 90px 4px; */
  padding:0px 16px 0px 0px;
  margin-top:10px;
  }
.greenHboxBott{
  background: url(../images/halfcol_green_474x155_bottom.png) no-repeat top;
  height:9px;
  width:448px;
  }
  
#pageContents{
	display:block;
  position:relative;
  z-index:0;
  padding-top:20px;
  }
#frontAnim{
  position:relative;
  margin:-3px 0 0 15px;
height:320px;
width:930px;
  }
  
.pngFloat{
  position:relative;
  float:left;
}
.pngFloat img{float:none;}
#ainuNeuvojaTop
{
background:url(../images/neuvoja_bg_v2.jpg) top left no-repeat;
height:168px;
width:958px;
position:relative;
}
#ainuNeuvojaTopImg
{
background:url(../images/neuvoja_top_v2.png) top left no-repeat;
height:62px;
width:958px;
position:absolute;
top:-61px;
left:0;
}
#ainuNeuvojaText
{
float:left;
padding:18px 0 0 167px;
width:250px;
height:150px;
overflow:hidden;
}
#ainuAjankohtaistaText
{
float:left;
padding:18px 0 0 167px;
width:350px;
height:150px;
overflow:hidden;
}
#ainuAjankohtaistaList
{
margin-left:0;
}
#ainuAjankohtaistaList li
{
list-style:none;
padding:0;
margin:0 0 2px 0;
}
.ajankohtaistaDate
{
padding-right:14px;
}
#ainuNeuvojaText h2,
#ainuAjankohtaistaText h2
{
font-size:20px;
}
#ainuNeuvojaText .linkReplace
{
font-size:14px;
}

/*
#ainuNeuvo{
  position:relative;
  float:left;
  padding-top:77px;}
#neuvoArea{
  position:relative;
  float:left;
  width:318px;
  }
#neuvoArea .top{float:none;display:block;margin:0px;padding:0px;height:34px!important;width:318!important;position:relative;margin:0;}
#neuvoArea .bott{float:none;display:block;margin:0px;padding:0px;height:15px!important;width:318!important;position:relative;}
#neuvoText{
  padding:10px 0px 0px 30px;
  width:288px;
  height:210px;
  background:url(../images/neuvo_center.gif) no-repeat;
  }
#neuvoText h2{font-size:22px;}
#neuvoText .linkReplace{font-size:18px;} 
*/
#blogArea{
  position:relative;
  float:left;
  width:208px;
  background:url(../images/blog_center_2.gif) no-repeat left 111px;
  }
#blogLeft{background:url(../images/blog_left.png) no-repeat;width:194px;height:342px;}
#blogLeft img{margin:111px 0px 0px 18px}
img.pieniIhminen{display:block;position:relative;float:left;margin:16px 10px 0 0;}
#blogArea .top{float:none;display:block;margin:-11px 0px 0px 0px;padding:0px;height:122px!important;width:208!important;position:relative;}
#blogArea .bott{float:none;display:block;margin:0px;padding:0px;height:10px!important;width:208!important;position:relative;}
#blogText{margin:10px 0px 0px 10px;width:198px;height:211px;}
#blogText h2{font-size:22px;}
#blogText .linkReplace{font-size:18px;} 
#ages{display:block;padding-top:10px;}
.age{
  position:relative;
  float:left;
  width:186px;
  height:363px;
  margin-right:6px;
  }
.ageInner
{
  background:url(../images/etusivu_prodNvidlift_186x363_v2.png) no-repeat;
  width:186px;
  height:363px;
    display:block;
    position:relative;
    z-index:100;         
}
.ageThumb{
  position:absolute;
  display:block;
  float:none;
  width:127px;
  height:127px;
  top:3px;
  left:28px;
  }
img.ageIcon{
  position:absolute;
  display:block;
  float:none;
  width:30px;
  height:44px;
  top:83px;
  left:123px;
  }
span.age_tuoteNimi{
  display:block;
  width:186px;
  text-align:center;
  position:absolute;
  top:145px;
  font-weight:bold;
  font-size:13px;
  }
.ageText{
  position:absolute;
  top:180px;
  left:10px;
  width:165px;
  }
.ageText h2{margin:16px 0px 0px 6px;font-size:22px;}
.ageText p{margin:10px 0px 0px 0px;}
.ageText a{
	font-weight:bold;
	text-decoration:underline;
	/*
  position:absolute;
  display:block;
  color:#000;
  font-weight:bold;
  font-size:18px;
  text-decoration:none;
  left:0px;
  top:185px;
  */
  }
.ageText a:hover{
	text-decoration:none;	
}
/*
#ages{padding-top:14px;}
.age{width:185px;position:relative;float:left;margin-right:6px;}
.ageText{
  background:url(../images/agebox_normal.jpg) no-repeat;
  height:216px;
  width:186px;
  }
.ageText h3{
  margin:0px;
  padding:15px 15px 10px 15px;
  }
.ageText p{
  padding:0px;
  margin:0px 15px 10px 15px;
  }
.ageText a{
  color:#000;
  text-decoration:none;
  font-weight:bold;
  display:block;
  width:76px;
  font-size:1.2em;
  padding:0px 0px 20px 0px;
  margin:0px 15px 0px 15px;
  }
*/

/*
#ainuKlubi{
  background:url(../images/box_klubi.gif) no-repeat;
  width:954px;
  height:235px;
  }
*/
#ainuKlubiTop
{
position:relative;
background:url(../images/ainu_klubi_top_v2.jpg) top left no-repeat;
width:950px;
height:183px;
margin:10px 0 0 0;
overflow:hidden;
}
#ainuKlubiText
{
padding:25px 0 0 205px;
width:500px;
}
#ainuKlubiText h2
{
font-size:24px;
}
#ainuKlubiText a.linkReplace
{
font-size:16px;
}
#ainuBlogiTitle
{
background:url(../images/icon_blogi_title.jpg) left top no-repeat;
padding:6px 0 0 50px;
position:absolute;
bottom:0;
left:40px;
height:29px;
font-size:22px;
line-height:35px;
margin:0;
}
#ainuKeskusteluTitle
{
background:url(../images/icon_keskustelut_title.jpg) left top no-repeat;
padding:6px 0 0 50px;
position:absolute;
bottom:0;
left:500px;
height:29px;
line-height:35px;
font-size:22px;
margin:0;
}
#ainuKlubiMiddle
{
position:relative;
background:url(../images/ainu_klubi_middle_v2.jpg) top left repeat-y;
width:950px;
min-height:164px;
margin:0;
overflow:hidden;
}
#ainuBlogiNostoProfPic
{
float:left;
margin:10px 10px 10px 20px;
}
.browNosto_393.frontpageBrownNosto span {
display:block;
line-height:1.2em;
padding:3px 20px;
width:auto;
}
#ainuBlogiNostoText
{
min-height:140px;
}
#ainuBlogiNostoText span
{
display:block;
float:left;
padding:0;
}
#ainuBlogiNostoText a.linkReplace
{
font-size:14px;
}
.browNosto_393.frontpageBrownNosto span h4 
{
margin:8px 0 14px 0;
font-size:1.2em;
}
.browNosto_393.frontpageBrownNosto span h5
{
margin:10px 0 4px 0;
font-size:1em;
}

#ainuBlogiNosto
{
float:left;
width:420px;
margin:0 0 0 40px;
}
#ainuKeskustelutNosto
{
float:left;
width:420px;
margin:0 0 0 40px;
}
#ainuKlubiBottom
{
position:relative;
background:url(../images/ainu_klubi_bottom_v2.jpg) top left no-repeat;
width:950px;
height:19px;
margin:0 0 0 0;
}
#ainuVideotNosto
{
float:left;
position:relative;
background:url(../images/ainu_videot_bg_v2.jpg) top left no-repeat;
width:415px;
height:180px;
margin:15px 0 0 0;
overflow:hidden;
}
#ainuVideotTeksti
{
float:left;
width:230px;
padding:23px 0 0 26px;
}
#ainuVideotTeksti h2
{
font-size:20px;
margin-bottom:15px;
}
#ainuVideotTeksti .linkReplace,
#ainuChatText .linkReplace
{
display:block;
font-size:14px;
margin-top:13px;
}
#ainuVideotPlay
{
float:left;
margin:34px 0 0 10px;
}
#ainuChatNosto
{
float:left;
position:relative;
background:url(../images/ainu_chat_bg_v2.jpg) top left no-repeat;
width:517px;
height:195px;
margin:2px 0 15px 23px;
overflow:hidden;
}
#ainuChatText
{
float:left;
width:330px;
padding:30px 0 0 149px;
}
#ainuChatText h2
{
font-size:20px;
margin:0 0 5px 0;
}
#ainuChatText .buttonblock
{
    float:left;
    left:50%;
}
#ainuChatText .jqTransformButton
{
    right:50%;
    text-decoration:none;
}
#ainuChatText .jqTransformButton .btnMiddle
{
    /*background-position:left 50px;*/
}
#ainuChatText .jqTransformButton .btnRight
{
    /*background-position:right 50px;*/
}

/*
#klubiText{
  width:300px;
  position:relative;
  float:left;
  margin-left:220px;
  }
#klubiText h3{margin:0px;
  padding:15px 0px 10px 0px;}
#klubiText p{}
#klubiText a{
  color:#000;
  text-decoration:none;
  font-weight:bold;
  display:block;
  font-size:1.2em;
  padding:0px 0px 20px 0px;
  margin:0px 15px 0px 0px;}
*/
#klubiTalk{
  position:relative;
  float:left;
  margin-left:16px;
  }
#klubiTalk h3{margin:0px;
  padding:15px 0px 10px 0px;}
#talkNostot{
  background:url(../images/keskustelunostot.gif) no-repeat;
  width:394px;
  height:159px;
  padding-top:1px;
  }
#talkNostot span{
  display:block;
  padding:00px 0px 0px 10px;
  margin-top:12px;
  width:370px;
  height:40px;}
#talkNostot span a{
  text-decoration:none;
  color:#000;
  }

#ainuTapahtumat{
  position:relative;
  float:left;
  margin-top:-44px;
  padding-top:0px;}

#tapahArea{
  position:relative;
  float:left;
  width:455px;
  }
#tapahArea .top{float:none;display:block;margin:0px;padding:0px;height:55px!important;width:455!important;position:relative;}
#tapahArea .bott{float:none;display:block;margin:0px;padding:0px;height:9px!important;width:455!important;position:relative;}
#tapahText{
  padding:0px 10px 0px 30px;
  width:455px;
  height:142px;
  background:url(../images/tapah_center.gif) no-repeat;
  }

#ainUutiset{
  position:relative;
  float:left;
  background:url(../images/box_news.gif) no-repeat;
  width:473px;
  height:156px;
  margin:7px 0px 0px 10px;
  }
/*p��sis�ll�t - loppu*/

/*footer - alku*/
#ainuFooter{
  background: url(../images/box_footer.png) top left no-repeat;
  width:990px;
  text-align:center;
  height:97px;
  margin-top:16px;
  position:relative;
  z-index:30;
  }
#ainuFooter span{
  display:block;
  position:relative;
  width:600px;
  margin:0 auto;
  padding-top:24px;
  font-weight:bold;
  }
#ainuFooter img{
  position:relative;
  float:right;
  margin-top:-74px;
  margin-right:46px;
  }
  
/*tuotesivu - alku*/
.brownBarEnd{
  position:relative;
  float:left;
  }
.brownBarEnd img{
  display:block;
  float:none;
  height:46px;
  }
.brownBarCenter{
  position:relative;
  float:left;
  height:46px;
  }
.brownBarCenter div{
  display:block;
  position:relative;
  width:927px;
  height:38px;
  background:url(../images/prod_brownbar_46h_center.gif) no-repeat;
  }
.brownBarCenter img{
  display:block;
  position:relative;
  float:none;
  width:927px;
  height:8px;
  }
.brownBarCenter h1{
  position:relative;
  float:left;
  margin:12px 0px 0px 10px;
  font-size:1.5em;
  }
  
.brownBarCenter div.brownSearchBar{
  display:block;
  float:left;
  position:relative;
  background: transparent;
  width:400px;
  padding: 8px 0 0 0;
  height:30px;
  }
.brownBarCenter div.brownSearchBar div{
  display:block;
  position:relative;
  width:auto;
  height:auto;
  background:transparent;
  }
.brownBarCenter div.brownSearchBar input.halfbox{
  padding-top: 2px;
  margin-top: 2;
  height: 17px;
  width: 150px;
}
.brownBarCenter div.brownSearchBar input.button{
  margin: 3px 0 0 4px;
}

.brownBarCenter a{
  position:relative;
  float:right;
  margin:14px 0 0px 0px;
  /* background:url(../images/arr_small_dbrown.gif) no-repeat right 5px; */
  text-decoration:none;
  color:#000;
  font-weight:bold;
  padding-right:10px;
  }
.fullWbrown{
  position:relative;
  display:block;
  padding-top:10px;
  }
.fullWbrownEnd_right{
  float:left;
  width:956px;
  background:url(../images/brownFullwidth_right.png) no-repeat top right;
  overflow:hidden;
  position:relative;
}
.fullWbrown_center {
  float:left;
  width:956px;
  background:url(../images/brownFullwidth_center.gif) no-repeat top right;
  position:relative;
  right:14px;
}
.fullWbrownEnd_left {
  float:left;
  width:956px;
  background:url(../images/brownFullwidth_left.png) no-repeat 944px 0px;
  position:relative;
  right:930px;
}
.fullWbrown_contents{
  float:left;
  width:935px;
  position:relative;
  left:950px;
  display:block;
  min-height: 110px;
}
.fullWbrown_contents h1{
  font-size:1.5em;
  margin:10px 0px 0px 10px;
  }
.fullWbrown_contents p{margin:10px 0px 0px 10px;}
.brwnFltLeft{
  margin:16px 0px 0px 10px;
  position:relative;float:left;
  }
.brwnFltLeft{
  margin:16px 0px 0px 10px;
  position:relative;float:left;
  }
.iconRight{
  float:right;
  width:200px;
text-align:right;
margin-right:6px;
  }
.iconRight img{
  margin:0 0 2px 2px;
}
.brwnFltLeft span.prodCat{font-weight:bold;font-size:12px;}
.brwnFltLeft p{margin:0px 0px 10px 0px;}
.brwnFltLeft.productText{
  width:370px;
  margin-left:20px;
  }
.brwnFltLeft.productText a.linkReplace{
  margin:0;
}
.brwnFltLeft a.prodLink{
  margin:12px 10px 0px 0px;
  font-size:1.2em;
  line-height:1.5em;
/*  background:url(../images/arr_brown.gif) no-repeat right 4px;
 */
  text-decoration:none;
  color:#000;
  font-weight:bold;
  padding-right:16px;
  }
.brwnImLeft img{
  display:block;float:none;
  }
.fullWbrown_bottom{
  float:none;
  display:block;
  width:956px;
  height:28px;
  }
.fullWbrown_palikka{
	display:block;
	position:relative;
	height:204px;
	top:-230px;
	left:30px;
	margin-bottom:-204px;
}
.fullWbrown_contents.frontKeskustelu{
	min-height:210px;
}
  
.fullWblue{
  position:relative;
  display:block;
  padding-top:10px;
  }
.fullWblueEnd_right{
  float:left;
  width:956px;
  background:url(../images/blueFullwidth_right.png) no-repeat top right;
  overflow:hidden;
  position:relative;
}
.fullWblue_center {
  float:left;
  width:956px;
  background:url(../images/blueFullwidth_center.gif) no-repeat top right;
  position:relative;
  right:14px;
}
.fullWblue_center h2{
  margin:0px 0px 20px 0px;
  font-size:1.3em;
  }
.fullWblueEnd_left {
  float:left;
  width:956px;
  background:url(../images/blueFullwidth_left.png) no-repeat 944px 0px;
  position:relative;
  right:930px;
}
.fullWblue_contents{
  float:left;
  width:930px;
  position:relative;
  left:960px;
  display:block;
}
.fullWblue_bottom{
  float:none;
  display:block;
  width:956px;
  height:34px;
  margin-bottom:10px;
  }
/*
#neuvo_videot{margin-left:10px; margin-top: 10px;}
#neuvo_videot p{margin-left:10px;}

.neuvo_vid{margin:0px 0px 10px 10px!important;padding-top:2px;}
.neuvo_vid h3{margin:10px 0px 10px 170px;}
.neuvo_vid p{margin:0px 0px 10px 170px;}
.neuvo_vid a{
  margin:0px 15px 0px 170px;
  position:relative;
  float:left;
  color:#000;
  text-decoration:none;
  font-weight:bold;
  display:block;
  width:97px;
  font-size:1.2em;
	background:url(../images/arr_blue.gif) no-repeat right 4px;
  padding:0px 0px 20px 0px;
  }
*/
.vidAge0kk{
  background:url(../images/neuvo_vidbg-0kk.gif) no-repeat;
  width:514px;
  height:109px;
  }
.vidAge4kk{
  background:url(../images/neuvo_vidbg-4kk.gif) no-repeat;
  width:514px;
  height:109px;
  }

.halfCol_videolist{
  position:relative;float:left;
  }
.halfCol_videolist h2{
  font-size:1.5em;
  margin:20px 0px 16px 10px;}
.halfCol_videolist p{
  margin:0px 0px 16px 10px;}
  
.halfcol_vid{
  background:url(../images/halfcol_videolift.png) no-repeat;
  position:relative;
  width:472px;
  height:110px;
  }
.halfcol_vid h3{
  margin:0px;
  padding:0px;
  position:absolute;
  left:170px;
  top:10px;
  font-size:1.2em;
  }
.halfcol_vid p{
  position:absolute;
  left:160px;
  top:36px;
  padding-right:10px;
  }
.halfcol_vid a{
  position:absolute;
  left:170px;
  top:80px;
  font-size:1.2em;
  font-weight:bold;
  color:#000;
  text-decoration:none;
/*  background:url(../images/arr_blue.gif) no-repeat right 4px;
 */
  padding:0px 16px 0px 0px;
  }
  
  
  
.brownHalfBoxDark{
  width:469px;
  position:relative;
  float:left;
  margin-top:10px;
  }
.brownHalfBoxDark_right{
  float:left;
  width:469px;
  background:url(../images/brownHalfBoxDark_right.png) no-repeat top right;
  overflow:hidden;
  position:relative;
}
.brownHalfBoxDark_center {
  float:left;
  width:469px;
  background:url(../images/brownHalfBoxDark_center.gif) no-repeat top right;
  position:relative;
  right:15px;
}
.brownHalfBoxDark_center h2{
  margin:16px 0px 10px 0px;
  font-size:1.3em;
  }
.brownHalfBoxDark_center p{margin:0px 0px 10px 0px;}
.brownHalfBoxDark_left {
  float:left;
  width:469px;
  background:url(../images/brownHalfBoxDark_left.png) no-repeat top right;
  position:relative;
  right:442px;
}
.brownHalfBoxDark_contents{
  float:left;
  width:469px;
  position:relative;
  left:469px;
  display:block;
}
.brownHalfBoxDark_contents .leftFloat h2, .brownHalfBoxDark_contents .leftFloat p{
  margin-left:17px;}
.brownHalfBoxDark_contents .leftFloat .neuvolift_282{margin-left:10px;}
.brownHalfBoxDark_contents img{
  display:block;float:none;}
.brownHalfBoxDark_bottom{position:relative;float:left;}
.brownHalfBoxDark_bottom img{
  float:none;
  display:block;
  width:469px;
  height:35px;
  }

table.topic{
  padding:0px;
  margin:0px 0px 10px 0px;
  font-size:12px;
  }
table.topic td{
  border:0px;
  padding:0px 0px 0px 10px;
  margin:0px;
  vertical-align: top;
  }
.topic .topic_501 img{display:block;float:none;width:501px;height:6px;}
td.topic_501_center{background:url(../images/bloglistfield_501_center.gif) repeat-y top right;}
td.topic_501_center span{
  margin:0px 0px 0px 6px;
  display:block;
  width:488px;
  }
.topic .topic_623 img{display:block;float:none;width:623px;height:6px;}
td.topic_623_center{background:url(../images/faq_qlistfield_623_center.gif) repeat-y top right;}
td.topic_623_center span{
  margin:0px 0px 0px 6px;
  display:block;
  width:610px;
  }
td.topic_143_center{background:url(../images/faq_qlistfield_143_center.gif) repeat-y top right;}
td.topic_143_center span{
  font-size:12px;
  margin:0px 0px 0px 26px;
  font-weight:bold;
  display:block;
  width:110px;
  }
td.topic_more span {
  /* margin:0px 0px 0px 6px; */
  /* display:block; */
  /* width:130px; */
  }
td.topic_more span a {
  font-size:14px;
  color:#000;
  text-decoration:none;
  font-weight:bold;
  }
td.topic_more a.linkReplace {
  margin-left: 0;
}
.faqList{}
.faqList h1{margin:16px 0px 20px 10px !important;
  font-size:22px !important;}
.faqList a.bttmLink{
  font-weight:bold;
  font-size:22px;
/*  background:url(../images/arr_brown.gif) no-repeat right 9px; */
  text-decoration:none;
  color:#000;
  padding:0px 16px 0px 0px;
  }
.faqList a.aLeft{
  position:relative;float:left;
  margin:10px 0px 0px 16px;
  }
.faqList a.aRight{
  position:relative;float:right;
  margin:10px 1px 0px 0px;
  }
.faqlist_piece{position:relative;float:left;margin:0px 0 10px 10px;}
.faqlist_piece img{display:block;float:none;}
.faqlist_piece_more{position:relative;float:left; padding:12px 0px 0px 10px;}
.faqlist_piece_more a{
  font-weight:bold;
  font-size:1.3em;
/*  background:url(../images/arr_brown.gif) no-repeat right 5px; */
  text-decoration:none;
  color:#000;
  padding:0px 16px 0px 0px;
  }

.faqlist_623{width:623px;display:block;}
img.faqlist_623{height:6px;}
div.faqlist_623{
  display:block;float:none;
  height:34px;
  background:url(../images/faq_qlistfield_623_center.gif) no-repeat top right;
  }
div.faqlist_623 span{
  display:block;float:none;width:610px;
  padding:2px 0px 0px 8px;
  }

.faqlist_501{width:501px;display:block;}
img.faqlist_501{height:6px;}
div.faqlist_501{
  display:block;float:none;
  height:34px;
  background:url(../images/bloglistfield_501_center.gif) no-repeat top right;
  }
div.faqlist_501 span{
  display:block;float:none;width:488px;
  padding:2px 0px 0px 8px;
  }
   
.faqlist_143{width:143px;display:block;}
img.faqlist_143{height:6px;}
div.faqlist_143{
  display:block;float:none;
  height:34px;
  background:url(../images/faq_qlistfield_143_center.gif) no-repeat top right;
  }
div.faqlist_143 span{
  display:block;float:none;width:130px;
  padding:2px 0px 0px 8px;
  font-weight:bold;
  font-size:1.1em;
  }
a.seeAll {
  font-size: 1.3em;
}

.bloglist h1{
  font-size:22px !important;
  margin:16px 0 20px 10px !important;
  /* margin:10px 0px 10px 10px;
  font-size:1.5em;*/
  }
.bloglist a.bttmLink{
  font-weight:bold;
  font-size:1.5em;
/*  background:url(../images/arr_brown.gif) no-repeat right 9px; */
  text-decoration:none;
  color:#000;
  padding:0px 16px 0px 0px;
  }
.bloglist a.aLeft{
  position:relative;float:left;
  margin:10px 0px 0px 16px;
  }
.bloglist a.aRight{
  position:relative;float:right;
  margin:10px 8px 0px 0px;
  }
.bloglist_piece{position:relative;float:left;margin:0px 0px 10px 10px;}
.bloglist_piece img{display:block;float:none;}
.bloglist_piece_more{position:relative;float:left; padding:12px 0px 0px 10px;}
.bloglist_piece_more a{
  font-weight:bold;
  font-size:1.3em;
/*  background:url(../images/arr_brown.gif) no-repeat right 5px;
 */
  text-decoration:none;
  color:#000;
  padding:0px 16px 0px 0px;
  }

.bloglist_143{width:143px;display:block;}
div.bloglist_143{
  display:block;float:none;
  height:34px;
  background:url(../images/faq_qlistfield_143_center.gif) no-repeat top right;
  }
div.bloglist_143 span{
  display:block;
  float:none;
  width:130px;
  padding:2px 0px 0px 8px;
  }
.listbox_501{height:34px;width:501px;display:block;}
img.listbox_501{display:block;float:none;height:6px;}
div.listbox_501{
  display:block;float:none;
  height:34px;
  background:url(../images/bloglistfield_501_center.gif) no-repeat top right;
  }
div.listbox_501 span{
  display:block;float:none;width:491px;
  padding:2px 0px 0px 8px;
  }
.rightlistpiece_more{position:relative;float:left;margin:10px 0px 0px 10px;}
.rightlistpiece_more a{
  font-weight:bold;
  font-size:1.3em;
/*  background:url(../images/arr_brown.gif) no-repeat right 5px; */
  text-decoration:none;
  color:#000;
  padding:0px 16px 0px 0px;
  }
img.neuvoNainenTransp{display:block;float:none;width:140px;height:248px;}
.neuvolift_282{width:282px;}
.neuvolift_282 img{float:none;display:block;width:282px;}
.neuvolift_282 div{
  background:url(../images/neuvolift_282_center.gif) repeat-y;
  width:282px;
  }
.neuvolift_282 div span{
  display:block;
  padding:0px 0px 0px 7px;
  width:270px; 
  }
.neuvolift_282 div span a{
/*  background:url(../images/arr_small_brown.gif) no-repeat right 5px;
 */
  text-decoration:none;
  color:#000;
  font-weight:bold;
  padding-right:10px;
  }
.liBtnFlt_flatEnd{position:relative;float:left;}
.liBtnFlt_flatEnd img{
  height:28px!important;
  width:3px!important;
  float:none;
  display:block;
  }
.liBtnLightText{
  background:url(../images/brwnliBtn_light_center.gif) repeat-x;
  height:28px;
  }
.flatLeft{
  padding-left:5px;
  }
.flatRight{
  padding-right:5px;
  }
.blogLibtn_near{
  display:block;
  float:left;
  margin:0 0 10px 3px;
  position:relative;
  }
  
.beigebox_fullWidth{
  position:relative;display:block;
  width:972px;
  margin-top:10px;
  }
img.beiboxImg{
  display:block;
  float:none;
  width:972px;
  height:11px;
  }
.beibox_content{
  background:url(../images/beigebox_fullw_center.gif) repeat-y;
  width:972px;
  }
  
.browninput_25h{
  display:block;
  margin-left:10px;
  }
.browninput_25h_sect{position:relative;float:left;}
.browninput_25h_sect img{
  display:block;
  float:none;
  width:7px;
  height:25px;
  }  
.browninput_25h_center{
  background:url(../images/browninput_25h_center.gif) repeat-x;
  height:25px;
/*  width:386px; */
  }
.browninput_25h_center input{
  border:0px;
  margin:3px 0px 0px 0px;
  height:20px;
  }
.class-forum-topic textarea,
.class-forum-reply textarea{
  background:url(../images/neuvo_askany_textarea.gif) no-repeat;
  width:398px;
  height:117px;
  border:0px;
  overflow:auto;
  padding:10px 0px 0px 10px;
  margin-left:10px!important;
  text-align:left;
  display:block;}
.browNosto_393_img{
  width:393px;
  height:7px;
  display:block;float:none
  }
.browNosto_393_img_bottom{
  margin-bottom:6px;
  }
.browNosto_393{
  width:393px;
  padding-top:1px;
  background:url(../images/browNosto_393_center.gif) repeat-y;
  }
.browNosto_393 span{
  display:block;
  padding:0px 7px 0px 7px;
  margin-top:0px;
  width:370px;}
.browNosto_393 span a{
  text-decoration:none;
  color:#000;
  }
.block_spam img.captcha {
  margin-left: 10px;
}
.block_spam .browninput_25h_center{
  width:100px;
  display:block;
  }
.blogList{}
.blogList h1{margin:16px 0px 16px 10px;}
.blogLibtn{margin:0px 0px 10px 10px;position:relative;float:left;display:block;}
.blogLiDarkbtn{margin:0px 0px 10px 10px;position:relative;float:left;display:block;}
.blogLibtnsRight{
  position:relative;
  float:right;
  padding-right:8px;
  }
.liBtnFlt{position:relative;float:left;}
.liBtnFlt img{float:none;display:block;width:12px;height:28px;}
.liBtnText{
  background:url(../images/blogliBtn_center.gif) no-repeat;
  height:28px;
  }
.liBtnRDarkText{
  background:url(../images/blogliBtn_right-dark_center.gif) no-repeat top right;
  height:28px;
  }
.liBtnRDarkText a{
  display:block;
  padding:8px 10px 10px 0px;
  color:#000;
  font-size:0.9em;
  font-weight:bold;
  text-decoration:none;
/*  background:url(../images/arr_small_brown.gif) no-repeat right 13px; */
  }
.liBtnText a{
  display:block;
  padding:8px 10px 10px 0px;
  color:#000;
  font-size:0.9em;
  font-weight:bold;
  text-decoration:none;
/*  background:url(../images/arr_small_brown.gif) no-repeat right 13px; */
  }
.liBtnLightText{
  background:url(../images/blogliBtn_light_center.gif) no-repeat;
  height:28px;
  }
.liBtnLightText a{
  display:block;
  padding:8px 10px 10px 0px;
  color:#000;
  font-size:0.9em;
  font-weight:bold;
  text-decoration:none;
/*  background:url(../images/arr_small_brown.gif) no-repeat right 13px; */
  }
.blogEntry{padding:0px 0px 0px 10px;display:block;}
.entryName{position:relative;float:left;margin-bottom:10px;}
.entryName img{display:block;float:none;width:143px;}
.entryName div{background:url(../images/blogname_arrowBox_center.gif) no-repeat;}
.entryName div span{
  display:block;
  width:143px;
  padding:0px 0px 0px 6px;
  }
.entryName div span img{
  width: 16px;
  height: 16px;
  float: none;
  display:block;
  }
.entryName .firstEntry{}
.entryText{position:relative;float:right;margin-bottom:10px;}
.entryText img{display:block;float:none;width:761px;height:6px;}
.entryText div{background:url(../images/blogentry_761_center.gif) no-repeat;}
.entryText div span{
  display:block;
  width:761px;
  padding:6px 0px 0px 6px;
  }
.entryText div span h4{
  margin:0px 0px 10px 6px;
  font-size:1.3em; 
  }
.entryText div span p{margin:0px 6px 0px 6px;padding-bottom:6px;}
.bloglist p {
  margin-bottom: 10px;
}

#neuvo_videot{
  position:relative;
  margin-left:10px;
  clear: both;
  }
#neuvo_videot h2{margin-left:10px;font-size:22px;}
/*#neuvo_videot p{margin-left:10px;}*/
.neuvo_vid_container{
  margin-bottom: 10px;
  position: relative;
  height: 110px;
  }
.neuvo_vid_container_wide{
  margin-bottom: 10px;
  position: relative;
  height: auto;
  }
.neuvo_vid{margin:0px 0px 10px 10px;padding-top:2px;
  position:absolute;
  background:url(../images/videoliftBg_542x110.png) no-repeat;
  width:525px;
  height:110px;
  }
.neuvo_vid_container_wide .neuvo_vid{
	position:relative;
	background:url(../images/videoliftBg_583x110.png) no-repeat;
  width:583px;
  height:110px;
	}
html>body .neuvo_vid_container_wide .neuvo_vid{
	height:auto;
  min-height:110px;
	}
.neuvo_vid h3{margin:10px 0px 10px 170px!important;}
.neuvo_vid p{margin:0px 10px 10px 170px;!important}
.neuvo_vid a{
/*  margin:0px 15px 0px 170px;
  position:relative;
  float:left;
  color:#000;
  text-decoration:none;
  font-weight:bold;
  display:block;
  width:97px;
  font-size:1.2em;
  background:url(img/arr_blue.gif) no-repeat right 4px;
  padding:0px 0px 20px 0px; */
  }
.neuvo_vid a.linkReplace{
	margin:0px 15px 0px 170px;
	font-weight:bold;
	font-size:1.2em;
}
.neuvo_vid_container_wide .neuvo_vid a.linkReplace{
	display:block;
	margin:0 0 0 155px;
	padding:0 15px 12px 15px;
	background:transparent url(../images/videoliftBg_583x110.png) no-repeat right bottom;
	}
.neuvo_vid_container_wide .neuvo_vid p{
	margin:0 0 0 155px;
	padding:0 15px 10px 15px;
	background: #D9EDFF;
	}
.vidThumb{
  position:absolute;
  top:0px;
  left:0px;
  width:100px;
  height:100px;
  display:block;
  float:none;
  }


/* Search */

.searchlist {
  min-height: 400px;
}
.searchlist h3 {
  font-size:16px !important;
  margin: 0 0 15px 0 !important;
}
.searchlist a.aLeft{
  position:relative;float:left;
  margin:15px 0px 0px 0;
  font-size:22px;
  }
.searchlist a.aRight{
  position:relative;float:right;
  margin:15px 8px 0px 0px;
  font-size:22px;
  }
.searchlist ul,
.searchlist ol {
  list-style-position: outside;
  list-style-type: disc;
}
a.regLink {
color: #0000ff;
}
a.regLink:hover {
text-decoration: underline;
}

/* FORGOT PASSWORD */
#forgotPassword {
    font-size:1em;
    color:#696969;
}
.attribute-byline {
font-size:0.9em;
color:#999999;
font-style:italic;
margin-top:30px;
}
.class-documentation-page h3 {
    border-top:1px solid #cccccc;
    padding-top:10px;
    margin-top:10px;
}
.class-documentation-page li .basic_textimg {
float:none;
display:block;
}
.productText ol {
list-style-type:decimal;
}
.productText ul {
list-style-type:disc;
}

/** MAIN BUBBLE **/
.mainBubble
{
    position:relative;
    width:auto;
}
.mainBubbleTop,
.mainBubbleBottom,
.mainBubbleTop div,
.mainBubbleBottom div
{
    position:relative;
}
.mainBubbleTL
{
    float:left;
    background:transparent url(../images/mainbubble-border-bg.png) top left no-repeat;
    height:20px;
    width:50%;
}
.blueSharp .mainBubbleTL        { background:transparent url(../images/bluearea-sharp-border-bg.png) top left no-repeat; height:30px; }
.yellowSharp .mainBubbleTL      { background:transparent url(../images/yellowarea-sharp-border-bg.png) top left no-repeat; height:30px; }
.blueBL .mainBubbleTL           { background:transparent url(../images/bluebubble-bl-border-bg.png) top left no-repeat; height:35px; }
.blueTL .mainBubbleTL           { background:transparent url(../images/bluebubble-tl-border-bg.png) top left no-repeat; height:35px; }
.yellowTL .mainBubbleTL         { background:transparent url(../images/yellowbubble-tl-border-bg.png) top left no-repeat; height:35px; }
.yellowBL .mainBubbleTL         { background:transparent url(../images/mainbubble-border-bg.png) top left no-repeat; height:35px; }

.mainBubbleTR
{
    float:left;
    background:transparent url(../images/mainbubble-border-bg.png) top right no-repeat;
    height:20px;
    width:50%;
    clear:right;
}
.blueSharp .mainBubbleTR        { background:transparent url(../images/bluearea-sharp-border-bg.png) top right no-repeat; height:30px; }
.yellowSharp .mainBubbleTR      { background:transparent url(../images/yellowarea-sharp-border-bg.png) top right no-repeat; height:30px; }
.blueBL .mainBubbleTR           { background:transparent url(../images/bluebubble-bl-border-bg.png) top right no-repeat; height:35px; }
.blueTL .mainBubbleTR           { background:transparent url(../images/bluebubble-tl-border-bg.png) top right no-repeat; height:35px; }
.yellowTL .mainBubbleTR         { background:transparent url(../images/yellowbubble-tl-border-bg.png) top right no-repeat; height:35px; }
.yellowBL .mainBubbleTR         { background:transparent url(../images/mainbubble-border-bg.png) top right no-repeat; height:35px; }

.mainBubbleMiddle
{
    position:relative;
    background:transparent url(../images/mainbubble-middle-bg.png) top right repeat;
    zoom:1;
    z-index:100;
}
.mainBubbleMiddle.blueSharp     { background:transparent url(../images/bluearea-sharp-middle-bg.png) top right repeat; }
.mainBubbleMiddle.yellowSharp   { background:transparent url(../images/yellowarea-sharp-middle-bg.png) top right repeat; }
.mainBubbleMiddle.blueBL        { background:transparent url(../images/bluebubble-middle-bg.png) top right repeat; }
.mainBubbleMiddle.blueTL        { background:transparent url(../images/bluebubble-middle-bg.png) top right repeat; }
.mainBubbleMiddle.yellowTL      { background:transparent url(../images/yellowbubble-middle-bg.png) top right repeat; }
.mainBubbleMiddle.yellowBL      { background:transparent url(../images/mainbubble-middle-bg.png) top right repeat; }

.mainBubbleContent
{
    background:transparent url(../images/mainbubble-middle-bg.png) top left repeat;
    margin-right:20px;
    padding:0 0 20px 20px;
    zoom:1;
}

.blueSharp .mainBubbleMR        { background:transparent url(../images/bluearea-sharp-middle-bg.png) top left repeat; margin-right:30px; padding:0 0 1px 20px; }
.yellowSharp .mainBubbleMR      { background:transparent url(../images/yellowarea-sharp-middle-bg.png) top left repeat; margin-right:30px; padding:0 0 1px 20px; }
.blueBL .mainBubbleMR           { background:transparent url(../images/bluebubble-middle-bg.png) top left repeat; margin-right:35px; padding:0 0 1px 20px; }
.blueTL .mainBubbleMR           { background:transparent url(../images/bluebubble-middle-bg.png) top left repeat; margin-right:35px; padding:0 0 1px 20px; }
.yellowTL .mainBubbleMR         { background:transparent url(../images/yellowbubble-middle-bg.png) top left repeat; margin-right:35px; padding:0 0 1px 20px; }
.yellowBL .mainBubbleMR         { background:transparent url(../images/mainbubble-middle-bg.png) top left repeat; margin-right:35px; padding:0 0 1px 20px; }

.blueSharp .mainBubbleContent,
.yellowSharp .mainBubbleContent
{
    position:relative;
    background:transparent;
    top:-25px;
    padding:0;
    margin:0 -22px -48px -14px;
}
.blueTL .mainBubbleContent,
.blueBL .mainBubbleContent,
.yellowTL .mainBubbleContent,
.yellowBL .mainBubbleContent
{
    position:relative;
    background:transparent;
    top:-15px;
    padding:0;
    margin:0 -10px -20px 0;
}
.mainBubbleContent .mainMore .jqTransformButton
{
    position:relative;
    right:25px;
    top:-2px;
    float:right;
    margin-left:8px;
    zoom:1;
}
.blueBL .mainBubbleContent .mainMore .jqTransformButton,
.blueTL .mainBubbleContent .mainMore .jqTransformButton
{
    right:0;
    top:0;
}
.blueSharp .mainBubbleContent .mainMore .jqTransformButton
{
    right:0;
    top:6px;
}

/* REQUIRED BUTTON STYLES: */		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

.mainBubbleContent .mainMore .jqTransformButton.btnSmall
{
    top:3px;
}
.mainBubbleContent h1
{
    font-size:22px;
}
.mainBubbleBottom
{
    position:relative;
    z-index:50;
    margin-bottom:30px;
}
.mainBubbleBL
{
    float:left;
    background:transparent url(../images/mainbubble-border-bg.png) bottom left no-repeat;
    height:35px;
    width:50%;
}
.blueSharp .mainBubbleBL        { background:transparent url(../images/bluearea-sharp-border-bg.png) bottom left no-repeat; }
.yellowSharp .mainBubbleBL      { background:transparent url(../images/yellowarea-sharp-border-bg.png) bottom left no-repeat; }
.blueBL .mainBubbleBL           { background:transparent url(../images/bluebubble-bl-border-bg.png) bottom left no-repeat; }
.blueTL .mainBubbleBL           { background:transparent url(../images/bluebubble-tl-border-bg.png) bottom left no-repeat; }
.yellowTL .mainBubbleBL         { background:transparent url(../images/yellowbubble-tl-border-bg.png) bottom left no-repeat; }
.yellowBL .mainBubbleBL         { background:transparent url(../images/mainbubble-border-bg.png) bottom left no-repeat; }

.mainBubbleBR
{
    float:left;
    background:transparent url(../images/mainbubble-border-bg.png) bottom right no-repeat;
    height:35px;
    width:50%;
}
.blueSharp .mainBubbleBR        { background:transparent url(../images/bluearea-sharp-border-bg.png) bottom right no-repeat; }
.yellowSharp .mainBubbleBR      { background:transparent url(../images/yellowarea-sharp-border-bg.png) bottom right no-repeat; }
.blueBL .mainBubbleBR           { background:transparent url(../images/bluebubble-bl-border-bg.png) bottom right no-repeat; }
.blueTL .mainBubbleBR           { background:transparent url(../images/bluebubble-tl-border-bg.png) bottom right no-repeat; }
.yellowTL .mainBubbleBR         { background:transparent url(../images/yellowbubble-tl-border-bg.png) bottom right no-repeat; }
.yellowBL .mainBubbleBR         { background:transparent url(../images/mainbubble-border-bg.png) bottom right no-repeat; }

.bubbleIngress p
{
    font-size:1.15em;
    line-height:1.4em;
}
.floatButton
{
    float:left;
    margin:0 10px 10px 0;
}
.imgFloatLeft
{
    float:left;
    margin:0 5px 10px 0;
}

/** BLUE AREA **/
.blueArea
{
    position:relative;
    width:auto;
    margin-bottom:20px;
}
.blueAreaTop
{
    position:relative;
    z-index:100;
    background:transparent url(../images/bluearea-bg.png) top right no-repeat;
    margin-left:30px;
zoom:1;
}
.blueAreaTR
{
    background:transparent url(../images/bluearea-bg.png) top left no-repeat;
    margin:0 30px 0 -30px;
zoom:1;
}
.blueAreaContent
{
    padding:0 0 1px 15px;
    position:relative;
    bottom:-15px;
    margin-right:-10px;
}
.blueAreaContent .jqTransformButton
{
    position:absolute;
    right:0;
    top:-5px;
}
.blueAreaBL
{
    position:relative;
    z-index:50;
    background:transparent url(../images/bluearea-bg.png) bottom left no-repeat;
    height:30px;
    width:50%;
    float:left;
}
.blueAreaBR
{
    position:relative;
    z-index:50;
    background:transparent url(../images/bluearea-bg.png) bottom right no-repeat;
    height:30px;
    width:50%;
    float:left;
}

/** IMAGE MASKS **/
.imageWithMask
{
    position:relative;
}

.imageWithMask.s80x80
{
    width:83px;
    height:83px;
}
.imageWithMask.s120x120
{
    width:123px;
    height:123px;
}
.imageWithMask.s300x300
{
    width:303px;
    height:303px;
}
.imageMask
{
    position:absolute;
    top:0;
    left:0;
}
.s80x80.maskBlue .imageMask
{
    background:transparent url(../images/image-mask-blue-80x80.png) top right no-repeat;
    height:83px;
    width:83px;
}
.s120x120.maskYellow .imageMask
{
    background:transparent url(../images/image-mask-yellow-120x120.png) top right no-repeat;
    height:123px;
    width:123px;
}
.s120x120.maskBlue .imageMask
{
    background:transparent url(../images/image-mask-blue-120x120.png) top right no-repeat;
    height:123px;
    width:123px;
}
.s300x300.maskYellow .imageMask
{
    background:transparent url(../images/image-mask-yellow-300x300.png) top right no-repeat;
    height:303px;
    width:303px;
}

/** ICONS **/
.iconChat
{
display:inline-block;
    width:38px;
    height:31px;
    background:transparent url(../images/icon-set.png) 0 0 no-repeat;
    margin:0 10px -10px 0;
}
.iconBlog
{
display:inline-block;
    width:38px;
    height:31px;
    background:transparent url(../images/icon-set.png) -50px 0 no-repeat;
    margin:0 10px -10px 0;
}
.iconForumHigh
{
display:inline-block;
    width:38px;
    height:31px;
    background:transparent url(../images/icon-set.png) -50px 0 no-repeat;
    margin:0;
}
.iconMonth
{
    height:37px;
    width:51px;
    background:transparent url(../images/icon-set-months.png) 0 0 no-repeat;
    margin:0 5px 0 0;
    padding:14px 0 0 0;
    font-size:36px;
    font-weight:bold;
    text-align:center;
    line-height:35px;
}
.iconMonth.m01 { background-position:0 0; }
.iconMonth.m02 { background-position:-55px 0; }
.iconMonth.m03 { background-position:-110px 0; }
.iconMonth.m04 { background-position:-165px 0; }
.iconMonth.m05 { background-position:-220px 0; }
.iconMonth.m06 { background-position:-275px 0; }
.iconMonth.m07 { background-position:-330px 0; }
.iconMonth.m08 { background-position:-385px 0; }
.iconMonth.m09 { background-position:-440px 0; }
.iconMonth.m10 { background-position:-495px 0; }
.iconMonth.m11 { background-position:-550px 0; }
.iconMonth.m12 { background-position:-605px 0; }

.openLatestReply
{
    padding:2px 5px;
    margin-bottom:-3px;
}
.getMessageUri
{
    padding:0 3px 0 0;
}

/** PAGE NAVI **/
.pageNavi .naviPrev,
.pageNavi .naviNext
{
    display:block;
    float:left;
}

.pageNavi .naviNext
{
    margin-left:8px;
}

/** UUSI AINUKLUBI **/

#ezwt
{
    width:954px;
}
#breadCrumbNew
{
    background:transparent url(../images/bread-bg.png) top left no-repeat;
    width:924px;
    height:34px;
    line-height:32px;
    font-weight:bold;
    padding:0 15px;
    margin:0 0 0 2px;
    position:relative;
}
#addThis
{
    display:block;
    position:absolute;
    right:10px;
    top:8px;
}

#clubHeader
{
    position:relative;
}
#clubHeader ul
{
    display:block;
    position:relative;
    float:left;
    list-style-type:disc;
    margin:0 0 0 15px;
    font-size:1.15em;
    line-height:1.3em;    
    width:260px;
}
#clubHeader ul li
{
    padding:0;
    margin:5px 0 0 0;
}
#clubHeader ul.rightColumn
{
    float:right;
    width:170px;
}
#clubLogin
{
    width:186px;
    height:196px;
    margin:51px 16px 0 33px;
    display:block;
    float:left;
    position:relative;
}
#clubLoginTop,
.clubLoginTop
{
    position:relative;
    display:block;
    zoom:1;
    background:transparent url(../images/club-login-bg.png) top left no-repeat;
    z-index:100;
}
#clubLoginContent,
.clubLoginContent
{
    display:block;
    position:absolute;
    zoom:1;
    padding:20px 32px 1px 20px;
    position:relative;
}
.neuvojaBubble .clubLoginContent
{
    padding-top:1px;
    bottom:-18px;
}
#clubLoginContent.loggedIn
{
    padding-bottom:5px;
}
#clubLoginBottom,
.clubLoginBottom
{
    position:relative;
    display:block;
    zoom:1;
    background:transparent url(../images/club-login-bg.png) bottom left no-repeat;
    height:30px;
    margin:0;
    padding:0;
    z-index:50;
}
#clubLogin h2
{
    margin-bottom:10px;
}
#clubLogin .jqTransformInputWrapper
{
    width:130px;
}
#clubLogin input.halfbox
{
    width:120px;
}
#clubLogin .jqTransformButton
{
    display:block;
    position:absolute;
    zoom:1;
    right:-32px;
    top:0;
    width:100%;
}
#clubNeuvoja
{
    background:transparent url(../images/club-neuvoja.png) top left no-repeat;
    display:block;
    float:left;
    width:166px;
    height:339px;
    margin-top:-29px;
}
#clubNutShell
{
    position:relative;
    display:block;
    float:left;
    width:541px;
    margin:20px 0 20px -17px;
}
#clubNutTop
{
    position:relative;
    background:transparent url(../images/club-nut-bg.png) top left no-repeat;
    z-index:100;
}
#clubNutContent
{
    padding:0px 30px 20px 50px;
    position:relative;
    bottom:-24px;
    min-height:100px;
}
#clubNutContent.loggedIn
{
    padding-bottom:1px;
}
#clubNutContent h1
{
    font-size:26px;
    margin-bottom:10px;
}
#clubNutContent h3
{
    margin:18px 0 0 0;
}
#clubNutContent p
{
    font-size:1.15em;
    line-height:1.3em;
}
#clubNutShell .jqTransformButton
{
    position:absolute;
    right:0;
    top:8px;
}
#clubNutBottom
{
    background:transparent url(../images/club-nut-bg.png) bottom left no-repeat;
    height:40px;
    z-index:50;
}
#clubChat
{
    position:relative;
    margin:10px 0 0 25px;
    width:912px;    
}
#clubChat .mainBubbleContent
{
    padding-bottom:1px;
}
#clubChat .leftColumn
{
    float:left;
    width:520px;
    position:relative;
}
#clubChat .rightColumn
{
    float:right;
    width:322px;
    position:relative;
}
#clubChat .neuvojaBubble
{
    float:left;
    width:186px;
    margin:-12px 17px 0 0;
    text-align:center;
}
#clubChat .neuvojaBubble p {
    font-size:1em;
    line-height:1.3em;
}
#clubChat .ainuNeuvojaSmall
{
    float:left;
    background:transparent url(../images/club-neuvoja-small.png) top left no-repeat;
    height:151px;
    width:86px;
    margin:-40px 0 -151px 0;
}

#clubLeftColumn
{
    float:left;
    margin:0 0 0 25px;
    width:448px;
}
#clubRightColumn
{
    float:left;
    margin:0 0 0 15px;
    width:448px;
}

#clubBlog
{
    margin:0;
}
#clubBlock #blogLiftPopular
{
    display:none;
}
#clubBlog .mainBubbleContent
{
    min-height:580px;
}
#clubBlog .blueArea
{
}
#clubBlog .imgFloatLeft
{
    margin-bottom:0;
}
#clubBlog .blueAreaContent span,
#clubBlog .blueAreaContent p
{
    font-size:0.9em;
    line-height:1.35em;
}
#clubBlog span.info
{
    display:block;
}

#clubForum
{
    margin:0;
}
#clubForum .mainBubbleContent
{
    min-height:580px;
}
#clubForum .categoryThumb
{
    position:relative;
    float:left;
    margin:0 18px 20px 0;
    width:123px;
}
.categoryThumb .buttonblock
{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    height:1px;
}
.categoryThumb .jqTransformButton
{
    bottom:0;
    float:right;
    position:relative;
    right:-5px;
    top:-23px;    
}
#clubForum .categoryThumb.right
{
    margin-right:0;
}
#forumLiftPopular
{
    display:none;
}
#clubForum .liftTable
{
    width:100%;
}
#clubForum .liftTable a
{
    font-weight:bold;
}
#clubForum .liftTable td
{
    padding:0 5px 5px 0;
    font-size:0.9em;
    line-height:1.35em;
}
#clubForum .liftTable td.userName
{
    text-align:right;
    width:1%;
}
#clubForum .liftTable td.dateTime
{
    text-align:right;
    padding-right:0;
}
#clubForum .mainMore .jqTransformButton
{
    position:absolute;
    right:24px;
    bottom:-46px;
}


#clubNews
{
    margin:0;
}
#clubNews .mainBubbleContent
{
    padding-bottom:20px;
}
#clubNews .blueAreaContent
{
    padding-top:3px;
}
#clubNews .blueAreaContent span,
#clubNews .blueAreaContent p,
#clubNews .blueAreaContent h4
{
    font-size:0.9em;
    line-height:1.35em;
}
#clubNews .blueAreaContent p,
#clubNews .blueAreaContent .imgFloatLeft
{
    margin-bottom:0;
    margin-top:0;
}
#clubNews .blueAreaContent h4
{
    margin:0;
}
#clubNews .iconMonth
{
    float:left;
    margin-top:-3px;
}

#clubInterview
{
    margin:0;
}
#clubInterview .mainBubbleContent
{
    padding-bottom:20px;
}
#clubInterview .imageWithMask
{
    float:left;
    margin-right:5px;
}

#clubNewsOrder
{
    position:relative;
}

/** ORDER NEWSLETTER - LINE VIEW **/
#newsOrderFirst
{
    float:left;
    clear:none;
    margin-right:26px;
}
#newsOrderFirst input
{
    width: 190px;
}
#newsOrderLast
{
    float:left;
    clear:none;
}
#newsOrderLast input
{
    width: 190px;
}
#newsOrderEmail input
{
    width: 400px;
}


/** UUSI KESKUSTELUALUE **/
#forumHeader
{
    width:912px;
    margin:40px 0 30px 25px;
}
#forumHeader h1
{
    font-size:22px;
}
#forumHeader p
{
    font-size:1.2em;
    line-height:1.3em;    
}
#forumAreas
{
    width:912px;
    margin:0 0 30px 25px;
}
#forumAreas .tightMargin
{
    margin-bottom:10px;
}
.forumControls .buttonblock
{
    float:left;
}
.forumControls.topControls
{
    position:relative;
    top:-10px;
    margin-left:0;
    vertical-align:bottom;
}
.forumControls.topControls .jqTransformButton
{
    display:block;
    float:left;
    margin-left:8px;
}
.forumControls .pageNavi
{
    float:right;
    margin-right:40px;
}
.forumControls.topControls .pageNavi
{
    position:relative;
    bottom:-12px;
}
.forumControls.bottomControls .pageNavi
{
    position:relative;
    top:-20px;
    margin-bottom:20px;
}
.forumTable
{
    display:block;
    border-collapse:collapse;
    border-spacing:0 1px;
}
.forumTable tr
{
    display:block;
    border-bottom:3px solid #FFFCEC;
    border-top:2px solid #FFFCEC;    
    margin-bottom:1px;
}
.forumTable tr.headRow
{
    border:none;
}
.forumTable th
{
    padding:5px;
    border-right:1px solid transparent;
}
.forumTable td
{
    padding:5px;
    background:#fffcec;
    border-right:1px solid #cee5fe;
    vertical-align:middle;
}
.forumTable tr:hover
{
    border-color:#faf1d3;
}
.forumTable tr:hover td
{
    background:#faf1d3;
}
.forumTable .colSpan
{
    width:555px;
}
.forumTable .col1
{
    width:40px;
    padding-right:0;
    border:none;
    vertical-align:top;
}
.forumTable .col2
{
    width:510px;
    font-size:0.9em;
}
.forumTable .col3,
.forumTable .col4
{
    text-align:center;
    width:50px;
}
.forumTable .col5
{
    width:200px;
    font-size:0.9em;
    border-right:none;
}
.forumTable h2
{
    font-size:12px;
    margin:0;
}
.forumTable h4
{
    font-size:1.2em;
}
.forumTable h4,
.forumTable p
{
    margin:0;
    line-height:1.35em;
}

#forumReplies
{
    width:912px;
    margin:0 0 30px 25px;
}
#forumReplies .tightMargin
{
    margin-bottom:10px;
}
#forumReplies .yellowSharp .mainBubbleContent
{
    margin:0 -17px -18px -9px;
    top:-5px
}
#forumReplies .replyControl
{
    position:absolute;
    bottom:0;
    right:0;
}
#forumReplies .replyControl .jqTransformButton
{
    display:block;
    margin-left:8px;
    float:left;
}
#forumReplies .replyHeader
{
    position:relative;
    border-bottom:0px solid #292929;
}
#forumReplies .replyHeader h2
{
    width:500px;
}
#forumReplies .replyInfo
{
    font-size:0.9em;
    margin:5px 0 20px 0;
}
.forumReply
{
    line-height:1.4em;
    color:#292929;
}
.forumReply .mainBubbleBottom
{
    margin-bottom:20px;
}
.forumQuote,
.blogQuote
{
    position:relative;
    padding:0 30px;
}
.forumQuote h4,
.blogQuote h4
{
    font-weight:normal;
    font-size:0.9em;
}
.forumQuote .quoteLeft,
.blogQuote .quoteLeft,
.forumQuote .quoteRight,
.blogQuote .quoteRight
{
    display:block;
    position:absolute;
    background:transparent url(../images/icon-forum-quotes.png) top left no-repeat;
    width:18px;
    height:12px;
}
.forumQuote .quoteLeft,
.blogQuote .quoteLeft
{
    top:-5px; left:0;
    background-position:0 0;
}
.forumQuote .quoteRight,
.blogQuote .quoteRight
{
    bottom:-5px; right:0;
    background-position:-20px 0;
}

#forumTopicEdit
{
    width:912px;
    margin:0 0 30px 25px;
}
#forumReplyEdit
{
    width:912px;
    margin:-20px 0 50px 25px;
}
#forumTopicEdit .mainBubbleContent
{
    padding-top:1px;
}
#forumReplyEdit .mainBubbleContent
{
    padding-top:1px;
    margin:0 -15px -38px 0;
}
#forumTopicEdit .editTopic input,
#forumReplyEdit .editTopic input
{
    width:867px;
}
#forumTopicEdit .editMessage textarea,
#forumReplyEdit .editMessage textarea
{
    width:854px;
    height:100px;
}
#forumTopicEdit .mainMore .btnSmall,
#forumReplyEdit .mainMore .btnSmall
{
    top:5px;
}

/** CHAT **/
#chatMain
{
    width:912px;
    margin:40px 0 30px 25px;
}
#chatMainContent
{
    background:transparent url(../images/club-neuvoja.png) 10px 10px no-repeat;
    padding:0 0 0 210px;
    display:block;
    position:relative;
    zoom:1;
    min-height:360px;
}
#chatMainContent .blueArea
{
    margin-bottom:10px;
}
#chatList
{
display:block;
position:relative;
    height:370px;
width:630px;
    zoom:1;
    overflow:auto;
}
#chatList .rowOdd,
#chatList .rowEven
{
    position:relative;
    padding:10px 20px 10px 70px;
    line-height:1.3em;
}
#chatList .dateTime
{
    display:block;
    position:absolute;
    top:10px;
    left:7px;
    color:#292929;
}
#chatList .rowOdd
{
    background:#f8fbff;
}
#chatList .rowEven
{
    background:#fffef9;
}
#chatList .guest,
#chatList .user {
    color:#000;
    font-weight:bold;
}
#chatList .moderator,
#chatList .admin {
    color:#ed8065;
    font-weight:bold;
}
#chatList .chatBot {
    color:#86bdf6;
    font-weight:bold;
}
#chatList .chatBotErrorMessage {
    color:red;
    font-weight:bold;
}
#chatList a {
    color:#292929;
    font-weight:bold;
}
#chatList .delete {
    display:block;
    position:absolute;
    width:10px;
    height:10px;
    top:10px;
    right:7px;
    background:url('../images/icon-chat-delete.png') no-repeat right;
}
#chatList .deleteSelected {
    border-color:red;
}
#chatMainContent #inputFieldContainer
{
}
#chatMainContent #inputField
{
    width:610px;
    height:35px;
    margin-bottom:-10px;
}
.moderator #inputField
{
    width:324px!important;
}
#chatMainContent #inputContentArea,
#chatBan .mainBubbleContent
{
    margin:0 -15px -20px 0;
    top:-25px;
}
#chatMainContent #messageLengthCounter
{
    font-size:16px;
    color:#86bdf6;
    display:block;
    position:absolute;
    top:0;
    right:0;
}
#chatMainContent #submitButton
{
    position:relative;
    right:0;
    top:4px;
}
#chatPageIngress
{
    padding:25px 25px 10px 25px;
}
#chatPageIngress p,
#blogList .blogDescription
{
    font-size:1.1em;
    line-height:1.35em;
}
#blogList .blogDescription
{
    margin:20px 0;
}
#chatMessageInput.moderator
{
    float:left;
    width:380px;
}
#chatBan
{
    float:left;
    width:277px;
    margin-left:5px;
}
.chatInShort
{
    margin:10px;
}
.chatArchiveList
{
    margin:10px;
}

/** BLOGS **/
#blogList
{
    width:912px;
    margin:40px 0 30px 25px;
}
#blogList .mainBubbleContent
{
    padding-bottom:1px;
}
#blogList .blueArea
{
    margin-bottom:0;
}
#blogList .imageWithMask
{
    float:left;
}
#blogList .blueArea
{
    float:left;
    width:738px;
    margin-left:10px;
}
#blogList .blueAreaContent
{
    height:90px;
}
#blogList .mainBubbleBottom
{
    margin-bottom:15px;
}
#blogList .count,
#blogPost .count
{
    display:block;
    position:relative;
    float:right;
    padding-right:40px;
    /**
    display:block;
    position:absolute;
    text-align:right;
    padding-right:40px;
    right:0;
    top:0;
    **/
}
#blogList .countBubble,
#blogPost .countBubble
{
    display:block;
    position:absolute;
    background:transparent url(../images/icon-count-bubble.png) top left no-repeat;
    width:31px;
    height:28px;
    padding:3px 3px 0 0;
    top:-8px;
    right:0;
    font-weight:bold;
    text-align:center;
}
#blogList .blueAreaContent .jqTransformButton {
    bottom:0;
    position:relative;
    right:0;
    float:right;
    margin-left:8px;
}
#blogList .buttonblock {
    position:absolute;
    right:0;
    bottom:-37px;
}

.blogControls .buttonblock
{
    float:left;
}
.blogControls.topControls
{
    position:relative;
    top:10px;
    margin:0 0 -20px 0;
    vertical-align:bottom;
}
.blogControls.topControls .jqTransformButton
{
    display:block;
    float:left;
    margin-left:8px;
}
.blogControls .pageNavi
{
    float:right;
    margin-right:40px;
}
.blogControls.topControls .pageNavi
{
    position:relative;
    bottom:-12px;
}
.blogControls.bottomControls .pageNavi
{
    position:relative;
    top:-30px;
    margin-bottom:20px;
}
.oldBlogsList
{
    margin:20px 0 0 125px;
}
.oldBlogsList .blueArea
{
    margin-bottom:20px!important;
}
.oldBlogsList .pageNavi
{
    margin:0 auto 10px auto;
    width:360px;    
}
#blogPost
{
    width:912px;
    margin:25px 0 30px 25px;
}
#blogMainPost h1
{
    margin-top:5px;
}
#blogPost h2
{
    margin-bottom:20px;
}
#blogPost .mainBubbleContent .buttonblock
{
    position:absolute;
    bottom:-46px;
    right:20px;
}
#blogComments .mainBubbleContent .buttonblock
{
    position:absolute;
    bottom:-46px;
    right:0;
}
#blogPost .mainBubbleContent .jqTransformButton,
#blogComments .mainBubbleContent .jqTransformButton
{
    float:right;
    margin-left:8px;
}
#blogMainPost
{
    position:relative;
    margin-left:140px;
    margin-top:25px;
}
#blogMainPost p
{
    font-size:1.1em;
    line-height:1.35em;
}
.blogPostImage
{
float:left;
}
#blogComments
{
    position:relative;
    width:788px;
    margin:25px 0 30px 150px;
}
#blogComments .replyInfo
{
    font-size:0.9em;
    margin:5px 0 20px 0;
}
#blogComments p
{
    line-height:1.35em;
    margin:0;
}
#blogComments .centeredPageNavi
{
    position: relative;
    left: 50%;
    float: left;    
    margin:10px 0 0 0;
}
#blogComments .centeredPageNavi.topNavi
{
    margin:0 0 0 0;
}
#blogComments .pageNavi
{
    position: relative;
    right:50%;
}
#blogComments .tightMargin
{
    margin-bottom:15px;
}
.blogDescriptionLift
{
    display:none;
    font-size:0.9em;
    color:#232323;
    position:absolute;
    top:170px;
    width:120px;
    left:20px;    
}
.blogControls.naviControls
{
    position:relative;
}
.blogControls.naviControls .buttonblock
{
    bottom:-45px;
    position:absolute;
    right:80px;    
}
.blogControls.naviControls .jqTransformButton
{
    display:block;
    float:right;
    margin-left:8px;
}
#blogCommentEdit
{
    margin-top:30px;
}
#blogCommentEdit .buttonblock
{
    margin-right:15px;
}
#blogCommentEdit .mainBubbleContent
{
    margin:0 20px 0 0;
    padding:1px 0 1px 20px;    
    top:-10px;
}
#blogCommentEdit .editTopic input
{
    width:740px;
}
#blogCommentEdit .editMessage textarea
{
    width:728px;
    height:100px;
}
#blogPostEdit
{
    width:912px;
    margin:0 0 30px 25px;
}
#blogPostEditLeft
{
    float:left;
}
#blogPostEditRight
{
    float:right;
    width:310px;
    font-size:0.9em;
}
#blogPostEditRight label
{
    margin-top:10px!important;
}
#blogPostEdit .mainBubbleContent
{
    padding-top:1px;
}
#blogPostEdit .editTopic input
{
    width:467px;
}
#blogPostEdit .editMessage textarea
{
    width:454px;
    height:500px;
}
#blogPostEdit .blueAreaContent .jqTransformButton
{
    position:relative;
    left:0;
    top:0;
}
#blogPostEdit .mainMore .btnSmall
{
    top:5px;
}
#blogPostEdit .imageSelect
{
    float:left;
    margin:0 13px 10px 0;
    text-align:center;
}
#blogPostEdit .imageSelect.noRightMargin
{
    margin:0 0 10px 0;
}
#blogPostEdit .fileSelect
{
    position:relative;
    float:left;
    clear:none;
    width:170px;
}
#blogPostEdit .fileSelect .jqTransformInputInner div 
{
    position:relative;
}
.fileSelect .novenimageuploader
{
    display:block;
    width:200px;
}
#blogPostEdit .fileSelect .buttonimage
{
    width:56px;
    height:32px;
    background:transparent url(../images/button-selaa.png) top left no-repeat;
    position:absolute!important;
    /*bottom:-40px;
    right:0;*/
top:24px;
left:0;
}
#blogPostEdit .fileInput
{
    width:80px;
    height:80px;
    cursor:pointer;cursor:hand;
}
#fileInputUnderlay
{
    width:150px;
}
#blogPostEdit .fileInput
{
    display:block;
    position:relative;
    top:0;
    left:0;
}
.blogPostLargeImage
{
    float:right;
    margin:0 0 20px 20px;
}

.mainBubbleContent.quoteContent {
    margin:0 -17px -20px -9px!important;
    top:-5px!important;
    color:#232323;
    line-height:1.35em;
}
.buttonblock.blogView
{
    bottom:-47px !important;
    left:-70px;    
    width:500px;
}
.topControls .buttonblock.blogView
{
    bottom:0 !important;
    right:0!important;    
    left:auto;
    width:500px;
}
.buttonblock.blogView .jqTransformButton
{
position:relative;
float:right;
}

#blogDescription
{
    margin:25px 0 30px 25px;
    width:912px;    
}
#blogDescription .mainBubbleContent
{
    padding-top:1px;
}

.buttonblock
{
    position:relative;
    overflow:visible;
}
.buttonblock.mainMore
{
    position:absolute;
    overflow:visible;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
}
#closeDisabledPopup
{
    height:35px;
    overflow:hidden;
}

div.message-warning, div.warning {
    border-color:#C0C040;
    padding:10px;
    margin:20px 0 20px -10px;
}
div.message-warning p, div.warning p {
    margin:10px 0 0 0;
}
.hidden
{
    display:none;
}
input.button, button, input.defaultbutton  {
    color:#000000;
}
.checkboxLeft
{
    float:left;
    margin:7px 10px 0 0;
}
.abuseMessage
{
    background:url("../images/jqtransform/btn-small-tr.png") no-repeat scroll right bottom transparent;
    bottom:-35px;
    color:#666666;
    display:block;
    font-size:0.9em;
    font-weight:bold;
    height:24px;
    padding:15px 20px 0 0;
    position:absolute;
    right:30px;
    z-index:100;    
    white-space:nowrap;
}
.abuseMessage .messageStart
{
    display:block;
    position:absolute;
    left:-20px;
    top:0;
    background:transparent url(../images/jqtransform/btn-small-tr.png) bottom left no-repeat;
    height:39px;
    width:20px;
}
.forumModeratorMessage
{
    margin:20px 0 0 0;
    font-style:italic;
    font-size:0.9em;
    color:#666666;
}

/** USER REGISTER & EDIT **/
#forumAreas.userEdit
{
    margin-bottom:50px;
}
.forumTable.userEdit td
{
    vertical-align:middle;
    text-align:left;
}
.forumTable .userCol1
{
    width:200px;
    font-weight:bold;
}
.forumTable .userCol2
{
    width:677px;
    border-right:none;
}
#forumAreas .buttonblock.mainMore
{
    bottom:11px;
}
#forumAreas .buttonblock.mainMore .jqTransformButton.btnLarge
{
    top:0;
}
#forumAreas .buttonblock.mainMore .jqTransformButton.btnSmall
{
    top:5px;
}


/** CORE.CSS OVERRIDES **/
input.button, button, input.defaultbutton {
    font-size:1em;
}

/** Smileys **/
.bbcode_smiley
{
    display:inline-block;
    position:relative;
    margin:-10px 4px 0 4px;
    bottom:-4px;
}

/** CHATROOM EDIT **/
#chatMessageHistory
{
    display:block;
    height:300px;
    overflow:auto;
}
#chatMessageHistory table
{
  width:100%;
}
#chatMessageHistory td
{
  padding:6px 8px;
}
#chatMessageHistory tr.oddRow td
{
  background:#F8FBFF;
}
#chatMessageHistory tr.evenRow td
{
  background:#FFFEF9;
}
.messageListTime
{
  color:#999999;
  width:10px;
  white-space:nowrap;
}
.messageListUser
{
  font-weight:bold;
  width:10px;
  white-space:nowrap;
}

/** FRONT PAGE CAMPAIGN **/
#content
{
    position:relative;
}
#frontCampaign
{
position:absolute;
top:-3px;
right:45px;
}