body { text-align:center; margin:0px; background:white; padding:0; }
td, #container { font-size:11px; font-family:Verdana, sans-serif; color:#000000; }
td { vertical-align:top; empty-cells:show; }
h1 { font-family: Georgia; font-size:20px; font-weight:bold; font-style:italic; color:#d40000; padding:0; margin:0 0 10px 0; line-height:normal; }
h2 { font-family: Georgia; font-size:16px; font-weight:bold; font-style:italic; color:#d40000; padding:0; margin:0 0 10px 0; line-height:normal; }
h3 { font-size:12px; font-weight:bold; font-style:italic; color:#d40000; padding:0; margin:0 0 10px 0; line-height:normal; }
a, a:visited, a:hover, a:active { font-size:11px; text-decoration:underline; color:#d40000; }
p { margin:0; padding-top:0; padding-bottom:5px; }
ul { margin:0; padding-top:0; padding-left:15px; }
img { vertical-align:middle; border:0; }
form { margin:0; padding:0; }

img[align=left] { padding-right:10px; padding-bottom:5px; }
img[align=right] { padding-left:10px; padding-bottom:5px; }
img[align="left"] { padding-right:10px; padding-bottom:5px; }
img[align="right"] { padding-left:10px; padding-bottom:5px; }
div#container { width:1000px; text-align:left; margin-left:auto; margin-right:auto; position:relative; }

div#logo { width:195px; height:113px; position:absolute; top:0; left:50px; }
div#banneri { /*width:728px; height:90px;*/ width:980px; height:120px; margin-left:auto; margin-right:auto; /*background-color:#cccccc;*/ }
div#suurtaulu1 { width:140px; height:350px; position:absolute; top:35px; right:0; /*top:118px; background-color:#cccccc;*/ }
div#suurtaulu2 { width:140px; height:350px; position:absolute; top:392px; right:0; /*top:475px;background-color:#cccccc;*/ }
div#suurtaulu3 { width:140px; height:350px; position:absolute; top:749px; right:0;/* top:832px;background-color:#cccccc;*/ }
div#linkworm { width:100%; color:#d40000; font-size:11px; padding-bottom:10px; position:relative; }
div#linkworm a { text-decoration:none; }
div#logout { position:absolute; right:0; top:0; font-size:11px; }

div#contentarea { width:850px; position:relative; } /*width:865px*/
div#headerwrapper { background:url("../graf/bg_header.jpg") #ffa904 repeat-x; }
div#toptext { text-align:center; font-size:16px; color:#d40000; }

div#infoarea { position:relative; height:152px; width:1000px; margin-left:auto; margin-right:auto; padding-top:10px; background:url("../graf/bg_pudottajat.gif") no-repeat; text-align:left; font-family:Arial; font-size:11px; color:#000000; }
div#somelinks { position:absolute; top:10px; right:0; width:300px; text-align:right; }
input.submitbutton { border:1px solid #d50808; background-color:#d50808; color:#ffffff; }
input.search { width:200px; border:1px solid #cccccc; }
form#sform { margin-bottom:30px; }
 
div#naviwrapper { width:1000px; margin-bottom:10px; margin-left:auto; margin-right:auto; }
div#navigation { padding:0; position:relative; min-height:38px; background:url("../graf/bg_menu.gif") #ffa800 repeat-x; font-size:12px; }
	a.mL, a.mL:visited, a.mL:hover, a.mL:active { padding:12px 12px 11px 12px; font-size:12px; color:#d50808; text-decoration:none; font-weight:bold; display:block; float:left; }
	a.mLA, a.mLA:visited, a.mLA:hover, a.mLA:active { padding:12px 12px 11px 12px; font-size:12px; color:#000000; background-color:#ffffff; text-decoration:none; font-weight:bold; display:block; float:left; }
	span.naviseparator { padding:0; font-size:11px; color:#FFFFFF; background-color:#ffffff; font-weight:normal; display:block; float:left; }
	img.naviseparator { display:block; float:left; }
/*div#subnavi { margin-bottom:15px; width:199px; padding:10px; background:url( '../graf/grey_slide_bg.gif' ) top left repeat-x; }*/
/* Sivunavigaatiolinkit */
	a.sL, a.sL:visited, a.sL:hover, a.sL:active { background:url( '../graf/dot.gif' ) 0 7px no-repeat; padding:2px 0 0 8px; font-size:12px; color:#ffffff; text-decoration:none; display:block; }
	a.sLA, a.sLA:visited, a.sLA:hover, a.sLA:active {  background:url( '../graf/dot.gif' ) 0 7px no-repeat; padding:2px 0 0 8px; font-size:12px; color:#ffffff; text-decoration:none; font-weight:bold; display:block; }
	a.ssL, a.ssL:visited, a.ssL:hover, a.ssL:active {  background:url( '../graf/dot.gif' ) 0 7px no-repeat; padding:2px 0 0 28px; font-size:12px; color:#ffffff; text-decoration:none; display:block; }
	a.ssLA, a.ssLA:visited, a.ssLA:hover, a.ssLA:active {  background:url( '../graf/dot.gif' ) 0 7px no-repeat; padding:2px 0 0 28px; font-size:12px; color:#ffffff; text-decoration:none; font-weight:bold; display:block; }

td.front_left_liftup { width:191px; }
td.front_maincontent { width:373px; padding-left:15px; padding-bottom:20px; }
td.front_right_liftup { width:205px; padding-left:10px; }
td.maincontent_wide { width:588px; padding-left:15px; }
div.footer { text-align:center; padding-left:15px; font-size:10px; }

div.blogbox_container { width:214px; background:url('../graf/blog_box_top.gif') #9dcc67 top left no-repeat; margin-bottom:10px; }
	div.box_header { font-family: Georgia; font-weight:bold; font-style:italic; color:#ffffff; font-size:26px; padding:15px 3px 5px 28px; }
	div.boxheader_white { color:#ffffff; font-weight:bold; }
	div.box_content { width:158px; padding: 5px 30px 5px 25px; color:#000000; }
	div.blogbox hr { width:100%; height:1px; border:0; color:#cee6b3; background-color:#dee3f1; }
	div.blogbox_bottom { width:219px; height:9px; background:url('../graf/blog_box_bottom.gif') bottom left no-repeat; color:#000000; font-size:1px; }

div.forumbox_container { width:214px; background:url('../graf/forum_box_top.gif') #bcc7e2 top left no-repeat; margin-bottom:10px; }
	div.forumbox_bottom { width:219px; height:9px; background:url('../graf/forum_box_bottom.gif') bottom left no-repeat; color:#000000; font-size:1px; }
	div.forumbox hr { width:100%; height:1px; border:0; color:#dee3f1; background-color:#dee3f1; }

div.box_container { width:214px; background:url('../graf/box_top.gif') #d50505 left top no-repeat; color:#ffffff; margin-bottom:10px; }
div.box_container a, div.box_container a:visited, div.box_container a:hover, div.box_container a:active { color:#ffffff; }
	div.box_bottom { width:214px; height:7px; background:url('../graf/box_bottom_red.gif') top left no-repeat; color:#ffffff; font-size:1px; }


a.boxmorelink, a.boxmorelink:visited, a.boxmorelink:hover, a.boxmorelink:active { 
	color:#000000; text-decoration:none; font-weight:bold; }

div.box_container_narrow { width:194px; background:url('../graf/box_top_narrow.gif') #ffcd00 left top no-repeat; color:#000000; margin-bottom:10px; }
	div.box_header_narrow { width:184px; padding:10px 2px 0 10px; color:#ffffff; font-size:12px;  font-family: Georgia, Arial, sans-serif; font-weight:bold; }
	div.box_content_narrow { width:161px; padding: 5px 10px 20px 16px; }
	div.box_bottom_narrow { width:194px; height:7px; background:url('../graf/box_bottom_narrow.gif') top left no-repeat; color:#000000; font-size:1px; }
div.box_container_narrow a, div.box_container_narrow a:visited, div.box_container_narrow a:hover, div.box_container_narrow a:active { color:#000000; }

td.yhteistyo_logo { width:50px; text-align:right; }
	td.yhteistyo_teksti { width:111px; }
	
div.box_container_narrowest { width:174px; background:url('../graf/box_top_narrowest.gif') #ffcd00 left top no-repeat; color:#000000; margin-bottom:10px; }
	div.box_header_narrowest { width:162px; padding:10px 2px 0 10px; color:#ffffff; font-size:12px; font-family: Georgia, Arial, sans-serif; font-weight:bold; }
	div.box_content_narrowest { width:145px; padding: 5px 10px 20px 10px; }
	div.box_bottom_narrowest { width:174px; height:7px; background:url('../graf/box_bottom_narrowest.gif') top right no-repeat; color:#000000; font-size:1px; }

img.nospace { font-size:0; vertical-align:middle; }

div.pudotettu { width:214px; text-align:right; font-weight:bold; background:url('../graf/weight_lost_bg.gif') bottom left no-repeat; margin-bottom:15px; }
	span.drop_header { font-family: Georgia; font-weight:bold; font-style:italic; color:#d40000; font-size:25px; }
	span.drop_subheader { font-family: Georgia; font-weight:bold; font-style:italic; color:#d40000; font-size:19px; }
	div.drop_base { padding:10px 0; }
	div.kg { font-family: Georgia; font-weight:bold; font-style:italic; color:#d40000; font-size:26px; padding-bottom:6px; padding-right:5px; }
div.hyvanolotesti { position:relative; padding:15px; width:191px; height:162px; color:#ffffff; font-weight:bold; font-size:12px; margin-bottom:15px;  background:url('../graf/hyvaolo_bg.gif') bottom left no-repeat;  }
div.liikujapudota { width:372px; background-color:#fff726; font-size:12px; position:relative; padding:20px 0; margin-bottom:20px; font-family: Arial, sans-serif; }
	div.nosto_otsikko { font-family: Georgia; font-weight:bold; font-style:italic; color:#ffffff; font-size:26px; }
	div.seuraava { font-weight:bold; color:#ffffff; font-size:10px; }
	div.seuraava a, div.seuraava a:visited, div.seuraava a:active { color:#ffffff; text-decoration:none; font-size:10px; }
	div.seuraava a:hover { color:#ffffff; text-decoration:underline; font-size:10px; }
div.front_nosto { width:372px; margin-bottom:15px; position:relative; }
	div.vinkki { float:left; width:146px; padding-left:30px; padding-top:0px; padding-right:10px; }
	div.vinkki_liiku { float:left; width:146px; padding-left:30px; padding-top:20px; padding-right:10px; }
	div.kuva { float:left; width:186px; }
	div.clear { clear:both; }
	div.luelisaa { background:url('../graf/front_liftup_morelink.gif') bottom left no-repeat; width:372px; height:19px; text-align:right; color:#ffffff; }
	div.luelisaa a, div.luelisaa a:visited, div.luelisaa a:active { color:#ffffff; text-decoration:none; font-weight:bold; }
	div.luelisaa a:hover { color:#ffffff; text-decoration:underline; font-weight:bold; }

div.linkkinosto { width:213px; font-size:11px; padding:15px 0; font-family: Arial, sans-serif; }
table.dark { background:url('../graf/linkbutton_dark.gif') top left no-repeat; height:24px; margin-bottom:3px; width:100%; }
table.light { background:url('../graf/linkbutton_light.gif') top left no-repeat; height:24px; margin-bottom:3px; width:100%; }
td.linkkiteksti a, td.linkkiteksti a:visited, td.linkkiteksti a:hover, td.linkkiteksti a:active { font-weight:bold; color:#000000; }
td.linkkiteksti { padding-left:10px; padding-top:3px; }
td.linkkinuoli { width:14px; padding-right:5px; padding-top:3px; }

div.infobox { background:url('../graf/orangebox.gif') top left no-repeat; width:199px; height:101px; padding:12px 7px; position:relative; margin-top:10px; }
div.textbox { background:url('../graf/textbox_liftup.gif') top left repeat-y; width:213px; position:relative; margin-top:10px; }
div.textbox_top { background:url('../graf/textbox_liftup_top.gif') top left no-repeat; width:213px; height:10px; position:relative; }
div.textbox_bottom { background:url('../graf/textbox_liftup_bottom.gif') top left no-repeat; width:213px; height:10px; position:relative; }
div.textbox_content { padding:5px; font-family:Arial; font-size:11px; }
div.textbox a, div.textbox a:visited, div.textbox a:active { color:#000000; text-decoration:none; }
	div.textbox a:hover { color:#000000; text-decoration:underline; }
div.textbox a.wl, div.textbox a:visited.wl, div.textbox a:active.wl { color:#d40000; text-decoration:none; }
	div.textbox a:hover.wl { color:#d40000; text-decoration:underline; }
td.login { font-size:11px; font-family: Arial, sans-serif; }
	input.textinput { width:90px; font-size:10px; font-family: Arial, sans-serif; }
	input.submit { border:0; background-color:transparent; font-size:10px; width:auto; font-family: Arial, sans-serif; }

div.linkbox_header { background:url('../graf/linkbox_top.gif') top left no-repeat; height:21px; text-align:center; font-weight:bold; padding-top:5px; }
div.linkbox_bottom { background:url('../graf/linkbox_bottom.gif') bottom left no-repeat; height:13px; }
	
div.maintextbox { background:url('../graf/textbox.gif') top left repeat-y; width:600px; position:relative; margin-top:10px; }
div.maintextbox_top { background:url('../graf/textbox_top.gif') top left no-repeat; width:600px; height:10px; position:relative; }
div.maintextbox_bottom { background:url('../graf/textbox_bottom.gif') top left no-repeat; width:600px; height:10px; position:relative; }

div.result { padding:10px 0; }
span.search_header { font-weight:bold; }

/* Forum-tyylit */
a.forumlink, a.forumlink:visited, a.forumlink:hover, a.forumlink:active { 
	color:#ffffff; text-decoration:none; font-weight:bold; }

a.groupL { text-decoration:none; }
a.groupL:visited { text-decoration:none; }
a.groupL:hover { text-decoration:underline; }
a.groupL:active { text-decoration:underline; }

a.groupH { text-decoration:none; font-weight:bold; background:url("../graf/newtopic.gif") 0 3px  no-repeat; padding-left:10px;  }
a.groupH:visited { text-decoration:none; font-weight:normal; padding-left:10px; background:none; }
a.groupH:hover { text-decoration:underline; padding-left:10px; }
a.groupH:active { text-decoration:underline; font-weight:bold; padding-left:10px; }

a.actBig { font-weight:bold; }
a.actBig:visited { font-weight:bold; }
a.actBig:hover {}
a.actBig:active {}

a.new { font-weight:bold;text-decoration:none; border:1px solid #d40000; }
a.new:visited { font-weight:bold;text-decoration:none; border:1px solid #d40000; }
a.new:hover { font-weight:bold;text-decoration:underline; border:1px solid #d40000; }
a.new:active { font-weight:bold;text-decoration:none; border:1px solid #d40000; }

td.actionT { font-weight:bold; }
td.actionF { padding:10px 0 10px 0; }
td.threadInfo { padding-top:3px; padding-bottom:3px; color:#818181; }
td.threadHeader { font-family: Georgia; font-size:18px; font-weight:bold; font-style:italic; color:#d40000; padding-bottom:10px; vertical-align:top; }
td.threadInfoHeader { font-weight:bold; border-bottom:2px solid #ffcd00; }
td.threadInfoFooter { border-top:2px solid #ffcd00; }
td.info {padding-top:3px; padding-bottom:3px;}
td.mTitle { font-weight:bold; font-size:14px; color:#d40000; padding:10px 10px 0 10px; }
td.mInfo { padding:10px 10px 0 10px;}
td.mBody { padding:0 10px 10px 10px;}

font.threadInfo { color:#818181; }

input.maxWidth { width:360px; height:20px; padding:2px; font-size:11px; font-family:Tahoma,Verdana; background-image:url( '<!! type: template_url !!>graf/bg_formfield.jpg' ); background-repeat:repeat-x; background-position:top left; background-color:white; color:#303030; border:solid 1px #9c9c9c; margin-bottom:5px; }
input.narrowWidth { width:160px; height:20px; padding:2px; font-size:11px; font-family:Tahoma,Verdana; background-image:url( '<!! type: template_url !!>graf/bg_formfield.jpg' ); background-repeat:repeat-x; background-position:top left; background-color:white; color:#303030; border:solid 1px #9c9c9c; margin-bottom:5px; }
textarea.maxWidth { width:360px; height:100px; padding:2px; font-size:11px; font-family:Tahoma,Verdana; background-image:url( '<!! type: template_url !!>graf/bg_formfield.jpg' ); background-repeat:repeat-x; background-position:top left; background-color:white; color:#303030; border:solid 1px #9c9c9c; margin-bottom:5px; }
input.buttonHot { min-width:80px; height:20px; font-size:11px; font-family:Tahoma,Verdana; background:#e1e1e1; color:#555555; border:solid 1px #9c9c9c; margin-bottom:5px; }
input.buttonSubmit { width:61px; height:16px; font-size:11px; text-align:left; padding:0; font-family:Tahoma,Verdana; background:url(../graf/loginbutton2.gif) no-repeat; color:#d40000; border:0; margin:5px 0; cursor:hand; cursor:pointer; }

div.infobox_aui { padding:10px; border:1px solid black; background-color:#cccccc; margin-bottom:10px; }
div.greenBar, div.greyBar { background-color:#d40000; color:#FFF; font-weight:bold; padding:5px; }

table.nums { height:40px; position:relative; z-index:100; margin-bottom:-40px; }
table.nums td { height:30px; text-align:center; vertical-align:top; width:18px; padding-top:23px; color:#759f33; font-size:9px; font-weight:normal; font-family:'Arial Unicode MS','Arial Unicode',Arial,Helvetica; }
table.nums td.first { width:25px; }

td.compareteam { border-bottom:1px solid #d40000; text-align:center; }

/* Blogit */
div.blogiotsikko { background-color:#d40000; padding:5px 10px; color:#ffffff; font-weight:bold; margin-bottom:10px; font-size:14px; }
span.date { font-size:11px; font-weight:normal; }
td.blogheader { background-color: #d40000; color: #FFFFFF; font-size:12px; font-weight:bold; }
hr.blog_separator { border:0; height:1px; background-color:#d40000; color:#d40000; }
p.commentheader { font-weight:bold; }

/* lomakkeet */

label { font-weight:bold; }
input.text_normal { width:300px; font-size:11px; font-family:"Trebuchet MS", Trebuchet, serif; }
textarea.texta_normal { width:300px; height:150px; font-size:11px; font-family:"Trebuchet MS", Trebuchet, serif; }
input.textinput { width:150px; font-size:11px; font-family:"Trebuchet MS", Trebuchet, serif; }
input.logininput { width:90px; font-size:11px; font-family:"Trebuchet MS", Trebuchet, serif; margin:5px 0; }
span.info { color:#666666; }

/* Feelingtest */
 table.feeling_test { width: 390px; }
 table.feeling_test td { padding-top: 2px; padding-bottom: 2px; }
 table.feeling_test td.tdheader { padding-top: 15px; }
 table.feeling_test td.green { padding-top: 5px; }
 table.feeling_test input.txt { text-align:right; width: 40px; height: font-size:11px; font-family:"Trebuchet MS", Trebuchet, serif; height: 14px; }
 span.header1 { text-align: left; font-weight: bold; }
 span.green { color: green; }
 
 /* Reseptipankki */
       table.searchResults th { background-image: url('<?=$this->domain->template_url?>graf/recipebank_bg2.gif'); background-repeat: repeat-x; }
      span.weekday { color: green; font-style: bold; font-size: 12px; }

/* Uutiset */
div.newscontainer { padding-bottom:20px; }

/* Pikakysely */
table.quickSurvey { width:100%; }
table.quickSurvey td { border-bottom: solid 1px #ffcd00; padding: 2px; }
div.quickSurveyButton { text-align:right; }
div.quickSurveyButton a, div.quickSurveyButton a:visited, div.quickSurveyButton a:hover, div.quickSurveyButton a:active { color:#d40000; }