body, html    { width: 100%; height: 100%; margin: 0px; /* font-family:'Lucida Grande', Arial, Verdana, Sans-Serif; */ font-family:Arial, Helvetica, sans-serif; font-size: 12px; }
th        { text-align: right; vertical-align: top; }
.prevnext_box { padding: 3px; float:right; }

.dot_x      { height: 2px; background-image:url(/images/dot_x.jpg); background-repeat:repeat-x; margin: 0; padding: 0;  }

#header     { height: 120px; /* margin-left: 7px; */ background: #fff url('http://www.vauva.fi/images/header_bg.jpg') repeat-x; width: 100%; }
#header_tall{ height: 420px; /* margin-left: 7px; */ background: #fff url('http://www.vauva.fi/images/header_bg_tall.jpg') repeat-x; width: 100%; }
#logo       { float:left; margin-left: 10px; margin-top: 5px; }

#adspace_top    { margin-left: auto; margin-right: auto; text-align: right; padding-top: 20px; padding-right: 15px; padding-bottom: 20px; width: 1024px; }
#adspace_right    { float:left; width: 140px; /* margin-left: 10px; */}
.adspace_middle   { text-align: center; padding: 10px; clear:both; }
.adspace_leftpalkki { text-align: center; padding-bottom: 10px; }

hr               { border: 0; color: #98d5e2; background-color: #98d5e2; height: 1px; width: 100%; }

.borderedtext             { background: #EBFFC4; padding: 20px; border: solid 1px #080; margin-left: 10px; margin-bottom: 10px; }

/* ALASIVUJEN TOIMINTOPALKKI */

.user_control_panel     { background: #D3E5B0; padding: 5px 0; margin-bottom: 10px; }
.user_control_panel a   { color: #000; text-decoration: underline; padding-right: 5px; padding-left: 5px; }

.front_dot_background     { float: left; }

.front_left               { float: left; }
.front_left img.mainoskuva { max-width: 620px; border: solid 1px #0f0; }
.front_dot_background     { width: 10px; height: 350px; margin-left: 10px; background: #fff url(/images/dot_y.jpg) repeat-y;}
.front_right              { float: left; }

/*#left_column    { float: left; }
#right_column     { float: left; width: 600px; margin-left: 10px;}*/

#left_column                      { float: left; margin-left: 5px; }
#right_column                     { float: left; margin: 0 0 0 15px; width: 600px; }

.picture_description_box          { padding: 10px; }
.middlecontent  {  /* width: 600px; */ width: 670px; margin: auto; /* border: 1px solid black; */}

.mainstyle    { margin: 0px; }
a       { text-decoration: underline; color: #57a9bf; }
a:hover     { text-decoration: underline; }
p, h1, h2, h3, h4, h5, h6     { margin: 0; padding: 0; }

h1, h2, h3, h4  { color: #57a9bf; }
h1        { border-bottom: solid 3px #b2e4eb; margin-bottom: 10px; }
h3        { font-size: 14px; font-weight:bold; color: #ee2375; }
h4        { font-size: 14px; }

.main_nosto                       { width: 310px; height: 230px; }
.main_nostokuva                   { margin-bottom: 5px; }
.main_nostokuva img.nostokuva     { border: solid 0px #7CBBCB; width: 308px; height: 228px; }
.main_nosto a                     { text-decoration: none; color: #000;}
.main_nosto a:hover               { text-decoration: none; }
.main_nosto h3 a                  { color: #ee2375; font-size: 1.3em; }

.navi a     { text-decoration: none; }

form      { padding: 0px; margin: 0px; }

#pagewrap   { margin: auto; width: 1200px;}

#pagewrap   { width: 1210px; margin: auto; padding: 0; }
#contentwrap  {  margin: auto; float: left;  width: 1010px;  }

#maincontent_wrap { margin-top: 10px; float: left; }
.maincontent_table  { width: 1024px; /* background-color:#333333; */}

#topbox     { background: #fff; margin-right: 20px; width: 810px; }

#top_elements     { float: right; text-align: left; background: #fff; }
#top_elements a     { color: #777; text-decoration: none; }
#top_elements span a  { color: #57a9bf; font-weight: bold; padding-top: 10px; float: left; margin-right: 10px; }
#top_elements form    { margin-bottom: 5px; }
#top_elements label   { margin-left: 5px; vertical-align: bottom; line-height: 17px; color: #777; font-family: Verdana; font-size: 10px; }
#top_elements input.top_submit  { background: #57a9bf; border: 0; color: #fff; font: bold 11px Verdana; text-transform: uppercase; padding: 2px 0; }

#login_box    { float: left; margin-top: 5px; margin-bottom: 5px; margin-right: 10px; }

.txtfield   { font-size: 12px; border: solid 1px #d4d4d4; background-color: #f5f5f5; color: #9e9e9e; width: 100px; font-family:Arial, Helvetica, sans-serif; height: 18px; }
#imageField   { vertical-align: bottom; }
#search_box   { float: left; margin-top: 5px; }

.txtbg      { width: 75px; height: 18px; background-image: url(/images/txtfield_bg.jpg); background-repeat:no-repeat; background-position:left;  /* border: 1px solid black; */ }
.toplink    { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #269bb5; text-decoration:underline; }
.whitebold13, .bluebold13 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: white; text-decoration:none; font-weight: bold; }
.bluebold13   { color: #269bb5; }


.clearing   { clear: both; }
.topnavi_box  { width: 571px; vertical-align: bottom; text-align: right; /* background-color: #333333; */ padding-right: 15px; padding-bottom: 12px; }

.redlink    { font-weight: bold; color: #ee2375; }

.middlebox_paddings     { padding: 10px; }

.ostamyy_box  { width: 600px; }
.maincontent_leftbox, .maincontent_leftbox .leftnavibox, .maincontent_leftbox
        { width: 195px; /* background-color: #FF0000; */}

.dotbox     { width: 195px; background-image:url(/images/dotbox_y.jpg); background-repeat:repeat-y; }

.maincontent_leftbox,
.leftnavibox  { /* background-color: #FFFF00; */}

.maincontent_middlebox    { width: 689px; }
.maincontent_rightbox   { width: 140px; /* padding-left: 20px; */ /* background-color: #003300;*/}
.maincontent_rightbox_sub { width: 637px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; }

.dotbox_header      { height: 12px; background-image:url(/images/dot_top.jpg); background-repeat:repeat-x; }
.dotbox_footer      { height: 12px; background-image:url(/images/dot_bottom.jpg); background-repeat:repeat-x; }
.dotbox_blue_footer   { height: 12px; background-image:url(/images/dot_blue_bottom.jpg); background-repeat:repeat-x; }
.dot_y            { }
.dot_y_white      { background-image:url(/images/dot_white.jpg); background-repeat: repeat-y; }
.dotbox_paddings    { /* padding: 0px 10px; */}

.margins    { margin-left: 4px; }

.dotbox .navi ul          { list-style-type: none; padding: 0px; margin: 0px; width: 187px;  }
.dotbox .navi ul li         { width: 187px; margin-bottom: 1px; display:block; }
.dotbox .navi ul li a       { /* height: 25px; */ padding: 7px 5px 7px 10px; width: 172px; display:block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #15afd1; clear:both;  }
.dotbox .navi ul li a:hover     { text-decoration: none; background: #fafafa; }
.dotbox .navi ul li a.selected    { padding: 7px 5px 7px 10px; width: 172px; display:block;   background-color: #89cbda;   color: white; }
.dotbox .navi ul li a.selected_sub  {  padding: 7px 5px 7px 20px; width: 162px; display:block;   background-color: #e3f3f7;   color: #9ec4cc; font-size: 11px; }

.kuvanosto_syntyneet  { width: 190px; height: 191px; background-image:url(/images/kuvatausta.gif); background-repeat:no-repeat; text-align:center; }

.leftnavi_ul        { list-style-type: none; padding: 0px; margin: 0px; }
.leftnavi_ul li       { padding: 4px 0px; padding-left: 11px; }
.leftnavi_ul li a     { text-decoration: none; font-weight: bold; color: #abcb61; line-height: 20px; /* padding-left: 11px; */ }
.leftnavi_ul li a.subnavi { color: #FFFFFF; }

.selected         { /* padding-bottom: 10px; */ background-color:#bce5ee; padding-left: 10px; }

.bluebg   { background-color: #bce5ee; /* padding-top: 5px; */}
.blueots  { font-weight: bold; color: #0db9ce; }

.ad_left  { margin-top: 10px; }
.viikonkysymys_box
    { margin: 10px 0px; border: 5px solid #bce5ee; background-color: #bce5ee; }

.topbpx_padding {  padding: 0px 2px; }
.kysymys_box  { background-color: #bce5ee; }
.poll_box   { font-weight: bold; }
#footer     { clear:both; padding-top: 20px; text-align:center; margin: 0;}
.blackbold    { font-weight: bold; color: #202020; font-size: 12px; }
.bluebold20   { font-weight: bold; color: #13bdcc; font-size: 20px; }
.blackbold13  { font-weight: bold; color: #202020; font-size: 13px; }

#keskustelut    { }
#keskustelut ul   { list-style-type: none;  }
#keskustelut ul,
#keskustelut ul li  { margin: 0px;  padding: 0px; }
#keskustelut ul li  { padding-bottom: 3px; }
#keskustelut hr   { border: 0; color: #98d5e2; background-color: #98d5e2; height: 1px; width: 100%; }
#keskustelut h2   { border-top: solid 1px #98d5e2; border-bottom: solid 1px #98d5e2; color: #000; padding: 4px; font: bold 14px Arial; margin-bottom: 5px;}
#keskustelut h2 a { font: normal 11px Verdana; color: #000;}
#keskustelut a:visited   { color: #777 !important; }
#keskustelut h4   { margin-bottom: 10px; }
#keskustelut h5    { font-size: 1.2em !important; }
#keskustelut .forum_post { word-wrap: break-word; width: 615px; overflow: hidden; }
#keskustelut .user_control_panel     { background: #fff; margin-bottom: 20px; padding: 10px 0; border-bottom: dashed 1px #aaa;}
#keskustelut .user_control_panel a   { color: #070; text-decoration: none; padding-right: 10px; }
#keskustelut .user_control_panel a:hover   { text-decoration: underline; }
#keskustelut tr.odd td { border-bottom: solid 1px #ccc;}

.keskustelut_box  { /* background-color: #F4F4F4; border: 1px solid #f0f; */}
.keskustelut_box td { padding: 5px; color: #333333; }
.keskustelut_box tr.odd:hover td { background: #E5FFFF; }
.keskustelut_box a { text-decoration: none; }

.keskustelut_nosto td       {}
.keskustelut_nosto tr.odd:hover,
.keskustelut_nosto tr.even:hover  { color: #000; /* background: #f0f; */}
.keskustelut_nosto tr.odd     { background: #fff; }
.keskustelut_nosto tr.even      { background: #f5f5f5; }
.keskustelut_nosto tr td a        { font-weight: bold; color: #000; display: block;  padding: 4px;  text-decoration: none; }
.keskustelut_nosto tr:hover td a  { color: #4C8BCB; text-decoration: underline; }

.divide   { width: 100%; height: 1px; background-color: #98d5e2; padding: 0px; }
.divide_black   { width: 100%; height: 1px; background-color: black; padding: 0px; }

.tableheaders td { color: #57a9bf; padding: 4px; font: bold 12px Arial; margin-bottom: 5px; border-top: solid 1px #57a9bf; border-bottom: solid 1px #57a9bf; }
/*{ background-color: #bce5ee; color: white; font-weight:bold; }*/

.row_lightgray  { background-color: #f7f7f7; }
.pagenumbers  { font-size: 11px; font-weight: bold; color: #08b1c8; }
.author { color: #999999; font-weight: bold; font-size: 11px; }
.whitebold  { color: white; font-weight: bold; }
.textfieldi { font-size: 12px; }
.prevnext_box { /* background-color:#F0F0F0; */}

.prevnext_box a { /* color: #999999; */ color: #08b1c8; }
.curpage  { color: black; font-weight: bold; }
a.redlink { color: #ee2375; }
a.greenlink { color: #97c84b; font-size: 14px; font-weight:bold; }
a.greenlink12 { color: #97c84b; font-size: 12px; font-weight:bold; }
a.greenlink12:visited { color: black; font-size: 12px; font-weight:bold; }
.grayrow  { background-color: #f3f3f3; }
#kansi  { text-align:center; padding: 10px 0px; }
.ilmoitus { text-align: center; }
.ilmoitus .header { text-align: left; height: 18px; background-color: #bce5ee; padding-top: 2px; padding-left: 2px; }
.header_row { border-top: 1px solid black; border-bottom: 1px solid black; }
.whitebold11  { font-size: 11px; color: #FFFFFF; }

.shareLink            {clear:both;margin:0;padding:0;position:relative; }
.shareLink ul         {background:#fff none repeat scroll 0 0;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;margin-bottom:10px;padding:5px 0 0 0;text-align:left; }.shareLink ul li {display:inline;padding:0 4px 0 0;text-align:center; }.shareLink ul li a  {color:#06528e;font-size:12px;margin:0 4px 0 0;padding:0 0 0 20px; }
.shareLink ul li.shareFacebook  { background:transparent url(/images/facebook.gif) no-repeat scroll left center; }
.shareLink ul li.shareMyspace { background:transparent url(/images/myspace.gif) no-repeat scroll left center; }

#perhe .NaviHorizontalAlphabets { width: 100%; font-size: 2em; line-height: normal; margin: 0 0 20px 0; }
#perhe .NaviHorizontalAlphabets a { font-size: 0.6em; padding: 4px; }
#perhe .NaviHorizontalAlphabets a:hover { font-size: 1em; padding: 4px; }
#perhe .NaviHorizontalAlphabets span { padding: 4px; }


/* GALLERIA */

.gallery_wrapper          { font-family: Arial; }
.gallery_item           { float: left; margin-right: 5px; margin-bottom: 5px; }
.gallery_item:hover         { background: #eee; }
.gallery_item_title         { }
.gallery_item_thumbnail       { }
.gallery_item_thumbnail img     { border: solid 1px #888; }
.gallery_item_thumbnail img:hover   { border: solid 1px #000; }
.gallery_user_control_panel     { background: #D3E5B0; padding: 5px 0; margin-bottom: 10px; }
.gallery_user_control_panel a   { color: #000; text-decoration: underline; padding-right: 5px; padding-left: 5px; }
.gallery_list           { font-size: 14px; line-height: 20px; }
.gallery_navigation         { margin-bottom: 10px; }
.gallery_navigation a       { color: #000; }


/* LOMAKKEET */

fieldset              { border: solid 1px #b2e4eb; padding-top: 10px; }
legend                { border: solid 1px #b2e4eb; color: #000; padding: 2px 5px; }
fieldset hr             { border-width: 0; background: #b2e4eb; height: 1px; margin: 5px 0; }
fieldset label            { margin-right: 0.7em; padding-top: 0.4em; font-weight:bold; }
fieldset div.center-align       { border-width: 0; padding: 0; margin: 0; }
fieldset div.center-align input,
fieldset div.center-align select,
fieldset div.center-align textarea  { margin-bottom: 10px; }
fieldset div.center-align label   { float:left; width:25%; margin-right: 0.7em; padding-top: 0.4em; text-align:right; font-weight:bold; }

.action-completed             { font-size: 14px; color: #000; background: #D3E5B0 url('/images/icon_big_check.jpg') no-repeat; background-position: 7px 20px; padding: 20px; border: solid 3px #0f0; padding-left: 70px; }
.action-completed-error       { font-size: 14px; color: #000; background: #FFB6B6 url('/images/icon_big_caution.jpg') no-repeat; background-position: 7px 20px; padding: 20px; padding-left: 70px; border: solid 3px #f00; }


/* KATEGORIALISTAUKSET */

.category_list ul             { margin: 0; padding: 0; border-top: solid 1px #D3E5B0; }
.category_list li             { list-style: none; font: normal 14px Arial; border-bottom: solid 1px #D3E5B0; padding-left: 5px; }
.category_list li a           { display: block; padding: 5px 0; color: #80B618; }
.category_list li a:hover         { background: #fcfcfc; color: #57a9bf; }
.category_list_thumbnail          { border: solid 1px #888; }


/* MAINOKSET */

#front_ads                    { text-align: center; margin-top: 10px;  }
#front_ads div                { margin: 0 auto 10px auto; }
#front_ad_bottom_wide         { position: fixed; left: 0; bottom: 0; width: 100%; margin: auto; }
#front_ad_top_right           { position: fixed; top: 0; right: 0; }
#front_ad_bottom_wide_fixed   { width: 100%; position: fixed; bottom: 0; text-align: center;}
#front_ad_bottom_wide_fixed .close_me a { cursor: pointer; border: solid 1px #aaa; text-transform: uppercase; text-align: center; width: 50px; padding: 2px; font: bold 10px Verdana; background: #fff; color: #007; text-decoration: none; top: 2px; right: 2px; position: absolute; }

#right_ads                    { float: left; margin-left: 0px; }
#right_ads img                { margin-bottom: 10px; }

#top_roadblock                { margin: auto; text-align: center; width: 1210px; }
#top_roadblock div            { margin: auto; }
#left_roadblock               { float: left; width: 100px; height: 350px; margin: 0; padding: 0; top: -1px; position: relative; }
#right_roadblock              { float: left; width: 100px; height: 350px; margin: 0; padding: 0; top: -1px; position: relative;  }
#top_roadblock script         { margin: 0; padding: 0; }

#FlashID1x {}

/* SIVUKARTTA */

.sitemap ul               { margin: 0; padding-left: 18px; }


/* LISTAT */

.list tr.headline td      { background: #000;}
.list tr.odd td           { border-bottom: solid 1px #ddd; background: #eee;}
.list tr.even td          { border-bottom: solid 1px #ddd; background: #f6f6f6;}

.big_list                 {  }
.big_list h1              { color: #CCF2FF; }
.big_list h2              { margin-bottom: 5px; }
.big_list h2 a            { text-decoration: none; }
.big_list_text h2 a       { color: #57a9bf; font-size: 18px; text-decoration: none; }
.big_list_row             { display: block; border-bottom: solid 1px #ddd; margin-bottom: 5px; padding-bottom: 5px; }
.big_list_image           { float: left; width: 90px; height: 80px; margin-bottom: 0; padding-bottom: 0; }
.big_list_image img       { width: 80px; height: 80px; border: solid 1px #aaa; margin-bottom: 0; padding-bottom: 0; }
.big_list_text            { float: left; color: #444; width: 500px; }
.big_list_link            { color: #26A000; font-weight: bold; }

.big_list td              { padding: 5px; }
.big_list .headline       { background: #b2e4eb; }
.big_list .headline a     { color: #000; }
.big_list .even td,
.big_list .odd td         { border-bottom: solid 1px #ddd; line-height: 40px; }

.view_ad_details          { background: #eee; padding: 13px; margin-top: 10px; }
.view_ad_details h1       { font-size: 1.4em; border-width: 0; }
.view_ad_details h2       { font-size: 1.2em;  }

.news_roll_arrows         { text-align: right; }
.news_roll_arrows a       { cursor: pointer; }


.children_names           { font-size: 1.2em; }
.alphabets ul             { list-style: none; padding: 0; margin: 0; }
.alphabets li a           { font-size: 1.2em; border: solid 1px #eee; margin-right: 5px; width: 14px; float: left; text-align: center; padding: 2px 0; display: block; }
.alphabets li a:hover     { color: #000; background: #D3E5B0; display: block; }

.names ul                 { list-style: none; font-size: 1.1em; padding: 0; margin: 0; border: solid 1px #A2BC70; float: right; background: #F7FFE7; }
.names ul li a            { display: block; float: left; width: 100px; padding: 1px 3px;}
.names ul li a:hover      { background: #EBFFC4; color: #000; }
.name_story               { width: 450px; float: left; }
.name_story h3            { color: #57a9bf; }
.name_story div           { margin-bottom: 10px; }

td.feedback ul            { list-style: none; padding: 0; margin: 0; }


/* ARVOSTELUTÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂHDET */

.star-rating                     { list-style: none; margin: 3px; padding: 0px; width: 75px; height: 15px; position: relative; background: url('/images/star_rating.jpg') top left repeat-x; }
.star-rating li                  { padding:0px; margin:0px; /*\*/ float: left; /* */ }
.star-rating li a                { display:block; width:15px; height: 15px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; }
.star-rating li a:hover          { background: url('/images/star_rating.jpg') left bottom; z-index: 1; left: 0px; }
.star-rating a.one-star          { left:    0px; }
.star-rating a.one-star:hover    { width:  15px; }
.star-rating a.two-stars         { left:   15px; }
.star-rating a.two-stars:hover   { width:  30px; }
.star-rating a.three-stars       { left:   30px; }
.star-rating a.three-stars:hover { width:  45px; }
.star-rating a.four-stars        { left:   45px; }
.star-rating a.four-stars:hover  { width:  60px; }
.star-rating a.five-stars        { left:   60px; }
.star-rating a.five-stars:hover  { width:  75px; }

/* `-------------- */

form ul      { margin: 0; padding: 0; list-style: none; }

/* ARTIKKELIT */

#article_area             { margin-left: 10px; }
#article_area p           { margin-bottom: 10px; }

/* ETUSIVUN NOSTOBOXIT */

.front_lift_wrapper       { margin: 0; padding: 0; background-image:url(/images/bluedot_y.jpg); background-repeat:repeat-y; background-position: top center; z-index: 1000; }
.front_lift_narrow_left   { float: left; width: 290px; overflow: hidden; }
.front_lift_narrow_right  { float: right; width: 290px; overflow: hidden; }
.front_lift_wide          { width: 600px; overflow: hidden; }
.front_lift_wide div      { text-align: center; }
.front_lift_dots          { height: 50px; padding: 0px 5px; float: left; margin: 0; padding: 0; border: solid 1px #f0f; }

/* KESKUTELUN QUOTET */

.forum_quote   { background: #f6f6f6; padding: 10px; margin: 5px 20px 10px 20px; border: solid 1px #999; font-style: italic; color: #333; }
.forum_quote b { font-style: normal; }

/* USER PROFILE */

.profile_photo            { float: right; margin-left: 15px; max-width: 300px; }
.profile_photo img        { border: solid 1px #000; }

.front_lift_narrow_left h3,
.front_lift_narrow_right h3 { font-size: 14px; }
.small_timestamp
{
  font-size: 10px; 
  float: right;
  color: #5F5953;
  
}
}

@charset "utf-8";

/* Oikotie box stylesheet */

/* Oikotie box */
#ot-box {
	position: relative;
	width: 174px;
	overflow: hidden;
	font: 11px/13px Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff;
}

/* Oikotie box: link images */
#ot-box a  img {
	border: none;
}

/* Oikotie box header */
#ot-box-header {
	position: relative;
	height: 30px;
	padding: 0px 0px;
}

/* Oikotie box header: home link */
#ot-box-home-link img {
	position: absolute;
	top: 0px;
	left: 5px;
}

/* Oikotie box header: title */
#ot-box-title {
	position: absolute;
	top: 3px;
	left: 78px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
#ot-box-title:hover {
	text-decoration: underline;
}
.ot-box-vauva #ot-box-title,
.ot-box-vauva #ot-box-title:visited {
	color: #14aed0;
}
.ot-box-perhe #ot-box-title,
.ot-box-perhe #ot-box-title:visited {
	color: #ee2375;
}


/* Oikotie box content: content */
#ot-box-content {
	position: relative;
	/*height: 200px;*/
	padding: 0px;
}

/* Oikotie box content: lists */
#ot-box-content .ot-box-list {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/* Oikotie box content: list items */
#ot-box-content .ot-box-list li {
	clear: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/* Oikotie box content: item links */
#ot-box-content .ot-box-list li a {
	display: block;
	float: left;
	width: 164px;
	padding: 5px;
	color: #000000;
	text-decoration: none;
}
#ot-box-content .ot-box-list li a:visited  {
	color: #666666;
}
#ot-box-content .ot-box-list li a:hover {
	text-decoration: none;
}
.ot-box-vauva #ot-box-content .ot-box-list li a:hover {
	background-color: #d0f0f6;
}
.ot-box-perhe #ot-box-content .ot-box-list li a:hover {
	background-color: #f5d0df;
}

/* Oikotie box content: pictures */
#ot-box-content .ot-box-picture {
	float: left;
	width: 80px;
}

/* Oikotie box content: item information */
#ot-box-content .ot-box-list li span {
	display: block;
	margin-left: 86px;
	white-space: nowrap;
}
#ot-box-content .ot-box-city {
	margin-top: -3px;
	font-weight: bold;
}
#ot-box-content .ot-box-area {
	font-weight: bold;
}
#ot-box-content .ot-box-price {
	margin-bottom: -3px;
}

/* Oikotie box content: footer */
#ot-box-footer {
	clear: left;
	padding: 10px 5px 0px 5px;
}

/* Site-specific style overrides */

#bottom-lift div {
  width: 180px;
  float: left;
  margin-top: 20px;
  padding-top: 10px;
}

#bottom-lift h1 {
  font-size: 14px;
  border: 0;
}

#bottom-lift ul {
  padding: 0;
  list-style: none;
}

#bottom-lift ul li {
  padding: 10px;
}

#bottom-lift ul li a {
  color: #000;
  text-decoration: none;
}

#bottom-lift ul li.odd {
  background: #f5f5f5;
}

#bottom-lift-articles {
  border-top: solid 4px #9ABD3D;
  color: #9ABD3D;
}

#bottom-lift-forum {
  margin-left: 15px;
  margin-right: 15px;
  border-top: solid 4px #57A9BF;
  color: #57A9BF
}

#bottom-lift-blog {
  border-top: solid 4px #EE2375;
  color: #EE2375;
}


