/* fake checkbox : unchecked (default/base) state 
.fakecheck {
	text-decoration: none;
	outline: none;
	background: url(checkbox.gif) no-repeat;
	height: 16px;
	width: 40px;
	display: block;
	float: left;
	padding: 1px 0px 0px 20px;
	color: #666666;
} */

/* fake checkbox : hover state 
.fakecheck:hover {
	color:#0066FF;
	text-decoration: underline;
} */

/* fake checkbox : checked state 
.fakechecked {
	background-position: left -25px;
} */


/*  - - - - - - - - - - - - - - - - - - - - - -
 *		Reseptihaun tyylit
 *  - - - - - - - - - - - - - - - - - - - - - - */

#keittokirja {
  text-align: left;
}

#reseptihaku-ja-tulokset {
	position: relative;
}

#reseptihaku-ja-tulokset h2 {
	height: 41px;
	color: #fff;
	font-size: 24px;
  font-weight: normal;
	padding: 25px 0 0 65px;
	margin: 0;
	line-height: 1;
	background: #fff url('../img/raisio2010/ajax-haun-otsikon-tausta.gif') no-repeat;
}

#sulje-avaa-reseptihaku, .suljettu, .avattu {
	width: 28px;
	height: 29px;
	position: absolute;
	top: 23px;
	left: 886px;
}

.avattu {
	background: transparent url('../img/raisio2010/avaa-sulje-nappi.gif') no-repeat 0 -58px;
}

.avattu:hover {
	background: transparent url('../img/raisio2010/avaa-sulje-nappi.gif') no-repeat 0 -87px;
}

.suljettu {
	background: transparent url('../img/raisio2010/avaa-sulje-nappi.gif') no-repeat 0 0;
}

.suljettu:hover {
	background: transparent url('../img/raisio2010/avaa-sulje-nappi.gif') no-repeat 0 -29px;
}

#reseptihaku {
	width: 954px;
	background: #fff url('../img/raisio2010/ajax-haun-tausta.gif') no-repeat left top;
}

#reseptihaku h3 {
	color: #005b0b;
	font-size: 12px;
  font-weight: bold;
	padding: 5px 0 4px 0;
	margin: 0;
}

#reseptihaku label a, #reseptihaku label a:visited {
	color: #386d35;
	text-decoration: none;
}

#ajax-lomake {
	padding: 0 25px 25px 25px;
	height: 145px;
}

#ruokalaji, #valmistusaika, #erityisruokavalio, #tuotemerkit, #resepteja {
  float: left;
}

/*  - - - - - - - - - - - - - - - - - - - - - -
 *		Reseptihaun kustomoitujen lomake-elementtien tyylit
 *  - - - - - - - - - - - - - - - - - - - - - - */

/* - - Ruokalajit - - */

#ruokalaji {
	width: 302px;
  padding-left: 39px;
}

#ruokalaji input {
	display: none;
}

#ruokalaji label {
	font-size: 11px;
	text-align: center;
	display: block;
}

#ruokalaji label a {
	padding: 42px 0 0 0;
	line-height: 1;
}

#paaruuat-box, #jalkiruuat-box, #valipalat-box, #salaatit-box,
#keitot-box, #lisakkeet-box, #makeat-leivonnaiset-box, #suolaiset-leivonnaiset-box {
	height: 57px;
	width: 72px;
	float: left;
}

#ruokalaji .fakecheck {
	outline: none;
	display: block;
	float: left;
	width: 62px;
	height: 0px;
}

/* ruudun normitilat erikseen kaikille lajeille */
#paaruuat-box .fakecheck {
	background: url('../img/reseptihaku/paaruuat.gif') no-repeat;
}

#jalkiruuat-box .fakecheck {
	background: url('../img/reseptihaku/jalkiruuat.gif') no-repeat;
}

#valipalat-box .fakecheck {
	background: url('../img/reseptihaku/valipalat.gif') no-repeat;
}

#salaatit-box .fakecheck {
	background: url('../img/reseptihaku/salaatit.gif') no-repeat;
}

#keitot-box .fakecheck {
	background: url('../img/reseptihaku/keitot.gif') no-repeat;
}

#lisakkeet-box .fakecheck {
	background: url('../img/reseptihaku/lisakkeet.gif') no-repeat;
}

#makeat-leivonnaiset-box .fakecheck {
	background: url('../img/reseptihaku/makeat-leivonnaiset.gif') no-repeat;
}

#suolaiset-leivonnaiset-box .fakecheck {
	background: url('../img/reseptihaku/suolaiset-leivonnaiset.gif') no-repeat;
}

/* ruudun hover */
#ruokalaji .fakecheck:hover {
	background-position: left -84px;
	text-decoration: none;
}

/* ruutu valittu */
#ruokalaji .fakechecked {
	background-position: left -84px;
}

/* ruudun valittuhover */
#ruokalaji .fakechecked:hover {
	background-position: left -84px;
	text-decoration: none;
}


/* - - Slider - - */

#valmistusaika {
	background: url('../img/reseptihaku/slider-tausta.gif') no-repeat 8px 38px;
	width: 140px;
  height: 140px;
}

#valmistusaika h3 {
	padding-left: 18px;
  padding-bottom: 10px;
}

#slider {
	float: left;  
}

#sliderin-arvot {
	float: left;
	height: 110px;
	padding-left: 8px;
}

#sliderin-arvot ul {
  padding: 0;
	margin: 0;
}

#sliderin-arvot ul li {
  padding: 0;
	margin: 0;
	list-style: none;
	color: #386d35;
	font-size: 11px;
}

#valmistusajan-arvo {
	width: 20px;
	margin: 10px;
  display: none; 
}

#sliderin-arvot #alle30 {
  background: transparent url('../img/reseptihaku/valmistusaika_30.gif') no-repeat 0px -21px;
  height: 18px;
  width: 70px;
  padding-left: 25px;
  padding-top: 3px;
  margin-top: 10px;
}

#sliderin-arvot #alle30.aktiivinen {
  background: transparent url('../img/reseptihaku/valmistusaika_30.gif') no-repeat 0px 0px;
}

#sliderin-arvot #alle60 {
	background: transparent url('../img/reseptihaku/valmistusaika_60.gif') no-repeat 0px -21px;
  height: 18px;
  width: 70px;
  padding-left: 25px;
  padding-top: 3px;
  margin-top: 17px;
}

#sliderin-arvot #alle60.aktiivinen {
  background: transparent url('../img/reseptihaku/valmistusaika_60.gif') no-repeat 0px 0px;
}

#sliderin-arvot #kaikki {
	background: transparent url('../img/reseptihaku/valmistusaika_kaikki.gif') no-repeat 0px -21px;
  height: 18px;
  width: 70px;
  padding-left: 25px;
  padding-top: 3px;
  margin-top: 17px;
}

#sliderin-arvot #kaikki.aktiivinen {
  background: transparent url('../img/reseptihaku/valmistusaika_kaikki.gif') no-repeat 0px 0px;
}


/* - - Erityisruokavalio - - */

#erityisruokavalio {
	width: 145px;
	position: relative;
	z-index: 900;
}

#erityisruokavalio h3 {
	padding: 5px 0 10px 8px;
}

#erityisruokavalio input {
	display: none;
}

#erityisruokavalio label {
	font-size: 11px;
	display: block;
}

#erityisruokavalio label a {
	padding: 4px 0 0 27px;
}

#kasvisruoka-box, #maidoton-box, #vahalaktoosinen-box, #gluteeniton-box, #munaton-box {
	height: 22px;
	width: 132px;
}

#erityisruokavalio .fakecheck {
	outline: none;
	display: block;
	float: left;
	width: 105px;
	height: 18px;	
}

/* ruudun normitilat erikseen kaikille ruokavalioille */
#kasvisruoka-box .fakecheck {
	background: url('../img/reseptihaku/kasvisruoka.gif') no-repeat;
}

#maidoton-box .fakecheck {
	background: url('../img/reseptihaku/maidoton.gif') no-repeat;
}

#vahalaktoosinen-box .fakecheck {
	background: url('../img/reseptihaku/vahalaktoosinen.gif') no-repeat;
}

#gluteeniton-box .fakecheck {
	background: url('../img/reseptihaku/gluteeniton.gif') no-repeat;
}

#munaton-box .fakecheck {
	background: url('../img/reseptihaku/munaton.gif') no-repeat;
}

/* ruudun hover */
#erityisruokavalio .fakecheck:hover {
	background-position: left -44px;
	text-decoration: none;
}

/* ruutu valittu */
#erityisruokavalio .fakechecked {
	background-position: left -44px;
}

/* ruudun valittuhover */
#erityisruokavalio .fakechecked:hover {
	background-position: left -44x;
	text-decoration: none;
}


/* - - Tuotemerkit- - */

#tuotemerkit {
	width: 145px;
  padding-left: 10px;
}

#tuotemerkit h3 {
	padding: 5px 0 7px 20px;
}

#tuotemerkit input {
	display: none;
}

#tuotemerkit label a {
	color: transparent;
}

#sunnuntai-box, #keiju-box, #elovena-box, #benecol-box, #torino-box, #nalle-box {
	height: 39px;
	width: 65px;
	float: left;	
}

#tuotemerkit .fakecheck {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	width: 64px;
	height: 39px;	
}

/* ruudun normitilat erikseen kaikille merkeille */
#sunnuntai-box .fakecheck {
	background: url('../img/reseptihaku/sunnuntai.gif') no-repeat;
}

#keiju-box .fakecheck {
	background: url('../img/reseptihaku/keiju.gif') no-repeat;
}

#elovena-box .fakecheck {
	background: url('../img/reseptihaku/elovena.gif') no-repeat;
}

#benecol-box .fakecheck {
	background: url('../img/reseptihaku/benecol.gif') no-repeat;
}

#torino-box .fakecheck {
	background: url('../img/reseptihaku/torino.gif') no-repeat;
}

#nalle-box .fakecheck {
	background: url('../img/reseptihaku/nalle.gif') no-repeat;
}

/* ruudun hover */
#tuotemerkit .fakecheck:hover {
	background-position: left -78px;
	text-decoration: none;
}

/* ruutu valittu */
#tuotemerkit .fakechecked {
	background-position: left -78px;
}

/* ruudun valittuhover */
#tuotemerkit .fakechecked:hover {
	background-position: left -78px;
	text-decoration: none;
}


/* - - Reseptejä - - */

#resepteja {
	width: 115px;
}

#resepteja h3 {
  padding-left: 10px;
  text-align: center;
}

#resepteja #hakutulos {
	color: #005b0b;
	font-size: 30px;
  font-weight: bold;
	padding: 0 0 0 17px;
	margin: 30px 0;
	text-align: center;
}

#hakutulos img {
  padding-top: 7px;
}

/*  - - - - - - - - - - - - - - - - - - - - - -
 *		Reseptihaun tulosten tyylit
 *  - - - - - - - - - - - - - - - - - - - - - - */
 
#hakutulokset {
  height: 430px;
  width: 994px;
  background: #fff url('../img/raisio2010/hakutulokset_tausta.gif') no-repeat left top;
  padding: 0px 0px 0 0px;
  position: relative;
}

#hakutulokset .kuva img {
  width: 221px;
  height: 124px;
}

#hakutulokset .ohje  {
  padding: 5px;
}

#hakutulokset .ruokavaliot  {
  padding-left: 5px;
}

#hakutulokset .scrollabletulokset {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 884px;
	height: 380px;
  margin: 26px 15px 0 53px;
}

#hakutulokset .scrollabletulokset #hakutulosluettelo {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

#hakutulosluettelo {
  padding: 0px 0 0 3px;
}


#hakutulosluettelo .rullattava {
	float:left;
	width: 901px;
  height: 212px;
}


/* single scrollable item */
.tulosruutu {
  float: left;
  width: 221px;
  height: 190px;
  margin: 0 0px;
}

.tulosruutu a img {
  border: 0px solid #fff;
}

.tulosruutu .kuva {
  width: 221px;
  height: 124px;
	background:url("/templates/raisio2010/img/raisio2010/reseptin_kuvapohja.png") no-repeat;
}

#hakutulosluettelo a:hover {
	text-decoration: none;
}

/* active item */
.scrollabletulokset .active {
	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
#hakutulokset .scrollabletulokset {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
#hakutulokset a.browse {
	background:url("/templates/raisio2010/img/raisio2010/ajaxhaun_nuolet.gif") no-repeat;
	display:block;
	width:27px;
	height:430px;
	float:left;
	margin:0px;
  padding: 0;
	cursor:pointer;
}

/* right */
#hakutulokset a.right { 
  background-position: 0 -430px; clear:right; margin-right: 0px;
  position: absolute;
  right: 13px;
  top: 0px;
}
#hakutulokset a.right:hover 		{ background-position: -27px -430px; }
#hakutulokset a.right:active 	{ background-position: -27px -430px; } 


/* left */
#hakutulokset a.left				{ 
  margin-left: 0px;
  position: absolute;
  left: 15px;
  top: 0px;
 } 
#hakutulokset a.left:hover  		{ background-position:-27px 0; }
#hakutulokset a.left:active  	{ background-position: -27px 0; }



/* disabled navigational button */
#hakutulokset a.disabled {
	visibility:hidden !important;		
} 	

#sivuvalinta {
  text-align: center;
  font-size: 11px;
}

#sivuvalinta a {
  font-weight: bold;
	cursor:pointer;
}

.sivuvalintanumero, .sivuvalintavali {
	background:url("/templates/raisio2010/img/reseptihaku/sivuvalinnan_valipalkki.gif") no-repeat right 1px;
  padding: 0 5px 0 0px;
  margin: 0;
}

#sivuvalinta-edellinen {
  padding-right: 11px;
	background:url("/templates/raisio2010/img/reseptihaku/sivuvalinnan_valipalkki.gif") no-repeat right 1px;
}

#sivuvalinta-seuraava {
  padding-left: 7px;
}

span.sivuvalintanumero {
	background:url("/templates/raisio2010/img/reseptihaku/aktiivinen_sivu.gif") no-repeat right 1px;
  color: #fff;
  font-weight: bold;
  padding: 0 7px 0 3px;
  
}