@import url("fooddiary.css");
@import url("recipe.css");
@import url("foodmenu.css");
@import url("user.css");
@import url("cms.css");
@import url("lexicon.css");
@import url("codelist.css");
@import url("trustees.css");
@import url("default.css");
@import url("pyramide.css");
@import url("pyramide2.css");
@import url("ffq.css");
@import url("home.css");
@import url("recall.css");


html, body {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;	height: 100%;
	color: #333;
}

body {
	background: #fff url(../images/page/bg.gif) center top repeat-x;
	text-align: center;
}

body.light {
	background: #fff;
	text-align:left;
}

h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, legend { margin:0; padding:0; }

.clear {
	position: relative;
	clear: both;
}

textarea {
	padding:0;
}

.clear_l { position: relative; clear: left;}
.clear_r { position: relative; clear: right;}

hr {
	height: 2px;
	border: none;
	color: #dfdfdf;
	background-color: #dfdfdf;
}

.display-none {
	display: none;
}

div .loose-display-none {
	display: none;
}

a img {border:none;}

.center {
	text-align: center;
}

.mask {
	position:absolute;
	background: white;
}

ul.errors {
	margin:0;
	padding:0;
	list-style: none;
	color: #f00;
}

/* LAYOUT */
.wrapper {
	width: 968px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -145px;
	text-align: left;
}

.header {
	position: relative;
	height: 165px;
	overflow: hidden;
}
	

#logo {
	position: absolute;
	top: 20px;
	display: block;
	width: 435px;
	height: 54px;
	text-indent: -9999px;
	outline: none;
	background: transparent url(../images/logo.png) left top no-repeat;
}



/* MAIN MENU */
#navigation {
	position: absolute;
	height: 64px;
	width: 100%;
	bottom: -2px;
}

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

	#navigation li {
		float: left;
	}
	
	#navigation a { outline:none;}
	
	#navigation .sub, #navigation .main {
		padding: 0 21px; 
	}
	
	#navigation .main {
		display: block;
		height: 35px;
		margin-bottom: -2px;
	}
	#navigation .sub {
		display: block;
		height: 29px;
		background: transparent url(../images/submenu_bg.gif) 0 0 no-repeat;
		padding-top: 2px;
	}
	
	#navigation .main a {
		display: block;
		text-decoration: none;
		text-transform: uppercase;
		color: #344867;
		font-size: 12px;
		font-weight: bold;
	}
	
	#navigation .main a span {
		display: block;
		padding: 0 12px;
		line-height: 35px;
	}
	
		#navigation .main .active a {
			background: transparent url(../images/menu/main_right.gif) right top no-repeat;
		}
		
		#navigation .main .active a span {
			background: transparent url(../images/menu/main_left.gif) left top no-repeat;
		}
	
	#navigation .sub a {
		display: block;
		font-size: 12px;
		line-height: 29px;
		color: #344867;
		text-decoration: underline;
	}
	
	#navigation .sub a:hover {
		text-decoration: none;
		color: #fff;
	}
	
	#navigation .sub a span {
		display: block;
		padding: 0 12px;
		line-height: 29px;
	}
	
		#navigation .sub .active a {
			text-decoration: none;
			color: #fff;
			background: transparent url(../images/menu/sub_right.gif) right center no-repeat;
		}
		
		#navigation .sub .active a span {
			background: transparent url(../images/menu/sub_left.gif) left center no-repeat;
		}
	

/* CONTENT */
.content {
	background: transparent url(../images/page/content_bg_white.gif) center top no-repeat;
	min-height: 343px;
	padding: 10px 17px 0 17px;
}

.content.gray {
	background: transparent url(../images/page/fp_bg_white.png) center top no-repeat;
}

body.light .content {
	background: transparent;
}

.content h1 {
	font-size: 13px;
	font-weight: bold;
	color: #06124a;
}

.content a {
	text-decoration: none;
	color: #004abf;
	border-bottom: 1px solid #ccc;
}

/* DATE SELECTOR */
.date-selector {
	/* position: relative; */
	padding-bottom: 20px;
	text-align: center;
	/*background: transparent url(../images/page/top_bg.gif) center 16px no-repeat; */
}

	.date-selector a {text-decoration: none;}

	.date-selector h4 {
		color: #8c8c8c;
		font-size: 11px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	.date-selector td.date a {
		font-size: 22px;
		font-weight: bold;
		color:#4679ba; 
		border-bottom: 1px solid #bfbfbf;
	}
	
	.date-selector td.date a:hover {
		color: #344867;
		border: none;
	}
	
	.date-selector td.prev a, .date-selector td.next a {
		display: block;
		width: 19px;
		height: 18px;
		text-indent: -9999px;
		outline: none;
		background: transparent url(../images/date_prev.gif) center top no-repeat;
		margin-right: 8px;
		border: none;
	}
	
	.date-selector td.next a{
		margin-right: 0;
		margin-left: 8px;
		background: transparent url(../images/date_next.gif) center top no-repeat;
	}
	
	.date-selector td.prev a:hover, .date-selector td.next a:hover {
		background-position: center bottom;
	}
	
	.date-selector td.date {
		position: relative;
		text-align: center;
	}
		
	.date-selector #datepicker {
		display: none;
		position: absolute;
		z-index: 100;
		top: 55px;
		left: 50%;
		margin-left: -115px;
	}
	
	.date-selector #datepicker a {
		font-size: 11px;
		color: #000;
		border: none;
	}

	.date-selector table {
		margin-bottom: 5px;
	}

/* INGREDIENTS & GRAPH */

.calculations {
	float: right;
	width: 210px;
	margin-bottom: 10px;
}

	.calculations dl {
		margin:0;
		padding:0;
	}

	.calculations h4, .calculations dt {
		position: relative;
		margin:0 0 3px 0;
		padding: 4px;
		font-size: 17px;
		color: #fff;
		background-color: #253060;
	}
	
	.calculations.empty h4, .calculations.empty dt {
		background-color: #ccc;
	}
	
	.calculations h4 .ico_help {
		top: 7px;
	}
	
	.calculations dt {
		margin:0;
		font-size: 12px;
	}
	
	.calculations dd {
		margin:0;
		padding:4px;
		font-size: 23px;
		font-weight: bold;
		color: #253060;
	}
	
	.calculations.empyt dd {
		color: #ccc;
	}
	
	.calculations dd.explanation {
		font-size: 11px;
		font-weight: normal;
		color: #333;
	}
	
	.calculations .table {
		margin-bottom: 20px;
	}

	.calculations p.sum {
		margin:0;
		padding:4px 0;
		font-size: 16px;
		font-weight: bold;
		color: #344867;
		border-bottom: 5px solid #344867;
	}

	.calculations .sum-legend {
		font-size:9px;
		position:relative;
		height:10px;
		color:#000;
		padding:4px 0 0 0;
		/*width:210px;*/
	}

	.calculations .sum-legend .energy {
		left:0;
		bottom:0;
		position:absolute;
	}

	.calculations .sum-legend .recommended {
		right:0;
		bottom:0;
		position:absolute;
	}
	
	.calculations.empty p.sum { border-bottom: 5px solid #ccc; color: #ccc; }

	.calculations.empty .sum-legend {
		color: #ccc;
		width:100%;
	}

	.caclulations .table table {
		width: 100%;
	}
	
	.calculations .table table td,
	.calculations .table table th {
		border-bottom: 1px solid #ccc;
		color: #344867;
		font-size: 12px;
		padding: 3px 0; 
	}
	
	.calculations.empty .table table td,
	.calculations.empty .table table th {
		color: #ccc;
	}
	
	.calculations .table table th {
		font-size: 10px;
	}
	
	.calculations .table table .value,
	.calculations .table table .recomendation {
		font-size: 11px;
		/* width: 40px; */
		padding-left: 5px;
	}



	.calculations .table table tr.enough .recomendation {
		text-indent: -9999px;
		background: transparent url(../images/icons/check.gif) center center no-repeat;
	}
	
	.calculations .table table td.level0 {
		font-weight: bold;
		font-size: 11px;
	}
	
	.calculations .table table td.level1 {
		font-size: 11px;
	}

	.calculations .graph {
		position: relative;
		text-align: center;
	}
	
	.calculations.empty .graph {
		color: #ccc;
	}
	
	.calculations .graph ul {
		text-align: left;
	}
	
	.calculations .graph iframe {
		width: 140px;
		margin: 0 auto;
	}

	.calculations .collapsible .group td.name .ellipsis {
		width:95px;
	}

	.calculations .collapsible .group .expander {
		float:left;
		width:9px;
		height:9px;
		margin:2px 3px 0 0;
		background: url(../images/plus-minus.gif) left top no-repeat;
		cursor: pointer;
	}

	.calculations .table table.collapsible td.name.level1 div, .calculations .table.collapsible table td.name.level1 a {
		padding-left:14px;
	}

	.calculations .collapsible.g0 .group-row-0,
	.calculations .collapsible.g1 .group-row-1,
	.calculations .collapsible.g2 .group-row-2,
	.calculations .collapsible.g3 .group-row-3,
	.calculations .collapsible.g4 .group-row-4,
	.calculations .collapsible.g5 .group-row-5,
	.calculations .collapsible.g6 .group-row-6,
	.calculations .collapsible.g7 .group-row-7,
	.calculations .collapsible.g8 .group-row-8,
	.calculations .collapsible.g9 .group-row-9,
	.calculations .collapsible.g10 .group-row-10
	{
		display:none;
	}

	.calculations .collapsible.g0 .group-0 .expander,
	.calculations .collapsible.g1 .group-1 .expander,
	.calculations .collapsible.g2 .group-2 .expander,
	.calculations .collapsible.g3 .group-3 .expander,
	.calculations .collapsible.g4 .group-4 .expander,
	.calculations .collapsible.g5 .group-5 .expander,
	.calculations .collapsible.g6 .group-6 .expander,
	.calculations .collapsible.g7 .group-7 .expander,
	.calculations .collapsible.g8 .group-8 .expander,
	.calculations .collapsible.g9 .group-9 .expander,
	.calculations .collapsible.g10 .group-10 .expander
	{
		background: url(../images/plus-minus.gif) right top no-repeat;
	}

	.ui-dialog-content {outline: none; overflow: hidden !important;}
	.ui-dialog .graph_container {
		width: 140px;
		margin: 0 auto;
	}

	
	.ui-dialog .ui-dialog-buttonpane {
		/* padding-left: 310px !important; */
		text-align:center  !important;
	}
	.ui-dialog .ui-dialog-buttonpane button {
		float: none !important;
		
	}
	
	/*.calculations .piramida {
		margin-bottom: 10px;
	}*/

/* FOOTER */
.footer-push {
	height: 145px;
}
.footer-wrapper {
	background: #fff url(../images/page/footer_bg.gif) center top repeat-x;
	height: 155px;
}

	.footer {
		width: 960px;
		margin: 0 auto;
		text-align: left;
		color: #666;
	}
	
	.footer h6 {
		margin:0;
		padding:0;
		font-size: 14px;
		line-height: 43px;
	}
	
	#footer-menu {
		float: right;
		margin:0;
		padding:0;
		list-style: none;
		line-height: 43px;
	}
		
		#footer-menu li {
			float: left;
			font-size: 11px;
		}
		
		#footer-menu a {
			color: #666;
			padding: 0 12px;
			border-right: 1px solid #666;
		}
		
		#footer-menu li.last a {
			border: none;
			padding-right: 0;
		}
		
		/* SPONSORS */
		
		#sponsors {
			border-top: 1px solid #d9d9d9;
			padding:6px 0 0 0;
			text-align: right;
		}

		#more-about-sponsors {
			color:#666666;
			border-bottom: 1px solid #666;
			text-decoration: none;
		}

		#sponsors dl {
			margin:0;
			padding:0;
			float: left;
		}
		
		#sponsors dt, #sponsors dd {
			margin:0;
			padding:0;
		}
		
		#sponsors dt {
			padding-bottom: 8px;
		}
		
		#sponsors dl.first {
			padding-right: 21px;
			border-right: 1px solid #d9d9d9;
		}
		
		#sponsors dl.last {
			padding-left: 21px;
		}
		
		#sponsors img { float:left; }
		

/* TABS */

.tabs {
	position: relative;
	padding-top: 28px;
}

.tabs ul.nav {
	position: absolute;
	left: 0px;
	top: 0px;
	margin:0;
	padding:0;
	list-style: none;
	height: 32px;
	z-index: 10;
}
	
	.tabs ul.nav li {
		float: left;
	}
	
	.tabs ul.nav li a {
		display: block;
		float: left;
		height: 32px;
		color: #004abf;
		text-decoration: none;
		padding: 0 12px;
		border: none;
	}
	
	.tabs ul.nav li a span {
		line-height: 32px;
		font-size: 12px;
		/*border-bottom: 1px solid #dfdfdf;*/
	}
	
	.tabs ul.nav li a.selected {
		color: #06124a;
		text-decoration: none;
		padding: 0;
		background: #fff url(../images/tab_left.gif) left top no-repeat;
	}
	
	.tabs ul.nav li a.selected span {
		display: block;
		font-weight: bold;
		padding: 0 12px;
		border: none;
		background: transparent url(../images/tab_right.gif) right top no-repeat;
	}
	
	.tabs .tab {
		position: relative;
	}
	
	.tabs .section .inner {
		padding: 25px 10px 70px 25px;
	}
	
	/* calulactions tabs */
	
	.calculations .tabs {
		padding-top: 71px;
	}
	
	.calculations .tabs ul.nav li {
		padding-left: 5px;
		background: transparent;
	}
	
	.calculations .tabs ul.nav li a {
		display: block;
		position: relative;
		text-decoration: none;
		padding: 0;
		height: 51px;
		width: 96px;
		background-position: center bottom;
		cursor: pointer;
	}
	
	.calculations .tabs ul.nav li a.hranila {
		background: url(../images/tab_hranila_white.gif) left bottom no-repeat;
	}
	
	.calculations .tabs ul.nav li a.zivila {
		background: url(../images/tab_zivila_white.gif) left bottom no-repeat;
	}
	
	.ui-dialog .calculations .tabs ul.nav li a.hranila {
		background: url(../images/tab_hranila.gif) left bottom no-repeat;
	}

	.ui-dialog .calculations .tabs ul.nav li a.zivila {
		background: url(../images/tab_zivila.gif) left bottom no-repeat;
	}

	.ui-dialog .calculations .tabs ul.nav li a.selected {
		color: #06124a;
		text-decoration: none;
		padding: 0;
		background-position: center top;
	}

	.calculations .tabs ul.nav li a.selected {
		color: #06124a;
		text-decoration: none;
		padding: 0;
		background-position: center top;
	}
	
	.calculations .tabs ul.nav {
		width: 100%;
		height: 51px;
		background: url(../images/tab_bg.gif) left bottom repeat-x;
	}
	
	.calculations .tabs ul.nav li a span {
		color: #344867;
		position: absolute;
		font-size: 11px;
		font-weight: normal;
		line-height: 11px;
		background: none;
		display: block;
		width: 96px;
		text-align: center;
		bottom: 3px;
		padding: 0;
		text-transform: uppercase;
		
	}
	
	.calculations .tabs ul.nav li a.selected {
		text-decoration: none;
		padding: 0;
		font-weight: normal;
		color: #344867;
	}

/*
*	 FOODLIST PANEL
*/

.menu-list {
	position: relative;
	float: left;
}

.foodlist-panel {
	text-align:left;
}

	.foodlist-panel .menu-list {
		height: 575px;
		overflow: auto;
		width: 715px;
	}

	.foodlist-panel .item {
		margin-bottom: 16px;
		clear: left;
	}

	.foodlist-panel .left {
		position: relative;
		float: left;
		width: 470px;
		height: 116px;
		background-color: #c4d4f2;
		border: 3px solid #c4d4f2;
	}
		.foodlist-panel .unknown-dish .left,
		.foodlist-panel .activity .left {
			position: relative;
			float: left;
			width: 686px;
			height: 116px;
			background-color: #c4d4f2;
			border: 3px solid #c4d4f2;
		}



		
		
	.foodlist-panel .item h3 {
		font-size: 14px;
		/* line-height: 20px; */
		margin:0 0 2px 0;
		padding:0;
		width: 420px;
		overflow: hidden;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.foodlist-panel .item.activity h3 {
		width: 630px;
	}

	.foodlist-panel .item h3 .NAME {
		float:left;
		/*max-width:290px;*/
		max-width:290px;
		margin-right:10px;
	}

	.foodlist-panel .item h3 .DISPLAY_WEIGHT {
		float:left;
		width:80px;
	}

	.foodlist-panel .left .toolbox {
		position: absolute;
		right: 0;
		top:-2px;
	}
	
		.foodlist-panel .left .toolbox .ico {
			display:block;
			width: 19px;
			height: 20px;
			float: left;
			outline: none;
			text-indent: -9999px;
		}
		
			.toolbox .favorite {
				background: transparent url(../images/fooddiary/btn_fav.gif) left top no-repeat;
			}
			
			.toolbox .favorite.on {
				background: transparent url(../images/fooddiary/btn_fav.gif) left bottom no-repeat;
			}
			
			.toolbox .remove {
				background: transparent url(../images/fooddiary/btn_del.gif) left top no-repeat;
			}

			.toolbox .diet {
				background: transparent url(../images/fooddiary/block.gif) left top no-repeat;
			}

			.toolbox .pdf {
				background: transparent url(../images/lexicon/pdf.png) center center no-repeat;
			}

			.diets-tooltip {
				margin:0;
				padding:0;
			}

			.diets-tooltip li {
				clear:left;
				padding:5px;
				list-style:none;
			}

			.diets-tooltip img {
				float:left;
				padding-right:10px;
			}

	
			
		.foodlist-panel .item .white {
			position:  relative;
			border: 1px solid #bfbfbf;
			background: #fff url(../images/gradient_bg.jpg) left -20px repeat-x;
		}	
		
		.foodlist-panel .basic-components {
			position: relative;
			font-size: 11px;
			text-align: left;
			padding-right: 16px;
		}
		
		.foodlist-panel .basic-components .ico_help {
			right: 0px;
		}
	
	.foodlist-panel .item .picture {
		float: left; 
		width: 103px;
		height: 91px;
		border-right: 1px solid #d9d9d9;
	}
	
	.foodlist-panel .activity .picture {
		background: transparent url(../images/icons/activity.gif) center center no-repeat;
	}
	
	
	.foodlist-panel .item .units {
		padding: 3px;
	}
	
	.foodlist-panel .item table {
		width: 360px;
		height: 94px;
		margin-right: -10px;
	}
	
	.foodlist-panel .activity table {
		width: auto;
	}
	
	.foodlist-panel .activity table td {
		padding: 10px;
		vertical-align:top;
	}
	
	.foodlist-panel .activity table td .description {
		white-space: nowrap;
		width: 560px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.foodlist-panel .activity table input {
		width: 50px;
	}

	.foodlist-panel .item .units td.input {padding-right: 10px; width: 100px;}
	
	.foodlist-panel .item .units, .foodlist-panel .item .units input {
		font-size: 11px;
	}
	
	.foodlist-panel .item .units input, 
	.foodlist-panel .item .units select {
		width: 100px;
	}
	
	.foodlist-panel .item .units .edible input,
	.foodlist-panel .item .units .whole-wheat input,
	.foodlist-panel .item .units .soak input{
		width: auto;
	}
	.foodlist-panel .item .units textarea {
		height: 30px; 
		width: 100%;
		overflow: auto;
	}
	
	.foodlist-panel .item.unknown-dish .left {
		position: relative;
		height: 145px;
	}
	
	.foodlist-panel .item.unknown-dish .left .ico_help {
		right: 20px;
		top: 5px;
	}
	
	.foodlist-panel .item.unknown-dish table { width: 679px;}
	
	.foodlist-panel .item .ingredients textarea,
	.foodlist-panel .item .directions textarea {
		width:100%;
		height: 50px;
		overflow: auto;
	} 	
	
	.foodlist-panel .right {
		position: relative;
		float: left;
		width: 204px;
		height: 116px;
		background-color: #c4d4f2;
		border: 3px solid #c4d4f2;
		margin-left:6px;
	}
	
	.foodlist-panel .right .display-components {
		margin:0;
		padding: 4px;
		list-style: none;
		overflow: hidden;
		height: 108px;
		background: #fff url(../images/gradient_bg.jpg) left top repeat-x;
	}
	
	.foodlist-panel .right .ico_help {
		right: 4px;
		top: 4px;
	}
	
	.foodlist-panel .right .display-components li {
		display: block;
		float: left;
		width: 85px;
		border-bottom: 1px solid #ccc;
		font-size: 10px;
		padding: 4px;
		margin-right: 4px;
	}
	
	.foodlist-panel .right .display-components li span.name {
		font-weight: bold;
	}
	
	
	.foodlist-panel .comments {
		width: 689px;
		height: 125px;
	}
	
	.foodlist-panel .empty-info {
		width: 589px;
		padding: 10px 50px;
		border: 1px solid #ccc;
		text-align: center;
		font-size: 15px;
		margin-bottom: 20px;
		color: #4c4c4c;
	}
	
	.foodlist-panel .empty-info span {
		color:#004abf;
	}

/*
*	search box dropdown
*/

.food-search-list,
.meal-search-list 
{
	border: 4px solid #bfbfbf;
	background: #fff;
	position:absolute;
	width: 452px;
	/* height: 244px;*/
	height: 452px;
	padding: 3px 8px;
	display:none;
	overflow:auto;
	
	/* IE6 AND IE7 */
	overflow-x: hidden;
}

.food-search-list ul {
	position:relative;
}

.food-search-list ul, .food-search-list li,
.meal-search-list ul, .meal-search-list li	
{
	margin: 0;
	padding: 0;
	list-style:none;
}

.food-search-list li, .meal-search-list li 
{
	text-align: left;
	padding: 6px 5px;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
}

.food-search-list li .ingredients {
	width:350px;
}

.food-search-list li {
	min-height: 50px;
	clear:left;
}

.food-search-list li h4,
.meal-search-list li strong
{
	font-size: 14px;
}

.food-search-list li img, 
.meal-search-list li img {
	float: left;
	margin-right: 5px;
}

.food-search-list  li.odd {}

.food-search-list .components {
	font-size: 11px;
}

.food-search-list .item.selected,
.meal-search-list .item.selected
{
	background-color: #f2f2f2;
}

.search-instructions {
	text-align:left;
}

.search-instructions h3 {
	font-size:20px;
}

.search-instructions ul {
	margin:10px;
}

.search-instructions ul li {
	border: none;
	height: auto;
	list-style: disc;
	padding-left:0px;
	margin-left:5px;
}

.search-instructions a {
	color: #4679BA;
}


/*
*	meal search box dropdown
*/
.meal-search-list {
	width: 252px;
	height: 244px;
}

.dummy-date, #dummy-date {
	display: block;
	position:absolute;
	left:-10000px;
}

a.ico_help {
	position: absolute;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	outline: none;
	background: transparent url(../images/help.gif) center center no-repeat;
	margin-left: 10px;
	border: none;
	cursor: help;
}

#ajax {
	z-index:99999;
	position:absolute; 
	left:50%; 
	bottom:50px;
	width: 300px;
	margin-left: -150px;
	text-align: center;
	background:#ffffcf; 
	border:5px solid #c2c2c2; 
	padding:10px; 
	font-size:15px;
}

#tooltip {
	text-align: left;
	padding: 2px;
	border: 1px solid #c2c2c2;
	background-color: #ffffcf;
	font-size: 11px;
	width: 200px;
	z-index: 10000;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
}

/* <TALE ODSEK DODAL ALES> */
.calculations .table table {
	width:100%;
	table-layout:fixed;
}

.calculations .table a {
	border:none;
}

.calculations .table table td.name div, .calculations .table table td.name a {
	width:110px;
	display:block;
}

.calculations .table table td.name.level1 div, .calculations .table table td.name.level1 a {
	padding-left:10px;
}

.calculations div.table table th.value {
	width:50px;
}

.calculations div.table table th.recomendation {
	width:40px;
	overflow:hidden;
}
/* </TALE ODSEK DODAL ALES> */
.calculations div.table table td div.tip {
	display:none;
}

.recomendation-info dt {
	font-weight:bold;
	padding-top:3px;
}

.recomendation-info dd {
	padding-bottom:3px;
}


.foodlist-panel .item.out-of-range .units input {
	border:1px solid red;
}

.loadmask {
    z-index: 100;
    position: fixed;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #fff;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #6593cf;
    background: #c3daf9;
    padding:2px;
}
.loadmask-msg div {
    padding:5px 10px 5px 25px;
    line-height: 16px;
	border:1px solid #a3bad9;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}

#navigation .main #menu-module_default_profile {
	display:none; 
}

#tooltip.pyramide-tooltip {
	background-color:#F2F2F2;
	border:1px solid #BFBFBF;
	font-size:11px;
	width:auto;
	height:auto;
	padding:15px;
	text-align:left;
	z-index:10000;
}

#tooltip.pyramide-tooltip .pyramide {
	float:left;
}

#tooltip.pyramide-tooltip .ingredients {
	float:left;
}

.foodlist-panel .unknown-dish.item h3 {
	width: 600px;
}

.foodlist-panel .unknown-dish h3 .name {
	width: 325px;
}

.foodlist-panel .unknown-dish h3 .weight {
	width:150px;
}

input.default, textarea.default {
	color:#666;
}

/*
.ui-datepicker-current-day a {
	color:red !important;
}*/


/*
*	Flash messanger
*/
#flash-messages-container {
	position:fixed;
	top:0;
	left:50%;
	width:200px;
	margin-left: -100px;
	z-index:9999;
}

#flash-messages-container .message {
	margin:0 auto 3px auto;
	width:100%;
	padding:3px;
	font-weight:bold;
	text-align: center;
}

#flash-messages-container .message.info {
	border: 1px solid #A5D14C;
	background: #D8F796;
	/*border: 1px solid #FF0000;
	background: #FFC6C6;*/
	color: #627A2E;
}

#flash-messages-container .message.error {
	border: 1px solid #FF0000;
	background: #FFC6C6;
	color: #7F0000;
}

.ui-autocomplete {
	text-align:left;
}

/*
*	Ui hackz
*/
#ui-datepicker-div {
	z-index:545 !important;
}

html .ui-widget, body .ui-widget {
	font-family: Arial, Tahoma, Verdana, sans-serif;
}

.search_form ul, .search_form li {
	list-style:none;
	margin:0;
	padding:0;
}

.search_form li {
	float:left;
	margin-right: 10px;
	white-space: nowrap;
}


.search_form li {
	white-space: nowrap;
}

.search_form select,  .search_form input {
	max-width: 100px;
}

#language {
	margin:0;
	padding:0;
	position: absolute;
	right:250px;
	top:10px;
}

#language li {
	float:left;
	list-style: none;
	padding: 3px;
	margin: 0 5px;
	
	border:1px solid #C9E894;
	background: #A5D04B;
}

#language li.selected {
	background: #CEEBA1;
}

#language li a {
	color:#344867;
	font-weight: bold;
	text-decoration: none;
}

.ui-state-default, .ui-widget-content .non-empty .ui-state-default {
	background:#ABD559;
	font-weight:bold;
}

.ui-datepicker-calendar a.ui-state-active {
	background: url("custom-theme/images/ui-bg_glass_75_d0e5f5_1x400.png") repeat-x scroll 50% 50% #D0E5F5;
}

#transfer-dlg .options {
	text-align: left;
	margin:10px 0 0 0;
}


input.required.empty {
	border:1px solid red;
}

.tab.zivila, .tab.dlg_zivila {
	padding-top:5px;
}


#content {
	position: relative;
}

.from_btscale {
	display:inline-block;
	background: url("../images/scale.png") no-repeat left top;
	width:16px;
	height:16px;
	line-height: 20px;
	vertical-align: middle;
	margin:0 5px;
}

#bt-discover {
	text-align: left;
}

#bt-discover label {
	display:block;
	width:250px;
}

#bt-discover select {
	display:block;
	width:250px;
}

#bt-discover a {
	color: #1961BA;
}

body button.ui-button.save {
	background-image: -ms-linear-gradient(top, #C9E893 0%, #A7D24F 100%);
	background-image: -moz-linear-gradient(top, #C9E893 0%, #A7D24F 100%);
	background-image: -o-linear-gradient(top, #C9E893 0%, #A7D24F 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C9E893), color-stop(1, #A7D24F));
	background-image: -webkit-linear-gradient(top, #C9E893 0%, #A7D24F 100%);
	background-image: linear-gradient(to bottom, #C9E893 0%, #A7D24F 100%);
	border: 1px solid #95c03b;
	
	color:#000;
}

body button.ui-button.save:hover {
	background-image: -ms-linear-gradient(top, #A7D24F 0%, #C9E893 100%);
	background-image: -moz-linear-gradient(top, #A7D24F 0%, #C9E893 100%);
	background-image: -o-linear-gradient(top, #A7D24F 0%, #C9E893 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #A7D24F), color-stop(1, #C9E893));
	background-image: -webkit-linear-gradient(top, #A7D24F 0%, #C9E893 100%);
	background-image: linear-gradient(to bottom, #A7D24F 0%, #C9E893 100%);
}

body button.ui-button.save span {
	display:inline-block;
	padding-left:24px;
	margin-left:14px;
	background: url(../images/icons/disk.png) left center no-repeat;
}