@import url("smooo/blueprint.css");
@import url("smooo/smooo.css");

/*  Junction
    --------------------------------------- */  
    @font-face {
      font-family: Junction;
      src: url(/media/fonts/Junction01.otf);
      }
     
/*  Mareen
    --------------------------------------- */  
    @font-face {
      font-family: Bellevue;
      src: url(/media/fonts/Bellevue.ttf) format("truetype");
      }

body
	{
	font-family: "Lucida Sans", "Lucida Grande", tahoma, arial, helvetica, san-serif;
	background: url(/media/gfx/bg.gif);
	font-size: 70%;
	margin: 0px;
	padding: 0px;
	color: #010101;
	}

html, body
	{
	height: 100%
	}

div.printHead
	{
	display: none
	}
	
p
	{
	font-size: 1.2em
	}

div.columnLeft p
	{
	font-size: 1em;
	}

.ingress
	{
	font-size: 1.5em;
	line-height: 1.5em;
	color: #3d96a6;
	}

a
	{
	outline: none;
	color: black;
	}

h1
	{
	font-family: "Lucida Sans", "Lucida Grande", tahoma, arial, helvetica, san-serif;
	font-size: 2.2em;
	line-height: 1.2em;
	}

h2
	{
	font-size: 1.8em;
	color: #ab0606;
/*	font-family: "Mareen"; */
	font-weight: normal;
	border-bottom: 1px dotted #ab0606;
/*
	border-width: 5px;
	-moz-border-image: url(/media/gfx/border.png) 0 0 5 0 stretch;
	-webkit-border-image: url(/media/gfx/border.png) 0 0 5 0 stretch;
*/
	clear: both
	}

h3, h4
	{
	color: #ab0606;
	margin-bottom: 0.4em;
	margin-top: 1em;
/*	font-family: "Mareen"; */
	font-weight: bold;
	clear: both
	}

legend
	{
	display: inline;
	color: #3d96a6;
	padding: 5px 13px 5px 13px;
	margin: -10px 0px 10px -10px;
	height: 16px;
	font-size: 1.5em;
	background: #eff8fa;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	}

label
	{
	color: #3d96a6;
/*	padding-left: 13px;
	background: url(/media/gfx/dot_red.png) left center no-repeat; */
	margin-bottom: 3px;
	height: 16px
	}

div.media a
	{
	display: inline-block;
	margin: 0 2px 5px 0
	}

div.media div.image a
	{
	border: none;
	padding: 0;
	margin: 0
	}

div.formCheckbox label
	{
	color: #3d96a6;
	padding-left: 3px;
	background: none;
	margin-bottom: 3px;
	height: 16px
	}

.date
	{
	color: #5a7e84;
	padding: 0 0 0 15px;
	background: url(/media/gfx/ico_clock.gif) 0px center no-repeat;
	}

p.date
	{
	color: #5a7e84;
	padding: 0 0 0 0;
	background: none;
	}

.formText input, .formPassword input, .formSelect select, textarea, div.formFile input
	{
	background: #fff;
	border: 1px solid #cfe2e6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 6px;
	margin: 0 9px 0 0;
	font: 1em "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, san-serif
	}

.formPassword input
	{
	width: 150px;	
	}


.formText input:focus, .formPassword input:focus, .formSelect select:focus, textarea:focus
	{
	border: 1px solid #cfe2e6;
	}

.newsReadMore a, .readMore
	{
	color: #ab0606;
	}

.alignLeft
	{
	float: left;
	}

.alignRight
	{
	float: right;
	}

.noPadding
	{
	padding: 0
	}

.noMargin
	{
	margin: 0
	}

table.topAlign td
	{
	vertical-align: top
	}


/* --------------------- =strukture --------------------- */

div.disclaimer
	{
	display: none
	}

div.outer
	{
	background: url(/media/gfx/bg_top.gif) repeat-x;
	text-align: center;
	margin: 0;
	padding-top: 1px;
	}

div.all
	{
	background: url(/media/gfx/fluffmuff.png) -50px 0px no-repeat;
	text-align: left;
	margin: auto;
	width: 950px;
	padding-top: 1px;
	}

div.top
	{
	height: 126px;
	}

div.main
	{
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 0px;
	padding-bottom: 20px;
	*padding-top: 60px
	}

div.shadow
	{
	background: url(/media/gfx/page_shadow.png) bottom center no-repeat;
	padding-bottom: 17px;
	margin-bottom: -8px
	}
	
a.logo
	{
	width: 175px;
	height: 136px;
	display: block;
	background: url(/media/gfx/kokboken_logo_no_slogan.png) no-repeat;
	float: left;
	margin: 56px 0px 0px 35px;
	}

form#formLogin
	{
	margin-top: -5px
	}

div.columnLeft
	{
	width: 204px;
	float: left;
	clear: left;
	margin: 10px 30px 0 20px;
	}

div.columnRight
	{
	width: 666px;
	float: left;
	margin: 0 30px 0 0;
	padding-bottom: 20px
	}

div.footer
	{
	height: 64px;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 0px;
	background: #fff;
	*line-height: 1em;
	_line-height: 1em;
	}

div.footer hr
	{
	height: 1px;
	margin: 0px;
  	color: #ab0606;
 	background-color: #ab0606;
	}

div.footerInner
	{
	width: 596px;
	margin: auto;
	padding-top: 15px;
	height: 49px;
	color: #ab0606;
	background: url(/media/gfx/kokboken_logo_small.png) center center no-repeat;	
	}

div.footerInner a, div.footerInner a:visited
	{
	text-decoration: none;
	color: #ab0606;
	}

div.footerLeft, div.footerRight
	{
	width: 263px;
	}

div.footerLeft
	{
	text-align: right;
	float: left;
	}

div.footerRight
	{
	text-align: left;
	float: right;
	}


/* --------------------- =columnLeft vänsterkolumnen --------------------- */

div.columnLeft h3
	{
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 3px solid #ab0606;
	color: #ab0606;
	padding: 0 0 5px 15px;
	margin-bottom: 0;
	font-family: "Lucida Sans", "Lucida Grande", tahoma, arial, helvetica, san-serif;
	}


div.columnLeft p.join_kokboken
	{
	margin: 15px 5px 15px 15px;
	color: #3d96a6;
	font-size: 1.1em;
	text-align: justify
	}

div.columnLeft p.join_kokboken a
	{
	margin: 15px 0 25px 0;
	width: 187px;
	height: 41px;
	display: block;
	background: url(/media/gfx/join_butt.gif) no-repeat
	}

div.columnLeft p.join_kokboken a:hover
	{
	background-position: 0px -41px;	
	}

div.columnLeft p.join_kokboken a:active
	{
	background-position: 0px -41px;
	margin: 17px 0 23px 0;
	}

div.menuLeft ul.navigation
	{
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
	float: none;
	width: auto;
	height: auto
	}

div.menuLeft ul.navigation li
	{
	list-style: none;
	float: none;
	padding: 0;
	margin: 0;
	height: auto;
	}

div.menuLeft ul.navigation li a
	{
	font-size: 12px;
	display: block;
	padding: 8px 4px 8px 15px;
	color: #010101;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #e6f1f3;
	height: 16px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0
	}

div.menuLeft ul.navigation li a:hover
	{
	background: url(/media/gfx/arrow_small.gif) 2px center no-repeat
	}

div.menuLeft ul.navigation li.activeList a, div.menuLeft ul.navigation li a.activeLink
	{
	font-weight: bold;
	background: url(/media/gfx/arrow.gif) 0px center no-repeat
	}

div.menuLeft ul.navigation li a.activeLink
 	{
	height: 16px
 	}
 
div.menuLeft ul.navigation ul 
	{
	margin: 0;
	} 
 
div.menuLeft ul.navigation ul li a
	{
	font-weight: normal;
	padding-left: 30px
	}
 
 div.menuLeft ul.navigation ul li a:hover
	{
	background: url(/media/gfx/arrow_small.gif) 17px center no-repeat
	}
 
div.menuLeft ul.navigation ul li
	{
	list-style: none;
	float: none;
	padding: 0;
	margin: 0;
	height: auto
	} 
 
 
div.columnLeft div.search
	{
	margin-top: 17px;
	height: 50px
	}
	
div.columnLeft div.facebook
	{
	background: none;
	margin: 10px 15px 25px 15px;
	border: 0;
	padding: 0;
	}


div.columnLeft div.formText, div.columnLeft div.formSubmit
	{
	float: left
	}

div.columnLeft div.formText
	{
	padding: 0px;
	background: none;
	margin: 0
	}

div.columnLeft input.searchField
	{
	width: 147px;
	height: 19px;
	background: #fff;
	border: 1px solid #cfe2e6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 6px 6px 2px 6px;
	margin: 0 9px 0 0;
	font: 1em "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, san-serif
	}

div.columnLeft div.formSubmit input
	{
	width: 31px;
	height: 31px;
	-moz-border-radius: 31px;
	-webkit-border-radius: 31px;
	border-radius: 31px;
	border: none;
	font-size: 0px;
	color: #b72025;
	background: #b72025 url(/media/gfx/ico_magnifier.png) center center no-repeat;
	cursor: pointer;
	margin: 0 0 0 0;
	}

div.columnLeft div.formSubmit input:focus
	{
	background: #b72025 url(/media/gfx/dot_white.png) center center no-repeat;
	outline: none;
	padding: 0;
	}


/* --------------------- =login small --------------------- */

div.top div.login
	{
	width: 361px;
	height: 47px;
	float: right;
	margin-top: 24px;
	margin-bottom: 3px
	}

div.top div.login div
	{
	float: left
	}

div.top div.formText, div.top div.formPassword
	{
	background: none;
	margin: 0;
	padding: 0
	}

div.top input#userid, div.top input#password
	{
	width: 144px;
	height: 23px;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: none;
	padding: 5px 6px 3px 6px;
	margin: 0 9px 0 0;
	font: 1em "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, san-serif
	}

div.top div.login div.formSubmit input
	{
	width: 31px;
	height: 31px;
	-moz-border-radius: 31px;
	-webkit-border-radius: 31px;
	border-radius: 31px;
	border: none;
	font-size: 0px;
	color: #b72025;
	background: #b72025 url(/media/gfx/ico_ring.png) center center no-repeat;
	cursor: pointer;
	margin: 18px 0 0 0
	}

div.top div.login div.formSubmit input:focus
	{
	background: #b72025 url(/media/gfx/dot_white.png) center center no-repeat;
	outline: none;
	padding: 0
	}

div.top div.login div.formLogoutSmall
	{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	padding: 7px 7px 7px 7px;
	font-size: 13px;
	color: #3d96a6;
	float: right;
	margin-top: 5px
	}

div.formLogoutSmall div.userImageSmall
	{
	width: 32px;
	height: 32px;
	vertical-align: middle;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	border: 7px solid #fff;
	position: absolute;
	margin: -7px 0 0 -7px;
	}
	
div.formLogoutSmall p
	{
	float: right;
	margin: 5px 10px 0 10px;
	}

div.formLogoutSmall a.actionLogout
	{
	display: block;
	float: right;
	width: 31px;
	height: 31px;
	-moz-border-radius: 31px;
	-webkit-border-radius: 31px;
	border-radius: 31px;
	border: none;
	font-size: 0px;
	color: #b72025;
	background: #b72025 url(/media/gfx/ico_x.gif) center center no-repeat;
	cursor: pointer;
	margin: 0 0 0 0;
	text-decoration: none;
	}

div.formLogoutSmall
	{
	height: 32px;
	}
	
div.formLogoutSmall img
	{
	float: left;
	}
	
/* --------------------- =menu --------------------- */

div.menu
	{
	clear: right
	}

.navigation
	{
	position: relative;
	top: 0;
	right: 0;
	margin: 18px 30px 0 0;
	padding: 0;
	height: 33px;
	width: auto;
	float: right
	}

.navigation li
	{
	list-style: none;
	float: left;
	margin-right: 4px;
	height: 33px;
	}

.navigation li a
	{
	display: block;
	padding: 10px 22px 0px 22px;
	height: 24px;
	text-decoration: none;
	color: #3d96a6;
	font-weight: bold;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	}

li.activeTopMenu a
	{
	background: #fff;
	}
	
/* --------------------- =news --------------------- */


div.newsItem
	{
	border-bottom: 1px solid #e6f1f3;
	margin: 15px 0 10px 0;
	padding: 0 0 10px 0
	}

p.newsDate
	{
	color: #5a7e84;
	font-size: 1em;
	margin: 15px 0 3px 0;
	padding: 0 0 0 15px;
	background: url(/media/gfx/ico_clock.gif) 0px center no-repeat
	}
	
.newsItem h4, .newsItem p.newsIngress
	{
	margin: 0 0 5px 15px;
	font-family: "Lucida Sans", "Lucida Grande", tahoma, arial, helvetica, san-serif; 
	}

.newsItem h4 a
	{
	text-decoration: none;
	color: #000;
	font-weight: bold
	}

.newsItem p.newsReadMore, .newsContainer .newsItem p.newsReadMore
	{
	margin: 1em 0 5px 15px;
	text-align: left
	}

/* --------------------- =startpage --------------------- */


/*  =Puffbox   */


div.puffMenu
	{
	height: 22px;
	float: right;
	}

div.puffMenu ul
	{
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: right;;
	margin-right: 30px
	}

div.puffMenu ul li
	{
	float: left;
	margin-right: 10px;
	}

div.puffMenu ul li a
	{
	display: block;
	width: 33px;
	height: 19px;
	padding-top: 3px;
	text-align: center;
	text-decoration: none;
	color: #52a1b0;
	font-size: 14px;
	font-weight: bold;
	background: #eff8fa;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;	
	}

div.puffBody
	{
	clear: both;
	background: #eff8fa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 23px 22px 10px 104px;
	}

div.puffBody h3
	{
	clear: none;
	font-size: 1.8em;
	margin-top: 0px
	}

div.puffBody p
	{
	font-size: 1.25em;
	color: #215a6d
	}

div.recipeArchive
	{
	background: #eff8fa url(/media/gfx/ico_sprite.png) 20px 20px no-repeat
	}

div.cookingPlace
	{
	background: #eff8fa url(/media/gfx/ico_sprite.png) 20px -105px no-repeat
	}

div.meetingPlace
	{
	background: #eff8fa url(/media/gfx/ico_sprite.png) 20px -235px no-repeat
	}

div.kitchenHelp
	{
	background: #eff8fa url(/media/gfx/ico_sprite.png) 20px -365px no-repeat
	}

/* 
a.goRegister
	{
	margin-top: -5px;
	margin-right: 20px;
	display: block;
	height: 90px;
	width: 84px;
	float: right;
	background: url(/media/gfx/joinbutt.png) no-repeat
	}

a.goRegister:hover
	{
	background-position: 0px -101px
	}

a.goRegister:active
	{
	background-position: 0px -201px
	}

*/

div.receptarkiv, div.kokvra, div.matmotesplats, div.kokshjalp
	{
	padding: 0px 15px 10px 85px;
	border-bottom: 1px solid #e6f1f3;
	margin-top: 15px;
	}
	
div.receptarkiv p, div.kokvra p, div.matmotesplats p, div.kokshjalp p
	{
	color: #317e8c;
	font-size: 1.2em;
	font: 15px/22px "Lucida Grande", "Lucida Sans", verdana;
	margin-bottom: 0.5em
	}

div.receptarkiv h1, div.kokvra h1, div.matmotesplats h1, div.kokshjalp h1
	{
	margin-bottom: 0.2em;
	margin-top: 0em;
	color: #ab0606;
	font-family: "Bellevue"
	}

div.receptarkiv
	{
	background: url(/media/gfx/ico_receptarkiv.gif) 0px 5px no-repeat
	}

div.kokvra
	{
	background: url(/media/gfx/ico_kokvra.gif) 0px 5px no-repeat
	}

div.matmotesplats
	{
	background: url(/media/gfx/ico_matmotesplats.gif) 0px 5px no-repeat
	}

div.kokshjalp
	{
	background: url(/media/gfx/ico_kokshjalp.gif) 0px 5px no-repeat
	}

/*  =latest recipes  */

div.latestRecipes
	{
	overflow: hidden;
	clip: auto;
	width: 676px;
	}

div.latestRecipes h2
	{
	margin-bottom: 10px;
	display: none
	}

div.latestRecipes div.item
	{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ab0606;
	background: #ab0606;
	color: #fff;
	padding: 0 0 7px 0;
	overflow: hidden;
	white-space: nowrap;
	width: 159px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	}

div.latestRecipes div.item a
	{
	color: #fff;
	margin: 0 3px 0 3px;
	text-decoration: none;
	}

div.latestRecipes div.last
	{
	margin-right: 0px;
	}

div.latestRecipes div.item .imageContainer{
	width: 159px;
	height: 135px;
	display: block;
	margin: 0px;
	margin-bottom: 5px;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none
	}


/*  =latest forum messages - blogg messages  */


div.forumLatestMessages, div.blogLatestMessages
	{
	width: 328px;
	float: left;
	margin-bottom: 20px;
	}


div.forumLatestMessages span.date, div.blogLatestMessages span.date
	{
	width: 110px;
	display: block;
	float: left
	}
	
div.blogLatestMessages span.date
	{
	width: 75px;
	display: block;
	float: left
	}

div.forumLatestMessages h2, div.blogLatestMessages h2
	{
	margin-bottom: 0px
	}

div.forumLatestMessages ul, div.blogLatestMessages ul
	{
	margin: 0
	}
	
div.forumLatestMessages ul li, div.blogLatestMessages ul li
	{
	border-bottom: 1px solid #e6f1f3;
	padding: 5px;
	list-style: none;
	margin: 0;
	font-weight: normal
	}

div.forumLatestMessages
	{
	margin-right: 10px
	}


/*  =latest Logged in  */


div.latestLoggedIn
	{
	overflow: hidden;
	clip: auto;
	width: 666px;
	clear: both
	}

div.latestLoggedIn div.item
	{
	float: left;
	margin-right: 13px;
	border-bottom: 1px dotted #ab0606;
	padding: 0 0 7px 0;
	height: 130px;

	width: 100px;
	overflow: hidden;
	white-space: nowrap
	}

div.latestLoggedIn h2
	{
	margin-bottom: 13px
	}

div.latestLoggedIn div.last
	{
	margin-right: 0px;
	}

div.latestLoggedIn div.item img
	{
	display: block;
	margin: 0px;
	margin-bottom: 5px;
	border: 0px;
	}
	
span.user
	{
	display: block;
	}

span.time
	{
	display: block;
	color: #ab0606;
	}



/* --------------------- =service presentation --------------------- */


div.servicePresentation .head
	{
	margin-top: 20px
	}


div.servicePresentation .button
	{
	float: right
	}

.city, .web, .twitter, .facebook, .msn, .favoriteDish
	{
	padding: 3px 3px 3px 20px;
	border-bottom: 1px solid #e6f1f3;
	font-weight: bold;
	}

.head span
	{
	color: #ab0606
	}

.city			{ background: url(/media/gfx/ico_city.gif) left center no-repeat }
.web			{ background: url(/media/gfx/ico_homepage.gif) left center no-repeat }
.twitter		{ background: url(/media/gfx/ico_twitter.gif) left center no-repeat }
.facebook		{ background: url(/media/gfx/ico_facebook.gif) left center no-repeat }
.msn			{ background: url(/media/gfx/ico_msn.gif) left center no-repeat }
.favoriteDish	{ background: url(/media/gfx/ico_food.gif) left center no-repeat }

div.servicePresentation .comment
	{
	margin-top: 15px
	}

div.servicePresentation legend
	{
	color: #3d96a6;
	padding-left: 13px;
	background: url(/media/gfx/dot_red.png) left center no-repeat;
	margin: 0px 0px -40px 0px;
	height: 16px;
	font-size: 1em;
	}

div.servicePresentation div.service
	{
	padding-bottom: 10px;
	margin-bottom: 10px
	}

div.formText, div.formPassword, div.formChiabata, div.formTextarea, fieldset, div#postComment
	{
	font-family: tahoma, verdana, arial, Helvetica;
	background: #eff8fa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 10px 20px 10px;
	margin-bottom: 10px;
	border: none
	}

fieldset
	{
	margin-bottom: 20px;
	}

div.servicePresentation fieldset
	{
	padding: 35px 10px 10px 10px;
	}

div.servicePresentation p
	{
	background: #fef3f2 url(/media/gfx/bullet_arrow.gif) 10px center no-repeat;
	font: 1em tahoma, verdana, arial, Helvetica;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 10px 10px 30px;
	margin-bottom: 10px;
	color: #ab0606
	}

div.servicePresentation p a
	{
	color: #ab0606
	}

div.servicePresentation div.text
	{
	width: 540px;
	float: right;
	margin: 0 0 20px 0;
	}

div.servicePresentation div.text div.comment
	{
	margin: 0 0 20px 0
	}

div.image
	{
	float: left;
	background: #fff;
	padding: 5px;
	border: 1px solid #eee
	}

div.servicePresentation .formSubmit
	{
	float: left;
	margin-right: 20px
	}

.serviceRegister.actionConfirm
	{
	margin: auto;
	padding: 15px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #eff8fa;
	text-align: center;
	font-size: 1.2em;
	}

.serviceRegister.actionConfirm h1
	{
	color: #3d96a6
	}

.servicePresentation .image img
	{
	width: 100px;
	}

/* --------------------- =service search --------------------- */

div.serviceSearch
	{
	width: 100%;
	}

div#searchForm
	{
	margin-top: 30px
	}

div.serviceSearch hr
	{
	display: none
	}

form#searchform
	{
	float: right;
	margin-top: 0px;
	}

div.countDown
	{
	float: right;
	margin-top: 23px
	}

div#searchForm
	{
	padding: 20px 40px 20px 20px;
	background: #eff8fa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 60px
	}

div#searchForm div.formText, div#searchForm div.formSelect
	{
	padding: 0;
	margin: 0
	}

div#searchForm div.criteria
	{
	float: left;
	}

div#searchForm input#criteria
	{
	width: 350px;
	margin-right: 0px
	}

div#searchForm div.sortOrder
	{
	float: left;
	margin-left: 20px;
	clear: right
	}
	
div#searchForm div.formSubmit
	{
	float: left;
	margin-top: 17px;
	}

div#searchForm div.sortOrder select
	{
	padding: 4px;
	margin-right: 15px
	}

form#searchform input#searchBox
	{
	background: url(/media/gfx/search_bg.png);
	border: none;
	height: 18px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	color: #fff;
	padding: 7px 5px 3px 5px;
	margin: 0;
	float: left
	}

form#searchform input#searchBox:focus
	{
	background: url(/media/gfx/search_bg_focus.png);
	}

form#searchform input#searchButton:focus, form#searchform input#searchButton:hover
	{
	color: #fff;
	text-shadow:0 0 0, 0 0 0 #fff, 0 0 0 #fff, -2px -15px 11px #fff, 2px -25px 18px #fff;
	}

form#searchform input#searchButton:focus::-moz-focus-inner, input.button:focus::-moz-focus-inner, select:focus::-moz-focus-inner
	{
	border: 1px solid transparent;
	outline: none;
	}

.searchResult div
	{
	border-bottom: 1px dotted #ab0606;
	margin-bottom: 5px
	}

/* --------------------- =paging --------------------- */

table.pagNav
	{
	font-family: tahoma, verdana, arial, Helvetica;
	background: #eff8fa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	margin-bottom: 30px;
	margin-top: 20px;
	color: #3d96a6;
	}

table.pagNav a, table.pagNav a:visited
	{
	font-weight: bold;
	color:#3D96A6;
	}

td.pagNavCenter
	{
	text-align: center
	}

td.pagNavCenter strong
	{
	color: #fff
	}

td.pagNavRight
	{
	text-align: right
	}

td.pagNavCenter div strong
	{
	color: #ab0606
	}


/* --------------------- =button --------------------- */

div.formSubmit input, .formButton input, span.button, input.button, a.actionDeleteRecipe, a.button
	{
	border: none;
	background: #bc0000 url(/media/gfx/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 6px 10px 5px;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
/*	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); */
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font: bold 13px arial, helvetica, san-serif;
	white-space: nowrap
	}

span.button
	{
	padding: 3px 10px 3px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-top: 10px;
	clear: both;
	float: left
	}

div.formSubmit input:hover, div.formButton input:hover, span.button:hover, input.button:hover, a.actionDeleteRecipe:hover, a.button:hover
	{
	background-color: #cd2323;
	}

div.formSubmit input:active, div.formButton input:active, input.button:active, a.button:active
	{
	top: 1px
	}

.formDeleteFile
	{
	cursor: pointer
	}

.buttonSmall, a.buttonSmall, div.forumMessageAnswer .buttonReply, div.forumMessageAnswer .buttonDelete
	{
	padding: 3px 10px 3px 10px;
	font-size: 0.85em;
	line-height: 15px;
	font-weight: normal;
	margin-top: 10px
	}

.buttonLarge, a.buttonLarge
	{
	padding: 7px 10px 5px 10px;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 10px
	}

.buttonReply, div.forumMessageAnswer .buttonDelete
	{
	float: right
	}

.button.buttonBlue
	{
	background-color: #3D96A6	
	}

.button.buttonBlue:hover
	{
	background-color: #52c0d4	
	}

/* --------------------- =table --------------------- */

table.tableList
	{
	font-family: tahoma, verdana, arial, Helvetica;
	background: #eff8fa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 0px 15px 0px;
	margin-bottom: 10px;
	border: none
	}

table.tableList .firstCell, table.tableList .column1, 
table.tableList tr:hover .firstCell
	{
	border-left: none
	}

table.tableList tr.rowEven td
	{
	background-color: #eff8fa;
	}

table.tableList td
	{
	border: none;
	border-bottom: 1px solid #e0f1f5;
	border-left: 1px solid #e0f1f5;
	color: #3d96a6;
	background: #f7fcfd;
	}

table.tableList tbody tr:hover td
	{
	border: none;
	border-bottom: 1px solid #e0f1f5;
	border-left: 1px solid #e0f1f5;
	color: #3d96a6;
	background-color: #f7fcfd;
	}

table.tableList tr.rowEven:hover td
	{
	background-color: #eff8fa;
	}

table.tableList tbody tr:hover td.column1
	{
	border-left: none;
	background-image: url(/media/gfx/table_arrow.gif);
	background-position: left center;
	background-repeat: no-repeat
	}

table.tableList td a
	{
	color: #3d96a6;
	}

table.tableList td.column1
	{
	border: none;
	border-bottom: 1px solid #e0f1f5;
	}

table.tableList thead th
	{
	color: #3d96a6;
	border-bottom: 3px solid #3d96a6;
	background: none;
	}


/* --------------------------------- =pageheader ------*/

div.pageHeaderOuter
	{
display: inline;
	margin-bottom: 0px;
	margin-top: 15px;
	padding-bottom: 0px;
/*	background: url(/media/gfx/pageheader_dropshadow.gif) bottom center no-repeat */
	}

div.pageHeader
	{
/*	background: #fdfdfd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0px 3px 9px 6px;
	height: 30px;
	border: 1px solid #eee;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #dae5e7;
	border-bottom: 1px solid #dae5e7;
	margin: 0;  */
	}

.actionLong div.pageHeaderOuter
	{
	margin-top: 0px;
	margin-bottom: -10px;
	}

div.pageHeader span.date
	{
	font-weight: bold;
	padding-right: 7px;
	display: inline;
	line-height: 39px;
	height: 39px;
	vertical-align: middle
	}

div.pageHeader div.grade
	{
	padding: 0 4px 0 4px;
	line-height: 39px;
	height: 39px;
	display: inline;
	vertical-align: middle;
	float: right;
	}

div.pageHeader h4
	{
	display: inline;
	font: 1em "Lucida Sans", "Lucida Grande", tahoma, arial, helvetica, san-serif;
	}

div.pageHeader span.stars
	{
	display: inline-block;
	margin-bottom: -2px;
	margin-left: 2px;
	cursor: pointer
	}

div.pageHeader span.votes
	{
	padding: 0 0px 0 3px;
	color: #888;
	margin: 0
	}


/* ------ =toolTip */

div.pageHeader span.toolTips
	{
	padding: 0 12px 2px 0;
	display: inline;
	vertical-align: middle;
	.padding-bottom: 15px;
	}

span.toolTip
	{
	text-align: center;
	width: 16px;
	display: inline-block;
	margin: -2px 0 0 10px;
	vertical-align: text-top;
	}

span.toolTip a
	{
	display: block;
	position: absolute;
	width: 16px;
	min-height: 16px;
	height: auto !important;
	height: 16px;
	background: url(/media/gfx/ico_sprite_small.gif) no-repeat;
	border: 1px solid #dfdeca;
	border-bottom: 1px solid #c6c5af;
	z-index: 5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	}

div.pageHeader span.toolTipContent
	{
	display: none;
	background: #fffff5;
	border: 1px solid #c6c5af;
	border-left: 1px solid #dfdeca;
	border-top: 1px solid #dfdeca;
	padding: 4px;
	z-index: 3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

span.toolTip a:hover, span.toolTip:hover a
	{
	background-color: #fffff5;
	border-top: 1px solid #fffff5;
	border-right: 1px solid #c6c5af;
	padding-top: 3px;
	margin-top: -3px
	}

span.toolTip:hover span.toolTipContent
	{
	display: block;
	margin: auto;
	width: 200px;
	margin-top: -29px;
	margin-left: -95px;
	position: absolute;
	border-right: 1px solid #c6c5af;
	border-bottom: 1px solid #c6c5af;
	}

div.pageHeader span.comment a:hover, span.comment:hover a
	{
	background: #fffff5 url(/media/gfx/ico_sprite_small.gif) -16px 0px no-repeat;
	}
	
div.pageHeader span.myFavourite a
	{
	background-position: 0px -16px;
	}

div.pageHeader span.myFavourite a:hover, div.pageHeader span.myFavourite:hover a
	{
	background-position: -16px -16px;
	}

div.pageHeader span.isFavourite a
	{
	background-position: 0px -64px;
	}

div.pageHeader span.isFavourite a:hover, div.pageHeader span.isFavourite:hover a
	{
	background-position: -16px -64px;
	}

div.pageHeader span.tellAFriend a
	{
	background-position: 0px -32px
	}

div.pageHeader span.tellAFriend a:hover, div.pageHeader span.tellAFriend:hover a
	{
	background-position: -16px -32px
	}

div.pageHeader span.printRecipe a
	{
	background-position: 0px -48px
	}

div.pageHeader span.printRecipe a:hover, div.pageHeader span.printRecipe:hover a
	{
	background-position: -16px -48px
	}


/* ------ =user image ------*/


div.pageHeader span.user
	{
	margin-top: 2px;
	font-weight: normal;
	height: 36px;
	line-height: 36px;
	float: right;
	text-align: right;
	display: inline;
	width: auto
	}

div.pageHeader div.userImageSmall
	{
	margin: 0px 1px 0px 6px;
	display: inline;
	text-align: right;
	padding: 8px 0px 9px 3px;
	.padding: 0;
	vertical-align: middle
	}

div.pageHeader div.userImageSmall img
	{
	width: 25px;
	height: 25px;
	border: 1px solid #eee;
	margin: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	vertical-align: middle;
	background: #fff;
	padding: 3px
	}


/* -------------------------------- =recipe ------*/

p.recipeIngress
	{
	background: url(/media/gfx/ornament.gif) 1em 1.5em no-repeat;
	padding: 20px;
	margin: 0 -10px 20px -10px;
	color: #3D96A6;
	border-bottom: 3px solid #fff;
	text-indent: 35px
	}

div.stepHelp
	{
	margin-right: -10px;
	margin-left: -10px;
	.margin-right: 0px;
	.margin-left: 0px;
	margin-bottom: 0px;
	color: #3D96A6;
	border-top: 3px solid #fff;
	padding: 10px 10px 0px 10px;
	clear: both;
	}

div.stepHelp table
	{
	margin-bottom: 10px;
	}


td.pagNavLeft .button, td.pagNavRight .button
	{
	background: none;
	border: none;
	text-shadow: none;
	color: #3D96A6;
	margin: 0;
	}

td.pagNavLeft .button
	{
	background: url(/media/gfx/pagnav_left.gif) left center no-repeat;
	padding-left: 16px;
	}

td.pagNavLeft .button:hover
	{
	margin-left: -3px;
	background: url(/media/gfx/pagnav_left.gif) left center no-repeat;
	}

td.pagNavRight .button:hover
	{
	margin-right: -3px;
	background: url(/media/gfx/pagnav_right.gif) right center no-repeat;
	}


td.pagNavCenter
	{
	font-size: 1.1em
	}

span.currentStep
	{
	font-weight: bold;
	color: #AB0606
	}

td.pagNavRight .button
	{
	background: url(/media/gfx/pagnav_right.gif) right center no-repeat;
	padding-right: 16px;
	}

div.stepHelp table td
	{
	padding: 0
	}

.formSelect table
	{
	border-bottom: 1px solid #d7f1f7;
	border-top: 1px solid #d7f1f7;
	}

.formSelect table td
	{
	vertical-align: top;
	padding: 8px 0 0 0
	}

.formSelect table td.spacer
	{
	width: 20px;
	padding: 0;
	background: url(/media/gfx/spacer_bg.gif) top center repeat-y
	}

.tagList
	{
	margin-left: 0px;
	margin-bottom: 8px;
	}

/* div.tagList span{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	color: white;
	background: #8ECCD7;
	padding: 0px 8px 1px 8px;
	cursor: pointer;
	margin-top: 2px;
	margin-bottom: 2px;

	display: inline-block;
} */

div.category div.tagContainer1
	{
	height: 130px;
	padding: 0;
	margin: 0
	}

div.category div.tagContainer1 span
	{
	width: 94px;
	padding: 65px 0 0 0;
	height: 15px;
	float: left;
	border: none;
	font-size: 1.3em;
	text-align: center;
	margin: 10px 5px 15px 5px;
	color: #8eccd7;
	font: bold 13px arial, helvetica, tahoma, san-serif
	}

div.category div.tagContainer1 #tag100.selected, 
div.category div.tagContainer1 #tag101.selected, 
div.category div.tagContainer1 #tag102.selected, 
div.category div.tagContainer1 #tag103.selected, 
div.category div.tagContainer1 #tag104.selected, 
div.category div.tagContainer1 #tag105.selected
	{
	color: #6096a6;
	background-position: center -100px
	}

div.category div.tagContainer1 span#tag100	{background: url(/media/gfx/ico_forratt.gif) top center no-repeat;}
div.category div.tagContainer1 span#tag101	{background: url(/media/gfx/ico_huvudratt.gif) top center no-repeat;}
div.category div.tagContainer1 span#tag102	{background: url(/media/gfx/ico_efterratt.gif) top center no-repeat;}
div.category div.tagContainer1 span#tag103	{background: url(/media/gfx/ico_kakbak.gif) top center no-repeat;}
div.category div.tagContainer1 span#tag104	{background: url(/media/gfx/ico_dryck.gif) top center no-repeat;}
div.category div.tagContainer1 span#tag105	{background: url(/media/gfx/ico_tillbehor.gif) top center no-repeat;}

#smooo div.category div.tagContainer1 span.recipeHelp, #smooo div.category span.recipeHelp
	{
	padding: 0px 3px 0px 3px;
	margin-left: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: none;
	width: 16px;
	height: 16px;
	background: #fff;
	font: 9px tahoma, arial, helvetica, san-serif;
	color: #3d96a6;
	float: none;
	margin-bottom: 0px
	}

div.tagContainer2, div.tagContainer3, div.tagContainer4, div.tagContainer5, 
div.tagContainer6, div.tagContainer7, div.tagContainer8
	{
	width: 205px;
	padding: 0px;
	}

div.tagContainer:hover label
	{
	background: #77b7c2
	}

ul.tagContainer
	{
	margin: 0;
	padding: 0	
	}

ul.tagContainer li
	{
	list-style: none;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	padding: 1px 3px 1px 3px;
	background: #fffff5;
	border: 1px solid #dfdeca;	
	}

ul.mainTags
	{
	margin-bottom: 20px	
	}

ul.otherTags
	{
	clear: both;
	padding-top: 5px	
	}

ul.tagContainer li.mainTag
	{
	float: left;
	width: 42px;
	text-align: center;
	display: inline-block;
	margin-right: 3px;
	margin-bottom: 3px;
	padding: 0;
	border: none;	
	}

ul.tagContainer li.mainTag a
	{
	display: block;
	width: 42px;
	height: 42px;
	border: none;	
	}

ul.tagContainer li.tag100	{background: url(/media/gfx/ico_forratt_small.gif) top center no-repeat;}
ul.tagContainer li.tag101	{background: url(/media/gfx/ico_huvudratt_small.gif) top center no-repeat;}
ul.tagContainer li.tag102	{background: url(/media/gfx/ico_efterratt_small.gif) top center no-repeat;}
ul.tagContainer li.tag103	{background: url(/media/gfx/ico_kakbak_small.gif) top center no-repeat;}
ul.tagContainer li.tag104	{background: url(/media/gfx/ico_dryck_small.gif) top center no-repeat;}
ul.tagContainer li.tag105	{background: url(/media/gfx/ico_tillbehor_small.gif) top center no-repeat;}

div.tagList span
	{
	border: none;
	padding: 2px 8px 2px 15px;
	cursor: pointer;
	margin-top: 0px;
	margin-bottom: 0px;
	display:inline-block;
	color: #3D96A6;
	width: 75px;
	}

div.tagList span:hover
	{
	color: #1f5a65;
	}

div.category label
	{
	background: #8eccd7;
	color: #fff;
	padding: 5px 5px 5px 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

div.tagList span.selected{
	color: #000;
	background: #e0f4f8 url(/media/gfx/ico_check.gif) 3px center no-repeat;
	padding-left: 18px;
	width: 72px;
}

h1.isFavourite
	{
	background: url(/media/gfx/ico_heart.gif) left 0.25em no-repeat;
	text-indent: 20px
	}

h2.recipeDescription
	{
	margin-top: 20px
	}

td.columnRight h2
	{
	border-bottom: 1px dotted #3D96A6;
	color: #3D96A6;
	}

td.columnRight h2.recipeTag
	{
	margin-top: 10px
	}

div.recipeDescription ul li, div.recipeDescription ol li
	{

	}

h2.recipeIngredients
	{
	color: #010101;
	border: none
	}

div.serviceRecipes td.columnRight
	{
	width: 212px;
	margin: 0;
	background: #f7fcfd;
	padding: 10px;
	border-top: 1px solid #e9f3f5;
	border-bottom: 1px solid #e9f3f5;
	vertical-align: top;
	}

div.serviceRecipes img.mainImage
	{
	width: 200px;
	padding: 5px;
	background: #fff;
	border: 1px solid #eee;
	margin-bottom: 20px;
	}

div.serviceRecipes div.media img
	{
	width: 94px;
	padding: 3px;
	background: #fff;
	border: 1px solid #eee;
	margin-bottom: 0px;
	margin-left: 2px
	}

div#recipeIngredients
	{
	margin-top: 20px
	}

div.serviceRecipes div.media div.image img
	{
	float: left;
	margin: 20px 10px 20px 0px
	}

.difficultyDegreeContainer
	{

	}

span.difficultyDegreeEasy
	{
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(/media/gfx/diff_states.gif) 0px 1px no-repeat
	}

span.difficultyDegreeMedium
	{
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(/media/gfx/diff_states.gif) 0px -45px no-repeat
	}

span.difficultyDegreeHard
	{
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(/media/gfx/diff_states.gif) 0px -91px no-repeat
	}

span.difficultyDegreeMedium span
	{
	color: #d7ac00
	}

span.difficultyDegreeHard span
	{
	color: #ab0606
	}

span.difficultyDegreeEasy span
	{
	color: #117711
	}

div#recipeIngredients em
	{
	color: #999
	}

.recipeDescription ul, .recipeDescription ol 
	{
	margin-bottom: 0px;
	margin-left: 1.5em;
	}
	
.recipeDescription ol 
	{
	margin-left: 22px;
	}


#deleteNotify
	{
	position: absolute;
	width: 666px !important;
	margin: -66px 0 0 -636px;
	background: url(/media/gfx/transparent_white.png) !important;
	text-align: center;
	border-top: 1px solid #d2e5e9;
	border-bottom: 1px solid #d2e5e9
	}

/*



.deleteNotifyContainer h4
	{
	height: auto;
	text-align: center;
	font-size: 1.5em;
	line-height: 2em;
	font-weight: normal;
	margin-bottom: 1em;
	margin-top: 40px;
	.margin-top: 0px;
	clear: both;
	float: none
	}

.deleteNotifyClose
	{
	width: 44px;
	height: 43px;
	background: url(/media/gfx/close_butt.gif) 0px 0px no-repeat;
	float: right;
	cursor: pointer;
	margin: 0
	}

.deleteNotifyClose:hover
	{
	background-position: 0px -51px
	}

.deleteNotifyClose span
	{
	display: none
	}

#smooo a.actionDeleteRecipe
	{
	text-align: center;
	display: block;
	text-decoration: none;
	font-size: 1.2em;
	width: 65px;
	clear: both;
	margin: auto;
	margin-top: 40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: none;
	padding: 6px 15px 6px 15px;
	cursor: pointer
	}

#smooo a.actionDeleteRecipe:active
	{
	padding: 6px 13px 6px 13px;
	background: #ab0606;
	}
*/

/* ------ =recipe list ------*/


div#recipeContainerList
	{
	
	}

div.recipeContainer
	{
	font-family: tahoma, verdana, arial, Helvetica;
	padding: 10px;
	margin-bottom: 0px;
	border: none;
	clear: both;
	border-bottom: 1px solid #e9f3f5;
	min-height: 80px;
	height: auto !important;
	height: 80px;
	}

div.recipeActions
	{
	width: 200px;
	height: 20px;
	position: absolute;
	margin-left: 443px;
	margin-top: 25px;
	}

div.recipeContainer .button
	{
	float: right;
	margin-left: 7px;
	margin-bottom: -10px;
	display: none
	}

div.recipeContainer:hover .button
	{
	display: block
	}

div.serviceRecipes div.odd
	{
	background: #f7fcfd;
	}

div.recipeTextTop
	{
	display: block;
	height: 25px;
	margin-bottom: -5px;
	}

div.recipeTextTop div
	{
	display: inline;
	padding-right: 10px;
	height: 18px;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 3px;
/*	border: 1px solid #e0eff2 */
	}

div.recipeTextTop a
	{
	color: #5a7e84;
	}

div.recipeTextTop div.comment
	{
	background: url(/media/gfx/ico_comment_blue.gif) left center no-repeat;
	padding-left: 17px;
	padding-right: 7px;
	margin-left: 10px;
	display: block;
	float: left
	}

div.recipeTextTop div.userInfo
	{
	padding: 0px 5px 0px 15px;
	margin-top: 0px;
	display: block;
	float: left;
	background: #fff url(/media/gfx/ico_user.gif) 3px center no-repeat
	}

div.recipeTextTop div.date
	{
	display: block;
	float: left;
	background-position: 5px 3px;
	padding: 0 5px 0 19px;
	}

div.recipeTextTop div.difficulty
	{
	float:left;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px 5px 2px 0px;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 16px;
	}

div.recipeTextTop div.grade
	{
	display: block;
	float: right;
	margin-top: 2px;
	margin-left: 6px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: transparent;
	border: none
	}

div.recipeTextTop div
	{
	display: inline
	}

div.recipeContainer h3
	{
	font-size: 1.7em;
	line-height: 1.3em;
	margin-top: 0;
	margin-bottom: 0;
	clear: right;
	}

div.recipeContainer h3 a
	{
	font-weight: normal;
	color: #333;
	text-decoration: none
	}

div.recipeContainer div.image
	{

	}

div.recipeContainer div.recipeText
	{

	}

div.recipeContainer img
	{
	-ms-interpolation-mode: bicubic;
	width: 86px;

	float: left;
	margin: 0 10px 0 0;
	background: #fff;
	padding: 5px;
	border: 1px solid #dae5e7
	}

div.recipeContainer span.comment
	{
	margin-left: 6px;
	vertical-align: middle;
	display: inline-block;
	height: 19px;
	padding-left: 7px;
	font: 10px verdana, arial, helvetica;
	background: url(/media/gfx/balloon_bg_left.gif) left top no-repeat
	}

div.recipeContainer span.comment span
	{
	display: block;
	height: 16px;
	padding-right: 7px;
	font: 10px verdana, arial, helvetica;
	background: url(/media/gfx/balloon_bg_right.gif) right top no-repeat
	}

div.recipeContainer span.comment span a, div.recipeContainer span.comment span a:hover
	{
	color: #000;
	text-decoration: none;
	background: none
	}


/* ------ =create recipe ------*/


form fieldset
	{
	border: none
	}

fieldset .formMedia .file
	{
	background: none;
	padding: 0
	}
 
fieldset .formMedia li
	{
	background-image: none;
	width: 180px;
	float: left;
	padding: 0
	}

form#formCreateRecipe fieldset, 
form#formAddRecipe fieldset, 
form#formCreateDiary fieldset
	{
	padding-top: 0
	}

form#formCreateRecipe fieldset legend, 
form#formAddRecipe fieldset legend, 
form#formCreateDiary fieldset legend
	{
	padding-bottom: 0;
	margin-bottom: 0
	}

fieldset .formMedia li img 
	{
	-ms-interpolation-mode: bicubic;
	width: 100px;
	margin: 0 10px 0 0;
	background: #fff;
	padding: 5px;
	border: 1px solid #dae5e7
	}

fieldset .formMedia li img.file-progress 
	{
 	width: 125px;
 	height: 12px;
 	vertical-align: middle;
 	background-image: url(/media/js/fancyupload/progress.gif);
	margin: 0;
	padding: 0;
	border: none
	}

div#recipeImagesRight fieldset .formMedia li, 
form#formCreateDiary fieldset .formMedia li
	{
	background-image: none;
	width:130px;
	float: left;
	padding: 0
	}

div#recipeImagesRight fieldset .formMedia li img, 
form#formCreateDiary fieldset .formMedia li img
	{
	width: 100px;
	}

fieldset .formMedia li span 
	{
	display: none
	}

fieldset .formMedia li img.formDeleteFile, 
div#recipeImagesRight .formMedia li img.formDeleteFile, 
div#createDiary .formMedia li img.formDeleteFile
	{
	width: 16px;
	height: 16px;
	margin: -5px 0 0 -20px;
	background: none;
	padding: 0;
	border: none;
	position: absolute
	}

form#formCreateRecipe fieldset, 
form#formAddRecipe fieldset
	{
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	padding-bottom: 0
	}

form#formCreateRecipe div.formText, form#formCreateRecipe div.formSelect, form#formCreateRecipe div.formTextarea, 
form#formAddRecipe div.formText, form#formAddRecipe div.formSelect, form#formAddRecipe div.formTextarea
	{
	float: left;
	padding: 0px;
	margin-right: 0px;
	}

form#formCreateRecipe div.name, form#formCreateRecipe div.portionQuantity, 
form#formAddRecipe div.name, form#formAddRecipe div.portionQuantity
	{
	margin-right: 0px;
	}

form#formCreateRecipe div.preparationTime, 
form#formAddRecipe div.preparationTime, 
fieldset.recipeOther div.formSelect
	{
	clear: left;
	margin-right: 20px
	}

form#formCreateRecipe div.preparationTime, 
form#formAddRecipe div.preparationTime
	{
	clear: left;
	margin-right: 20px
	}

form#formCreateRecipe div.cookingTime, 
form#formAddRecipe div.cookingTime
	{
	margin-right: 20px
	}

form#formCreateRecipe div.name input, 
form#formAddRecipe div.name input
	{
	width: 350px
	}

.portionQuantity input, .preparationTime input, .cookingTime input
	{
	width: 50px
	}

#smooo div div span.recipeHelp
	{
	padding: 0px 3px 0px 3px;
	margin-left: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #8eccd7;
	width: 16px;
	height: 16px;
	background: none;
	font: 9px tahoma, arial, helvetica, san-serif;
	color: #3d96a6
	}

#smooo div div span.recipeHelp em
	{
	color: #b72025;
	font-style: normal
	}

#smooo div div span.recipeHelp:hover
	{
	background: #fff;
	color: #3d96a6
	}

#smooo div div span.recipeHelp div
	{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: absolute; 
	width: 200px;
	z-index: 9999;
	background-color: white;
	margin-left: 10px;
	margin-top: -4px;
	border: 3px double #aababf;
	padding: 10px;
	font-weight: normal;
	line-height: 1.5em;
	color: #6c6c6c;
	white-space: pre-wrap;
	font-size: 11px;
	}

#contentContainer div span.recipeHelp div em
	{
	color: #F17C08;
	}
	
#addIngredientItem{
	float: right;
	background-color: #3D96A6;
	margin-top: -10px;
	margin-bottom: 10px;
	margin-right: 0;
	padding: 5px 10px 3px 10px;
	font-size: 0.85em;
	font-weight: normal;
}
	/*

div.difficultyBackground
	{
	height: 20px;
	padding: 5px 0px 0px 23px;
	border: 1px solid #cfe2e6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

div.difficultyButton
	{
	width: 16px;
	height: 16px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	background: url(/media/gfx/diff_states.png) left top no-repeat;
	float: left;
	margin-right: 10px
	}

div.diffMedium
	{
 	background-position: -17px 0px
	}

div.diffHard
	{
 	background-position: -34px 0px
	}

div.easySelected
	{
 	background-position: 0px -17px
	}

div.mediumSelected
	{
 	background-position: -17px -17px
	}

div.hardSelected
	{
 	background-position: -34px -17px
	}

*/
.formStepButton a{
	font-size: 1.2em;
	display: inline-block;
	 margin-right: 5px;
	text-decoration: none;
	padding: 10px 12px 8px 8px;
	font-weight: bold;
	cursor: pointer;
	color: #78c5d3
}

.formStepButton a.selected{
	 background-color: #EFF8FA;
	color: #3D96A6;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}

div.serviceRecipes fieldset.formTabs{
	display: none;
}

div.serviceRecipes fieldset.formTabs legend{
	display: none;
}

div.serviceRecipes #formStep1{
	display: block;
}

div.serviceRecipes div.formSubmit{

}

div.serviceRecipes fieldset.formTabs div legend{
	display: block;
}

div.serviceRecipes td.columnLeft
	{
	width: auto;
	margin: 0;
	padding: 20px 10px 0px 0px;
	vertical-align: top;
	border-top:1px solid #E9F3F5;
	}

td.ingredientHeader, table#tableIngredientContainer label
	{
	padding-bottom: 0px;
	margin-bottom: 0px
	}
td.ingredientNumber
	{
	font-weight: bold;
	padding-left: 0
	}

table#tableIngredientContainer input
	{
	background: #fff;
	border: 1px solid #cfe2e6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 6px;
	margin: 0 9px 0 0;
	font: 1em "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, san-serif
	}

table#tableIngredientContainer td
	{
	padding: 5px 0px 3px 5px
	}

table#tableIngredientContainer td.unit input
	{
	width: 98px
	}

table#tableIngredientContainer td.ingredient input
	{
	width: 130px
	}

table#tableIngredientContainer td.comment input
	{
	width: 180px
	}

form#formCreateRecipe textarea, form#formAddRecipe textarea
	{
	margin-bottom: 10px
	}

div#recipeImagesLeft fieldset legend
	{

	}

/* ------ =comment ------*/


td.columnLeft div#postComment, td.columnLeft div#postComment div.formTextarea
	{
	margin-bottom: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #f7fcfd
	}

td.columnLeft div#postComment
	{
	border-top: 1px solid #e9f3f5;
	border-bottom: 1px solid #e9f3f5;
	}

div.serviceComment h4
	{
	margin-bottom: 0px;
	padding-left: 16px;
	padding-bottom: 5px;
	background: url(/media/gfx/ico_comment.gif) left 4px no-repeat;
	border-bottom: 1px solid #e9f3f5;	
	}

span.noComments
	{
	display: block;
	width: 300px;
	padding-bottom: 14px;
	margin-bottom: 10px;
	margin-top: 30px;
	background: url(/media/gfx/blue_tip.gif) 20px bottom no-repeat;
	color: #3d96a6;
	}

span.noComments span
	{
	display: block;
	height: 20px;
	background: #eff8fa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	text-align: center
	}

div.serviceComment div.formTextarea textarea
	{
	height: 50px;
	margin-bottom: 10px;
	width: 90%
	}

div.serviceComment div.item div.userImageSmall
	{
	margin: 7px 0px 2px 0px;
	position: relative;
	float: left;
	width: 35px;
	padding: 3px;
	border: 1px solid #c1e1e7;
	background: #fff;
	}

div.serviceComment div.userImageSmall img
	{
	width: 35px;
	height: 35px;
	border: none;
	margin: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none
	}

div.serviceComment div.item, 
div.serviceBlog div.serviceComment div.item
	{
	background: #f7fcfd;
	border-bottom: 1px solid #e9f3f5;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	padding: 3px 10px 7px 10px;
	
	margin-bottom: 10px;
	margin-top: -1px;
	border-top: 1px solid #e9f3f5;
	}

div.serviceComment div.answer
	{
	margin-left: 50px
	}

div.serviceComment div.item div.head
	{
	margin-bottom: 6px;
	margin-left: 50px;
	font-weight: bold
	}

div.serviceComment div.answer div.head
	{
	margin-left: 50px;
	margin-bottom: 6px;
	border-bottom: 1px solid #e0f1f5;
	}

div.head span.text
	{
	border-left: 1px solid #e0f1f5;
	margin: 7px 0 0px 3px;
	line-height: 1em;
	padding: 0px 0px 0px 5px;
	}

div.head span.user
	{
	color: #4cb7ed;
	margin: 7px 0 0px 3px;
	line-height: 1em;
	padding: 0px 6px 0px 0px;
	display: inline-block
	}

div.serviceComment div.item div.body
	{
	padding-left: 49px;
	margin-bottom: 10px;
	color: #3D96A6
	}

div.item div.head span.date
	{
	color: #3D96A6
	}

div.commentAnswer
	{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #f7fcfd;
	font-family: tahoma, verdana, arial, Helvetica;
	padding: 10px 10px 10px 10px;
	border: none;
	border-bottom: 1px solid #e9f3f5;
	margin: -20px 0px 20px 0px
	}

div.commentAnswer div.formTextarea, div.commentAnswer div.formSubmit
	{
	float: none
	}


div.commentAnswer div.formTextarea
	{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #f7fcfd;
	padding: 0;
	margin-bottom: 0
	}

div.commentAnswer div.formTextarea, div.commentAnswer label, div.commentAnswer div.formSubmit
	{
	margin-left: 49px
	}

span.deleteComment, span.answerComment
	{
	font-size: 0px;
	color: #cfe2e6;
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	border: none;
	margin: 0px 6px 0px 0px;
	padding: 0px 0px 1px 0px;
	cursor: pointer
	}

span.deleteComment
	{
	background: url(/media/gfx/ico_delete.gif) no-repeat
	}

span.answerComment
	{
	background: url(/media/gfx/ico_reply.gif) no-repeat
	}
	
div#postComment
	{
	padding: 10px 0 0 10px;
	margin-top: 10px
	}

div#postComment .commentText 
	{
	padding: 0px;
	margin-bottom: 0px;
	}



/* ------ =dialog ------*/

div.actionSuccess, div.error
	{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: none;
	padding-bottom: 12px;
	font-size: 14px;
	}

/* ------ =forum ------*/

div.trailer ul
	{
	background: none;
	border: none
	}

div.serviceForum table.tableList a
	{
	font-weight: bold
	}

div#navigation .button
	{
	margin-right: 10px;
	}

div.serviceForum table.tableList td.lastCell
	{
	padding-left: 16px;
	background-image: url(/media/gfx/ico_clock.gif);
	background-position: 3px center;
	background-repeat: no-repeat;
	width: 110px	
	}

.actionListGroup th.column2,
.actionListGroup th.column3
	{
	width: 50px
	}

div.serviceForum table.tableList td.firstCell
	{
	width: 300px
	}
	
div.serviceForum table.tableList td.firstCell div.description
	{
	font-size: 0.9em;
	padding-top: 0.4em;
	}
	
div.serviceForum table.tableList td.firstCell a
	{
	font-weight: bold;
	}

div#listWatch td.column3, div#listWatch th.column3, 
div#listWatch td.column4, div#listWatch th.column4, 
#listGroups td.column2, #listGroups th.column2, 
#listGroup td.column2, #listGroup th.column2, 
#listGroup td.column3, #listGroup th.column3, 
#listGroups td.column3, #listGroups th.column3, 
#listGroups td.column4, #listGroups th.column4
	{
	text-align: center
	}
	
#listGroups td.lastCell, #listGroup td.lastCell, 
#listGroups th.lastCell, #listGroup th.lastCell 
	{
	text-align: left
	}

div#listWatch table.tableList td.firstCell
	{
	width: 120px
	}

input#subject
	{
	width: 250px
	}
	
input#description
	{
	width: 550px;
	}
	
div.forumMessageHead
	{
	height: 20px;
	margin: 0px -10px 0 -10px;
	border-bottom: 1px solid #d9eef3;
	padding: 3px 10px 0 10px
	}
	
div.forumMessageSubject, div.forumMessageDate, div.forumMessageOwner
	{
	float: left;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin-right: 10px;
	}
	
div.forumMessage
	{
	font-family: tahoma, verdana, arial, Helvetica;
	background: #eff8fa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3px 10px 7px 10px;
	margin-bottom: 10px;
	border: none;
	color: #3d96a6;
	}
	
div.forumMessageDate
	{
	color: #5a7e84
	font-weight: normal;
	font-size: 1em;
	float: right;
	margin-right: 0;
	padding-left: 16px;
	background: url(/media/gfx/ico_clock.gif) left center no-repeat;
	}
	
div.forumMessageStatus
	{
	width: 14px;
	height: 11px;
	margin-top: -2px;
	background: url(/media/gfx/ico_comment_blue.gif) no-repeat;
	float: left
	}
	
div.forumMessageMessage
	{
	padding: 15px 20px 5px 20px;
	margin: 0;
	color: #317783
	}
	
div.forumMessageAnswer
	{
	clear: both;
	padding: 10px 0px 0px 20px
	}


div.forumMessageOwner img
	{
	vertical-align: middle;
	margin-bottom: 2px;
	border: 0
	}

div.forumMessageMessage div.forumQuote
	{
	border: 1px solid #c7dce1;
	}


/* Breadcrumbs */

div.trailer
	{
	margin-bottom: 20px;
	padding-left: 5px;
	background: url(/media/gfx/ico_homepage.gif) left 7px no-repeat;

	}

div.trailer ul
	{
	border: 0;
	width: 100%;
	height: 23px;
	padding: 0px 0px 0px 5px;
	}

div.trailer ul li a
	{
	display: block;
	text-decoration: underline;
	float: left;
	width: auto;
	border: 0;
	font-size: 1em;
	height: 18px;
	padding: 5px 18px 5px 10px;
	background: url(/media/gfx/arrow.gif) right center no-repeat
	}

div.trailer ul li p
	{
	display: block;
	float: left;
	width: auto;
	border: 0;
	font-size: 1em;
	height: 21px;
	padding: 6px 18px 3px 10px;
	color: #3d96a6;
	}


/* =Blog */

div.serviceBlog h2
	{
	border: none
	}

div.serviceBlog div.media
	{
	padding-bottom: 10px
	}

div.serviceBlog div.media img
	{
	padding: 5px;
	background: #fff;
	border: 1px solid #eee;;
	}

div.serviceBlog input.button
	{
	margin-right: 10px
	}

div.serviceBlog p.link
	{
	background: #fef3f2 url(/media/gfx/bullet_arrow.gif) 10px center no-repeat;
	font: 1em tahoma, verdana, arial, Helvetica;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 10px 10px 30px;
	margin-bottom: 10px;
	color: #ab0606
	}

div.serviceBlog p.link a
	{
	color: #ab0606
	}

div.serviceBlog hr, div.serviceBlog a.readMore
	{
	display: none
	}
	
div.serviceBlog div.item
	{
	border-bottom: 1px solid #dae5e7;
	border-top: 1px solid #dae5e7;
	padding: 0 5px 0 5px;
	margin-top: -1px
	}

input#diaryDate
	{
	width: 80px
	}


input#diaryHead
	{
	width: 300px
	}

div.formTextarea
	{
	margin-bottom: 20px
	}

div.serviceBlog div.formMedia img
	{
	border: none;
	margin: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
	
.serviceBlog .media img
	{
	width: 100px;
	}
	
/* =Tell a friend */

.serviceTellAFriend #name {
 width: 200px;
}

.serviceTellAFriend #friendEmail {
 height: 50px;
 width: 400px;
}

.serviceTellAFriend #message {
 height: 100px;
 width: 400px;
}

div.serviceBlog div.pageHeader span.toolTip
	{
	padding: -2px 0 0 0;
	margin: -3px 0 0 0
	}


/* 
 *********************** =Splash startpage
 */


div.splashStartpage
	{
	height: 245px;
	width: 666px;
	background: url(/media/gfx/start_splash1.jpg) no-repeat;
	padding-top: 35px;
	margin-bottom: 40px;
	}

div.splashRecipeContainer
	{
	height: 242px;
	width: 186px;
	margin-left: 361px;
	text-align: center;
	font-size: 0.95em;
	line-height: 1.6em;
	}

div.splashRecipeContainer h4
	{
	font: bold 1.1em "lucida grande", arial;
	height: 40px;
	overflow: hidden;
	margin-bottom: 7px;
	line-height: 1.5em
	}

div.splashRecipeContainer h4 a
	{
	text-decoration: none;
	color: #555
	}

div.splashRecipeContainer h4 a:hover
	{
	text-decoration: underline;
	}

div.splashRecipeContainer a img
	{
	width: 150px;
	height: 127px;
	-ms-interpolation-mode: bicubic;
	}

div.splashRecipeContainer a img:hover
	{
	-webkit-transform: rotate(1deg); 
	-moz-transform: rotate(1deg);
	}


/* 
 * =Grade small
 */
 
 
div.splashRecipeContainer div.grade
	{
	float: right;
	padding: 0;
	height: auto;
	}

div.splashRecipeContainer span.stars
	{
	display: block;
	width: 53px;
	height: 10px;
	background: url(/media/gfx/smooo/stars_small.gif) no-repeat;
	margin-top: 3px;
	margin-bottom: 3px;
	}
	
div.splashRecipeContainer span.grade1 {background-position: 0px -20px}
div.splashRecipeContainer span.grade2 {background-position: 0px -40px}
div.splashRecipeContainer span.grade3 {background-position: 0px -60px}
div.splashRecipeContainer span.grade4 {background-position: 0px -80px}
div.splashRecipeContainer span.grade5 {background-position: 0px -100px}


div.splashRecipeContainer div.difficulty
	{
	float: left;
	}

div.splashRecipeContainer span.difficultyDegreeEasy
	{
	background: url(/media/gfx/diff_states.gif) -3px 1px no-repeat
	}

div.splashRecipeContainer span.difficultyDegreeMedium
	{
	background: url(/media/gfx/diff_states.gif) -3px -45px no-repeat
	}

div.splashRecipeContainer span.difficultyDegreeHard
	{
	background: url(/media/gfx/diff_states.gif) -3px -91px no-repeat;
	}

div.splashRecipeContainer div.userInfo
	{
	.margin-top: -8px;
	text-align: left;
	clear: both;
	padding-left: 13px;
	background: url(/media/gfx/ico_user.gif) left center no-repeat;
	margin-bottom: 2px;
	}

div.splashRecipeContainer span.comment
	{
	text-align: left;
	display: block;
	padding-left: 13px;
	background: url(/media/gfx/ico_comment.gif) left center no-repeat	
	}

div.splashRecipeContainer span.comment span
	{
	color: #989696
	}

div.splashRecipeContainer span.comment a, 
div.splashRecipeContainer span.comment a:hover
	{
	text-decoration: none;
	background: none
	}


div.splashRecipeContainer span.difficultyDegreeContainer
	{
	padding-left: 13px;
	background-position-x: -3px
	}
	


/* 
 *********************** =UserTabs
 */


ul.userTabs
	{
	list-style: none;
	margin: 0px 0 0px 0;
	padding: 0;
	border-top: 3px solid #ab0606;
	border-bottom: 1px solid #dae5e7;
	height: 30px
	}

ul.userTabs li
	{
	display: inline-block;
	float: left;
	margin: 0;
	}

ul.userTabs li a
	{
	margin: none;
	display: inline-block;
	padding: 6px 10px 3px 10px;
	text-decoration: none;
	float: left;
	color: #999
	}

ul.userTabs li.active a
	{
	display: inline-block;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	border-bottom: none;
	color: #fff;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	background: #ab0606
	}
	
/* 
 *********************** =Kökshjälpen
 */

table.kokshjalpen td.firstCell, table.tableList.kokshjalpen tbody tr:hover td
	{
	padding-left: 57px;
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px
	}

table.kokshjalpen td.firstCell a
	{
	font-weight: bold;
	}

table.kokshjalpen td.mattomvandlare, table.tableList.kokshjalpen tbody tr:hover td.mattomvandlare
	{
	background-image: url(/media/gfx/ico_kalkylator.gif);
	}

table.kokshjalpen td.tillagningstemp, table.tableList.kokshjalpen tbody tr:hover td.tillagningstemp
	{
	background-image: url(/media/gfx/ico_termometer.gif);
	}

table.kokshjalpen td.tallriksmodellen, table.tableList.kokshjalpen tbody tr:hover td.tallriksmodellen
	{
	background-image: url(/media/gfx/ico_diagram.gif);
	}

table.kokshjalpen td.kalorier, table.tableList.kokshjalpen tbody tr:hover td.kalorier
	{
	background-image: url(/media/gfx/ico_rakna.gif);
	}

table.kokshjalpen td.kostrad, table.tableList.kokshjalpen tbody tr:hover td.kostrad
	{
	background-image: url(/media/gfx/ico_apple.gif);
	}

p.alignRight
	{
	margin: -6px 0 0 0
	}

table.transformUnit td
	{
	padding: 0
	}
	
table td.transformButt
	{
	padding: 0
	}
	
table td.transformButt .button
	{

	}

#tillagningstemperaturer th.col2
	{
	width: 60px;
	padding-left: 0px;
	padding-right: 5px;
	} 

table.transformUnit td.selectUnit
	{
	padding-right: 10px
	}

table.transformUnit td.selectUnit.noPadding
	{
	padding-right: 0px
	}

td.selectUnit select
	{
	min-width: 150px;
	width: auto !important;
	width: 150px;
	}

#tillagningstemperaturer th.col3 {
	width: 140px;
} 

#tillagningstemperaturer td.col2 {
	text-align: center;
} 

/* Overrides */
.formTextarea textarea {
	height: 250px;
	width: 390px;
}