/* General styles */
/* GENERIC */

@import "http://www.terve.fi/css/header.css";

#tbar img,#tbar input {
	vertical-align:top;
}

body, form, h1, h2, h3, img, li, p, table, td, th, thead, tr, ul {
	border-style:none;
	font-family:arial,helvetica,verdana,sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	text-align:left;
	vertical-align:top;
}

#tbar form {
	margin:0;
}

html, body {
	margin:0;
	padding:0;
	height: 100%;
}

body {
	/*background-image: url(http://images.coronaria.fi/0825806.jpg);*/
}

body#simple {
	background-image: none;
}

body#simple textarea {
	width:83%;
}	

/* default font styles */
html, body, p, ul, li, table, td, th {
	font-family:arial,helvetica,verdana,sans-serif;
	font-size:11px;
	color:#333333;
}

a {
	font-weight:bold;
	text-decoration:none;
	color:#ff0066;
}

a:hover {
	text-decoration:underline;
	color: #990066;
}

a.normal {
	font-weight:normal;
	color: #333333;
}

a.normal:hover {
	color: #333333;
}

/* default header font style */
h1, h2, h3, h4, h5, h6 {
	font-family:arial,helvetica,verdana,sans-serif;
	font-weight:normal;
	padding:0;
	margin:0 0 4px 0;
}

h1 {
	/*font-size:1.75em;*/
	font-size:18px;
	margin-bottom:3px;
}

h1 a, h2 a {
	font-weight:normal;
	color:#333333;
}

.cute {
	color: #ff0066;
}

.cute a {
	color: #ff0066;
	font-size: 18px;
}

h2 {
	font-size:18px;
	font-weight:normal;
}

h3 {
	font-size:14px;
	font-weight:bold;
}

h4 {
	font-size:12px;
	font-weight:bold;
}

h5 {
	font-size:0.9em;
}

h6 {
	font-size:0.85em;
}

/* layout styles */

#layout {
	height:100%;
	text-align:center;
}

body#simple #layout {
	background-image: none;
}

#layout #ad1 {
	margin:3px auto;
	width:980px;
}

#login {
	line-height:2;
	text-align: right;
	margin:15px 0 5px 0;
}

input.defaultvalue {
	color: #666666;
}

#login input.defaultvalue {
	height: 20px;
	width: 148px;
	border-bottom: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-left: 1px solid #717171;
	border-top: 1px solid #717171;
	vertical-align:top;
	margin: 0 9px 0 0;
	font-size: 12px;
	line-height:16px;
}

#login input[type=image] {
	margin-left:2px;
}

#login form {
	margin-top:5px;
	margin-bottom:10px;	
}


#login a {
	color: #ff0066;
	font-size: 11px;
}


/* NEW RECIPE */

div.addRecipeImg {
	width:300px;
	height:222px;
	border:dotted 1px #ccc;
	text-align:center;
	background-color:#f1f1f1;
}

input.fileinput {
	margin-top:100px;
}

td.save {
	text-align:right;
	padding-right:20px;
}


/* NAVIGATION STYLES*/

div#naviwrap {
	background-color: #ff0066;
}

ul#Navi {
	margin:0;
	padding:0;
}

ul#Navi li {
	height:38px;
	display:table-cell;
	list-style:none;
	float:left;
	background-color: #ff0066;
	border-right: 1px dashed #ffffff;
}

ul#Navi li a {
	color:#FFFFFF;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding: 12px 18px 11px 18px;
	text-align:center;
}

ul#Navi li a:hover {
	background-color: #990066;
	color: #ffffff;
}

ul#Navi li.active {
	background-color:#FFFFFF;
}
ul#Navi li.active a {
	color: black;
}

ul#Navi li#NaviActive,
ul#Navi li#NaviActive:hover {
	background-color:#FFFFFF;
}
ul#Navi li#NaviActive a,
ul#Navi li#NaviActive a:hover {
	color: black;
}

/* module navi */

ul#ModuleNavi {
	margin:0;
	padding:0;
}

ul#ModuleNavi li {
	height:22px;
	display:table-cell;
	list-style:none;
	float:left;
	background-color: #fff;
	border-right: 1px dashed #ff0066;
}

ul#ModuleNavi li a {
	color:#ff0066;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin: 0px 10px 0px 10px;
	padding: 4px 8px 4px 8px;
	text-align:center;
}

ul#ModuleNavi li a:hover {
	background-color: #ff0066;
	color: #ffffff;
	text-decoration: none;
}

ul#ModuleNavi li.active {
	background-color:#FFFFFF;
}
ul#ModuleNavi li.active a {
	color: black;
}

/* Navigation styles end */
#layout #body  {
	background-image: url('/img/bg_ads_la.png');
	background-position:center;
	background-repeat:repeat-y;
	background-color:#ffffff;
	margin:0px auto 0px auto;
	width:980px;
	text-align:center;
	overflow:hidden;
}

#bodywrap {
	padding-left:10px;
	padding-right:10px;
}

#bodywrap #content {
	padding-top: 20px;
	width:632px;
	float: left;
	text-align:left;
}

#bodywrap #content div#icontent {
	padding-right:8px;
}

#bodywrap #ads {
	width:300px;
	padding-top: 20px;
	float: right;
	/*padding-left: 8px;*/
}

div.error-msg {
    background:transparent url('http://images.coronaria.fi/7339930.png') no-repeat 5px 50%;
    font-weight:bold;
    border:1px dashed #999999;
    padding:8px 25px;
    color:red;
    margin-bottom:10px;
}

div.success-msg {
    background:transparent url('http://images.coronaria.fi/1695078.png') no-repeat 5px 50%;
    font-weight:bold;
    border:1px dashed #999999;
    padding:8px 25px;
    color:green;
    margin-bottom:10px;
}

span.error {
    background-image: url('http://images.coronaria.fi/7339930.png');
    background-repeat: no-repeat;
    font-weight: bold;
    color: red;
    display: block;
    margin-top: 8px;
    padding: 0 0 6px 18px;
}


/* NAVIGATION STYLES END HERE */


/* layout items */

.rounded {
	background: #990066;
	border: 1px solid #990066;
	margin: 0;
	padding: 4px 8px;
	color: #ffffff;
	font-size: 11px;
	line-height: 1em;
	font-weight: bold;
	cursor: pointer;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*border-radius: 3px;
	behavior: url('/tools/border-radius.htc');*/
}

.rounded:hover, a.rounded:hover {
	color: #ffffff;
	text-decoration: none;
}

div.h-line {
	border-bottom: 1px dashed #999999;
	margin: 10px 0 10px 0;
}

div.promo {
	/* Now acts only as promo admin indicator. No styling */
	/*border-bottom: 1px dashed #999999;
	padding-bottom: 10px;
	margin: 0 0 15px 0;*/
}

div.promo h2 {
	font-weight:normal;
	margin-bottom:8px;
}

div.promo h2 a {
	font-weight:normal;
}

div.promo h3 {
	font-size:16px;
	font-weight:normal;
	margin-bottom:8px;
}

div.promo h3 a {
	font-weight:normal;
}

div#l-col {
	width: 392px;
	float: left;
	border-right: 1px dashed #999999;
}
div#l-col .cont {
	padding-right:10px;
}

div#r-col {
	width: 216px;
	float: right;
}

div.dotted-h {
	margin: 10px 0 15px 0;
	height:1px;
	width:100%;
	border-bottom: 1px dashed #999999;
}
div.dotted-v {
	margin:0;
	width:1px;
	height:100%;
	background-image:url('/img/dotted_v.png');
}
select#sel-toplist {
	width: 220px;
}

div#toplist {
	margin-top:0px;	
}
div#toplist div {
	float: left;
	width: 116px;
}
div#toplist div.spacer {
	width: 10px;
	height: 10px;
}

div#toplist div.blue img, div#toplist div.green img {
	border-bottom: 1px solid #ffffff;
	display:block;
	clear:both;
}

div#toplist div.green div.cont {
	color: #33cc00;
	padding-top: 8px;
	width: 100%;
	border-top: 2px solid #33cc00;
}
div#toplist div.blue div.cont {
	color: #ff00cc;
	width: 100%;
	padding-top: 8px;
	border-top: 2px solid #ff00cc;
}
	
div#copy {
	margin: 20px 0 20px 0;
	font-size: 11px;
}

div#site-search {
	margin-bottom: 20px;
	background-color: #990066;
	min-height: 173px;
}
div#site-search div.title {
	color: #fff;
	text-align: left;
	font-size: 18px;
	padding: 8px 12px;
}

div#search-tabs {
	display: none;
}

div#site-search ul.tab-menu li {
	color: #ffffff;
	font-weight: bold;
	list-style: none;
	float: left;
	background-color: #ff0066;
	margin-right: 3px;
	border-bottom: 1px dashed #fff;
}

div#site-search ul.tab-menu li a {
	border:0;
	padding: 8px 10px 5px 10px;
	color: #ffffff;
	font-weight: bold;
	display:block;
	outline-style: none;
}	

div#site-search ul.tab-menu .tab-selected {
	border-bottom: 1px solid #ff0066;
}	

div#site-search div.content {
	clear: both;
	font-size: 11px;
	text-align: left;
	background-color: #ff0066;
	padding: 8px 0 10px 12px;
	height: 90px;
}	
	
div#site-search div.content p {
	color: #fff;
	margin-bottom: 8px;
}

#site-search input {
	width: 215px;
	vertical-align: middle;
}

div#site-search div.content a {
	color: #fff;
}

div#kitchenPromo {
	margin-bottom:20px;
	width:620px;
	height:300px;
	border-bottom:1px dashed #999999;
	padding-bottom:1px;
}

div#kitchenPromo div.content {
	/*border-left:10px solid #33cc00;*/
	height:100%;
	width:100%;
	height:260px;
}	

div#kitchenPromo div.chef {
	height:150px;
	padding-left:10px;
}

div#kitchenPromo div.chef div.name {
	padding-top:8px;
	font-size:18pt;
	color:#33cc00;
}

div#kitchenPromo div.chef div.name {
	padding-top:8px;
	font-size:18pt;
	color:#000000;
}

div#kitchenPromo div.chef div.description {
	font-size:9pt;
	margin-bottom:7px;
}

div#kitchenPromo div.weeksRecipe {
	font-size:11pt;
	margin-top:52px;
	margin-left:145px;
	height:28px;
}

div#kitchenPromo div.sponsors {
	font-size:11px;
	font-weight:bold;
	margin:0px;
	padding:10px 0px 0px 0px;
	height:30px;
	background-color:none;
}

div#kitchenPromo span.sponsors {
	vertical-align:middle;
}

div#kitchenPromo div.sponsors img {
	vertical-align:middle;
	margin-left:20px;
}

div#kitchenPromo div.weeksRecipe a {
	font-size:11pt;
	color:#ff0066;
	font-weight:normal;
}	

ul.kitchens {
	margin-left:80px;
	list-style-type:none;
}

ul.kitchens a {
	display:block;
	padding:8px 12px;
	color:#ffffff;
}

ul.kitchens a:hover {
	text-style:underline;
}

ul.kitchens li {
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	float:left;
	background-color:#000000;
}

#kitchen-show div.kitchens {
	margin:0;
	text-align:center;
}

#kitchen-show div.kitchens a {
	color:#ffffff;
	padding:8px 12px;
	margin-left:1px;
}

#k-philosophy {
	padding-top:2em;
	padding-bottom:2em;
}

#k-philosophy p, #k-philosophy a {
	color:#FFFFFF;
}	

div.main_season_kitchen {
	margin-bottom:20px;
}

.seasonKitchen, .normalPromo, h1.weekKitchenPromo{
	font-size:18px;
	margin-bottom:3px;
}

.ownKitchens {
	font-size:18px;
	margin-bottom:10px;
}

.seasonKitchenCute, .recipePromoCute {
	color: #ff0066;
	font-size:18px;
	margin-bottom:3px;
}

.seasonKitchenCute a, .recipePromoCute a {
	color: #ff0066;
	font-size: 18px;
	margin-bottom:3px;
}

div.main_season_kitchen p {
	margin-bottom:10px;
}


/* Site map */
#SiteMap {

}

#SiteMap .sitemap-header {
	
}

#SiteMap div, #SiteMap div a {
	font-weight:normal;
	font-size:12px;
	color:#333333;
}

#SiteMap div {
	margin: 0.3em 0 0 0;
}

#SiteMap .sitemap-level0 {
	margin-top: 1em;
}

#SiteMap .sitemap-level1 {
	margin-left:1em;
}

#SiteMap .sitemap-level2 {
	margin-left:2em;
}

#SiteMap .sitemap-level3 {
	margin-left:3em;
}

#SiteMap .sitemap-level4 {
	margin-left:4em;
}

#SiteMap .sitemap-level5 {
	margin-left:5em;
}

#SiteMap .sitemap-level6 {
	margin-left:6em;
}

/* breadcrumbs */
div#crumbs  {
	background-color: #f9f9f9;
	border-top: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
	padding: 10px;
	color: #666666;
	font-size:11px;
	margin: 0px 0 19px 0;
}
div#crumbs h1 {
	color:#666666;
	display:inline;
	font-size:11px;
	font-weight:normal;
	margin.0px;
	padding:0px;
}
div#crumbs a {
	
}

/** kitchen forms **/
fieldset.tt-kitchen {
	border:0;padding:0;
}
fieldset.tt-kitchen label {
	width: 120px;
	display:block;
	float: left;
	margin-right: 0.5em;
	margin-top: 2px;
}
fieldset.tt-kitchen input {
	margin-bottom:4px;
}
fieldset.tt-kitchen input.txt {
	width: 190px;
}
fieldset.tt-kitchen #sponsors option {
	 background-position: 0px 50%;
	 background-repeat: no-repeat;
	 padding:2px 2px 2px 110px;
}

/* kitchen main promo */
div#k-promo {
	clear:both;
	background-repeat:no-repeat;
	width:620px;
	padding: 0;
	margin-top:8px;
	/*min-height: 181px;*/
}
div#k-promo h1 {
	color: #fff;
	margin-bottom:10px;
}
div#k-promo div {
	padding-left:21px;width:330px;
}

div#k-promo span.recipe-count {
	font-weight: bold;
	color: #fff;
}

div#kitchen-show div.k-l-col {
	float:left;
	width:300px;
	padding-right:10px;
	border-right: 1px dashed #999999;
}
div#kitchen-show div.k-col-odd {
	float:left;
	width:300px;
	padding-right:10px;
	border-right: 1px dashed #999999;
}
div#kitchen-show div.k-r-col {
	float:right;
	padding-left:10px;
	width:299px;
}
div#kitchen-show div.k-col-even {
	float:right;
	padding-left:10px;
	width:299px;
}

div#kitchen-show div.sponsors {
	margin-top:10px;
	padding-bottom:4px;
}

div#kitchen-show div.sponsors img {
	margin-left:20px;
}


div.promo-kitchen .sponsors {
	clear:both;
	padding-top:5px;
}

div.promo-kitchen .sponsors .logos {
	float:right;
	width:140px;
	text-align:center;
}

div.partner-kitchen .sponsors {
	clear:right;
	padding-top:5px;
}

div.partner-kitchen .sponsors .logos {
	float:right;
	width:140px;
	text-align:center;
}

div.partner-kitchen h2 {
	margin-bottom: 8px;
}

div.partner-kitchen h3 {
	font-size:12px;
}

div.partner-kitchen h3 a {
	color: #333333;
}

div.partner-kitchen p a {
	font-weight:normal;
	color: #333333;
}


.partner-recipe-odd {
	clear:both;
	float:left;
	width:300px;
	padding-right:10px;
	border-right:dashed 1px #999999;
}

.partner-recipe-even {
	float:left;
	width:300px;
	padding-left:10px;
}

#colorPicker {
	border:1px solid #aeaeae;
	float:left;
	width:100px;
}

.rated-toplist {
	margin: 0;
	padding: 0;
	list-style-type:none;
	/*list-style-position: inside;
	list-style-type:decimal;*/
}

.rated-toplist a {
	color: #37424a;
	font-weight: normal;
	/*width:210px;*/
}

.rated-toplist a:hover {
	color: #990066;
}

.rated-toplist li {
	margin:0;
	padding: 5px 0 5px 0;
	color: #ff0066;
	border-bottom: 1px solid #cccccc;
	display: block;
}

.rated-toplist-listitem {
	margin:0;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #cccccc;
}

ul li div.ratingStarImage {
	float:right;
	margin-top: 0px; 
	padding:0;
}

div#chef_image_prev img {
	width:140px;
	height:105px;
	border: 1px solid #666666;
	background-color:#f0f0f0;
	margin-bottom:4px;
}

div#feel_image_prev img {
	border: 1px solid #666666;
	background-color:#f0f0f0;
	margin-bottom:4px;
}

div#invitations input.text {
	width:160px;
	margin:0px 5px 2px 0px;
}

div#invitations input.button {
	margin-top:10px;
}	

/* kitchen search page */

div#recipes table.kitchenSearchResults {
	width:100%;
	margin-top:10px;
}

div#recipes table.kitchenSearchResults td {
	padding-bottom:10px;
}

div#recipes table.kitchenSearchResults td {
	padding:5px 0px;
}

div#kitchensSearch td.spaceline {
	height:7px;
	margin:0;
	padding:3px 10px 3px 0;
}

div#kitchensSearch div.line {
	border-bottom:1px solid #999999;
}


/** nutritiontips index **/

#nutritiontip-index #n-feel-intro p {
	color:#000000;
	width:230px;
}

#nutritiontip-index div.text_tip_first {
	width:190px;
	//width:200px; /* IE HACK */
	float:left;
	padding-right:10px;
	border-right:dashed 1px #999999;
}

#nutritiontip-index div.text_tip {
	width:190px;
	//width:210px; /* IE HACK */
	float:left;
	padding-left:10px;
	padding-right:10px;
	border-right:dashed 1px #999999;
}

#nutritiontip-index div.text_tip_last {
	width:190px;
	//width:200px; /* IE HACK */
	float:left;
	padding-left:10px;
	padding-right:10px;
}

#nutritiontip-index div.image_tip_first {
	width:300px;
	//width:310px; /* IE HACK */
	float:left;
	padding-right:10px;
	border-right:dashed 1px #999999;
}

#nutritiontip-index div.image_tip {
	width:300px;
	float:left;
	margin-left:10px;
	border-right:dashed 1px #999999;
}

#nutritiontip-index div.image_tip_last {
	width:300px;
	float:left;
	margin-left:10px;
}

#nutritiontip-index div.tip_divider {
	height:10px;
	border-bottom:dashed 1px #999999;
	clear:both;
}

#nutritiontip-index h3.nutritionTipsPromo a {
	color:#000000;
	text-decoration:none;
}

.product-promo {
	display: block;
	text-decoration: none !important;
	margin: 0px;
	padding: 20px 0px;
	width: 100%;
	position: relative;
}

.product-promo-text {
	margin: 5px 10px;
}

.product-promo-separator {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.product-promo-hover {
	background-color: #f0f0f0;
}

.product-promo-image {
	float: left;
	margin-right: 10px;
	height: 100%;
}

.product-left {
	width: 300px;
	height: auto;
	//width: 310px; /* IE HACK */
	float: left;
	padding-right: 10px;
	border-right: dashed 1px #999999;
}

.product-right {
	width: 300px;
	float: left;
	margin-left: 10px;
}

.product_divider {
	height: 10px;
	border-bottom: dashed 1px #999999;
	clear: both;
}

.product-image {
	float: right;
	margin-left: 4px;
}

.pagination-separator {
	color: #999999;
	margin-left: 6px;
	margin-right: 6px;
}

.pagination-selected {
	font-weight: bold;
	text-decoration: none;
}

.carousel-item {
	display:none;
}


/* XHR loading box */
div.load-box {
	width: 77px;
	position: absolute;
	background-image: url('http://images.coronaria.fi/load_bg.jpg');
	background-color:#EFEFEF;
	padding: 4px;
	z-index: 8;
	border: 1px solid #DDDDDD;
}

/* boxAd */
#boxAd {
	clear:both;
	margin:10px auto 10px auto;
	text-align:center;
	width:auto;
}

/* Ask Friend */
#AskFriend {
}

#AskFriend .pagination {
	
}

#AskFriend .pagination a, #AskFriend .pagination span.active {
	padding:0.1em 0.5em;
}

#AskFriend .pagination .separator {
	border-left:1px solid #cccccc;
	display:inline;
	width:1px;
}

#AskFriend .AFcontentBoxQuestionList {
	border-top:1px solid #cccccc;
}

#AskFriend .AFcontentBoxQuestionList ul {
	list-style:none;
	margin:0;
	padding:0;
}

#AskFriend .AFcontentBoxQuestionList ul li {
	border-bottom:1px solid #cccccc;
	margin:0;
	padding:5px 2px;
}

#AskFriend .AFcontentBoxQuestionList ul li a {
	font-weight:normal;
	color:#333333;
}

/* Kitchen list promo */
div#KitchensList ul {
	list-style:none;
}
div#KitchensList li {
	padding:0px;
	border-bottom:1px solid #ffffff;
}	

div#KitchensList li a {
	display:block;
	padding:8px;
	color:#ffffff;
	font-weight:normal;
}

#sponsor-recipes {
	height:454px;
	overflow:hidden;
}

div.sponsor-recipe {
	padding-left:10px;
	margin:0;
	height:210px;
	overflow:hidden;
}

div.sponsor-recipe h2 {
	padding-top:6px;
	margin-bottom:4px;
}

div.sponsor-recipe h2 a {
	color:#333333;
	font-weight:normal;
}

div.sponsor-recipe div.sponsors {
	float:right;
	text-align:center;
	width:140px;
}

div.sponsor-recipe div.sponsors p {
	margin-top:6px;
	text-align:center;
}

div.blog-promo h2 {
	margin-bottom:4px;
}

div.blog-promo .img-spacer {
	float:left;
	padding: 0 10px 10px 0;
	height:110px;
}

/* header */
#layout #header {
	background-image: url('/img/bg_noise.png');
	color:#ffffff;
}

#layout #header #header-container .right-column {
	width: 450px;
}

#layout #header #header-container .date {
	line-height:40px;
}

#layout #header #header-container ul {
	background-image: none;
	background-color: #ff0066;
}

#layout #header #header-container ul li {
	background-color: #ff0066;
	border-color: transparent #ffffff transparent transparent;
	border-style: none dashed none;
}

#layout #header #header-container ul li:hover, #layout #header #header-container ul li.selected:hover {
	background-color: #990066;
}	

#layout #header #header-container ul li a {
	text-transform: none;
	display:block;
}

#layout #header #header-container ul li a:hover {
	color:#ffffff;
	background-color: #990066;
}	

#layout #header #header-container ul li.selected {
	background-color: #ffffff;
	border-color: transparent #ffffff transparent transparent;
}

#layout #header #header-container ul li.selected a {
	color:#333333;
}

#layout #header #header-container ul li.selected a:hover {
	color:#ffffff;
}
	
#layout #header #header-container a {
	color: #ff0066;
}

#layout #header #header-container a.rounded {
	color: #fff;
}

#layout #header #header-container .rmlm {
	margin: 0 0 0 10px;
}	

#layout #header #header-container a.rounded:hover {
	text-decoration: none;
}	

#layout #header #header-container #header-custom-content {
	text-align:right;
}	

#layout #header #header-container #header-custom-content form input.text {
	height: 15px;
	width: 160px;
	margin-right:10px;
}