/* style/fooddiary.css */
.mod_fooddiary {
}

.mod_fooddiary #addItem,
.mod_fooddiary #diabetesMeasurements,
.mod_fooddiary #nlDiabetesMeasurements {
	display: inline-block;
	height: 27px;
	background: transparent  left top no-repeat;
	text-decoration: none;
	width: 170px;
	line-height: 27px;
	color: #06124a;
	margin: 0 5px 0 5px;
	padding: 0 5px 0 10px;
	position: relative;
	border-bottom: 0;
}

.mod_fooddiary #addItem:after,
.mod_fooddiary #diabetesMeasurements:after,
.mod_fooddiary #nlDiabetesMeasurements:after {
	content:"";
	position:absolute;
	right:-5px;
	top:0;
	height:100%;
	width:5px;
	background: transparent  right top no-repeat;
}

/*
* edit diary popover
*/

.foodlist-panel {
	background-color: #f2f2f2;
}

.foodlist-panel .edit-title {
	width: 932px;
	text-align: center;
	height: 50px;
	/*background: transparent url("../images/top_bg.gif") center top no-repeat; */
	line-height: 50px;
	font-size: 20px;
	font-weight: bold;
	color: #344867;
}

.foodlist-panel .edit-title input, .foodlist-panel .edit-title select {
	font-size: 12px;
	vertical-align: middle;
}

.foodlist-panel #time_manual {
	font-size: 12px;
	width:60px;
	display:none;
}

	.foodlist-panel .edit-title span.blue {
		color: #344867;
	}

	.foodlist-panel .edit-title span {
		color: #afafaf;
	}


/*
* search box
*/

.search {
	margin: 15px 0;
	position:relative;
}

.search .ico_help {
	right: auto;
	left: 475px;
}

.search .ico_help.unknown_food {
	left: auto;
}

.searchbox {
	border: none;
	width: 446px;
	/*height: 31px;*/
	padding: 0 15px;
	background: transparent url("../images/search_bg.gif") left top no-repeat;
	margin-right: 30px;

	/* TOLE NE DELA V FF2, WORKAROUND SPODAJ */
	/* line-height: 31px; */

	font-size:12px;
	padding: 8px 15px;
	height:  15px;
}


.foodlist-panel a.add_unknown_food, .foodlist-panel a.add_recipe {
	text-decoration: none;
	color: #004abf;
	border-bottom: 1px solid #e0e0e0;
}

/*
* time search
*/
.time-search-list {
	border: 1px solid #666;
	background: #ccc;
	position:absolute;
	width: 300px;
	height: 120px;
	display:none;
	overflow:auto;
}

.time-search-list .item.selected {
	color: red;
}


/*
*	components right block
*/

.mod_fooddiary .component-container {
	float:right;
	border:1px solid #666;
	background: #ccc;
	padding: 3px;
	margin-left:10px;
	width: 200px;
	height: 300px;

}

.mod_fooddiary .component-container .components {
	overflow: auto;
	height: 230px;
	background: #eee;
	padding: 2px;
}

.mod_fooddiary .component-container .components .inner {
	padding-left:16px;
}


/*
*	items
*/
.mod_fooddiary .food-items {
	margin-right: 370px;
}

.mod_fooddiary .food-items .weight {
	display: block;
	margin-bottom: 10px;
}

.mod_fooddiary .food-items .weight input {
	margin: 0 2px;
}

.mod_fooddiary .food-items .item .remove {
	float:right;
}

.mod_fooddiary .food-items .item .components {
	background: #eee;
	padding: 2px;
	border: 1px solid #666;
	max-height: 60px;
	overflow: auto;
}

.mod_fooddiary .food-items .item .favorite {
	color: gray;
}

.mod_fooddiary .food-items .item .favorite.on {
	color: green;
}

.mod_fooddiary .food-items .item .favorite.loading {
	text-decoration: line-through;
}


/*
*	summary
*/

.mod_fooddiary .food-summary-container {
	float: right;
	width: 210px;
}

.mod_fooddiary .food-summary-container .legend,
.mod_fooddiary .food-summary-container .legend li {
	margin:0;
	padding:0;
	list-style:none;
}

.mod_fooddiary .food-summary-container .legend li img {
	width:15px;
	height:15px;
}

.mod_fooddiary .food-summary-container .legend li.carbon img {
	background: #acc2ed;
}

.mod_fooddiary .food-summary-container .legend li.fats img {
	background: #abd559;
}

.mod_fooddiary .food-summary-container .legend li.prot img {
	background: #ffdb61;
}


/*
*	components right block
*/
.mod_fooddiary .component-container {
	float:right;
	border:1px solid #666;
	background: #ccc;
	padding: 3px;
	margin-left:10px;
	width: 200px;
	height: 300px;

}

.mod_fooddiary .component-container .components {
	overflow: auto;
	height: 230px;
	background: #eee;
	padding: 2px;
}

.mod_fooddiary .component-container .components .inner {
	padding-left:16px;
}


/* ENTRY LIST */

.mod_fooddiary .menu-list, .foodlist-panel .menu-list {
	width: 705px;
}


.mod_fooddiary .menu-list fieldset {
	border: none;
}

.mod_fooddiary .entry {
	position: relative;
	border: 2px solid #253060;
	margin-bottom: 15px;
	background: #fff url("../images/foodmenu/entry_bg.gif") 0 24px repeat-x;
	height: 110px;
	cursor: pointer;
}

.mod_fooddiary .entry.measurement {
	border-color: #625c58;
}

.mod_fooddiary .entry.measurement h3 {
	background: #625c58;
}

.mod_fooddiary .entry.measurement li {
	background: #d4c8bf;
}

.mod_fooddiary .entry.measurement .tools a {
	color: #625c58;
}

.mod_fooddiary .entry h3 {
	color: #fff;
	background-color: #253060;
	padding: 3px;
	font-size: 14px;
}

.mod_fooddiary .entry h3 a {border: none;}

.mod_fooddiary .entry .values {
	position: absolute;
	right: 5px;
	top: 2px;
	color: #fff;
	font-size: 14px;
}

.entry .values a.delete {
	color: #92b5ff;
	text-decoration: none;
	font-size: 11px;
	padding: 0 15px 0 10px;
	background: transparent url("../images/fooddiary/btn_delete.gif") right top no-repeat;
	border: none;
}

.mod_fooddiary .entry ul {
	margin:0;
	padding:7px 0 0 5px;
	list-style: none;
	height:100%;
}

.mod_fooddiary .entry li {
	float: left;
	display: block;
	padding: 0 4px;
	width: 215px;
	height: 20px;
	margin: 0 6px 5px 0;
	border: 1px solid #ccc;
	background: #c4d4f2;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
}

.mod_fooddiary .entry li.activity {
	background: #bdffd9;
	background: #C0E283;

}

.mod_fooddiary .entry li.empty {
	background: #fff;
}

.mod_fooddiary .entry li.photo {
	padding: 0;
	width: 97px;
	height: 73px;
	margin: 0 6px 5px 0;
}

.mod_fooddiary .entry li.remarks {
	padding: 3px;
	width: 106px;
	height: 67px;
	margin: 0 6px 5px 0;
	background: #fff;
}
.mod_fooddiary .entry li.remarks .inner {
	width:100%;
	height:100%;
	overflow:hidden;
	white-space: normal;
	font-size:12px;
	line-height:1.1em;
}


.mod_fooddiary .entry .tools {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.mod_fooddiary .entry .tools a {
	font-size: 11px;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	color: #004abf;
}

/*
* DIARY REPORT
*/

#report-date {
	position: relative;
	line-height: 45px;
	height: 45px;
	padding-left: 21px;
	text-align: left;
	/* background: transparent url("../images/top_bg.gif") center top no-repeat; */
}

#showdetail {
	margin-left: 10px;
	outline: none;
}

#report-form .components {
	padding-left: 15px;
	font-size: 11px;
	margin-bottom: 15px;
}

#report-form .components td {
	padding-right: 10px;
}

#report-form .components .main {
	font-weight: bold;
}

#report-form .components .main td {
	padding-bottom: 5px;
}

#report-list {
	position: relative;
	width: 705px;
}

#report-list h3 {
	color: #06124a;
	text-transform: uppercase;
	text-align: center;
	line-height: 34px;
}

#report-list.section .inner {
	padding-bottom: 30px;
}

#report-list table {
	width: 100%;
	border: none;
	margin:0;
	padding:0;
	border-collapse: collapse;
	font-size: 11px;
	table-layout: fixed;
}

#report-list table td, #report-list table th {
	border: 1px solid #ccc;
	vertical-align: top;
	padding: 7px 3px;
}

#report-list table th {
	font-weight: bold;
	color: #06124a;
	overflow: hidden;
}


.ctrl_report #report-form div.components {
	overflow:hidden;
	height:0px;
}
.ctrl_report #report-form div.components tr.main span {
	display:none;
}

.ctrl_report #report-graph {
	width:705px;
	height:250px;
	margin-bottom: 30px;
}

#report-graph {
	margin-top:22px !important;
}

.ctrl_report #report-graph .refLine {
	position: absolute;
	height: 1px;
	overflow: hidden;
	background: url("../images/fooddiary/graph_line.gif") repeat-x scroll left top transparent;
}

.ctrl_report #report-graph .refText {
	position: absolute;
	display:block;
	right:0;
}

.ctrl_report #report-graph .ffqLine {
	position: absolute;
	border-bottom: 3px dashed #000;
	height:0;
	overflow:hidden;
	line-height: 0;
	font-size:0;
}

#report-graph .activity-info {
	position: absolute;
	height:17px;
	top:-22px;
	background-image: url("../images/icons/activity_bar.png");
	background-repeat: repeat-x;
	background-position: left 0;
	border: 1px solid #6b6b6b;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

#report-graph.is-child .activity-info {
	background-image: url("../images/icons/activity_bar_children.png");
	height:11px;
}

#report-graph .activity-info.medium {
	background-position: left -17px;
}
#report-graph.is-child .activity-info.medium {
	background-position: left -11px;
}

#report-graph .activity-info.high {
	background-position: left -34px;
}

#report-graph .activity-info-bar {
	position: absolute;
	top: -27px;
	height: 27px;
	background: #efefef url("../images/icons/activity_small.png") left center no-repeat;
	width: 100%;
	padding: 0 15px 0 15px;
	left: -15px;
}

#plot-tip {
	position:absolute;
	border:1px solid #333;
	color: #333;
	background: #ffffdd;
	padding:4px;
	text-align: left;
	font-size: 11px;
	z-index:99;
}

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

/*
* Legend
*/

.ctrl_report .report-legend {
	width: 710px;
	margin-bottom: 20px;
}

.ctrl_report .report-legend h4 {
	font-size: 12px;
	font-weight: bold;
	color: #06124a;
	padding-left: 10px;
	margin-bottom: 7px;
}

.ctrl_report .report-legend ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ctrl_report .report-legend li {
	margin-bottom: 2px;
	padding: 4px 10px;
}

.ctrl_report #report-form .components {
}

.ctrl_report #report-form .components td.top, .ctrl_report #report-form .components td.energy {

}

.ctrl_report #report-form .components td input {
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: bottom;
}

.ctrl_report #report-form .components td {
	height: 18px;
}

.ctrl_report #report-form .components td.energy label {
	border-bottom: 3px solid #C90000;
}

.ctrl_report #report-form .components .main td.cho label {
	border-bottom: 3px solid #ACC2ED;
}

.ctrl_report #report-form .components .main  td.proteins label {
	border-bottom: 3px solid #FFDB61;
}

.ctrl_report #report-form .components .main  td.vitamins label {
	border-bottom: 3px solid #FF2BB3;
}

.ctrl_report #report-form .components .main  td.minerals label {
	border-bottom: 3px solid #B57A54;
}

.ctrl_report #report-form .components .main td.aaa label {
	border-bottom: 3px solid #000000;
}

.ctrl_report #report-form .components .main  td.fats label {
	border-bottom: 3px solid #ABD559;
}

.warning {
	margin-top: 20px;
	line-height: 18px;
}

.warning h4 {
	font-size: 15px;
	color: #344867;
	border-bottom: 1px solid #d9d9d9;
}
.warning dl {
	margin-top: 5px;
	display: block;
	height:150px;
	clear: both;
}

.warning dt, .warning dd {
	display: block;
	float: left;
	font-size: 11px;
}

.warning dd {
	padding: 0 60px 0 10px !important;
}

.additional-info {
}

.additional-info.has-picture {
	position:relative;
}

.additional-info .photo {
	display:none;
}

.additional-info.has-picture .photo {
	display:block;
	position:absolute;
	width:166px;
	height:125px;
	padding:1px;
	overflow: hidden;
}

.additional-info.has-picture .photo a {
	display:none;
	border-bottom: none;
}

.additional-info.has-picture .photo.hover a {
	display:block;
}

.additional-info.has-picture textarea {
	position:absolute;
	left:175px;
	width:514px;
}

.additional-info a {
	display:none;
}

.additional-info.has-picture a {
	position:absolute;
	width:16px;
	height:16px;
	text-indent: -9000px;
	display:block;
	z-index:10;
}

.additional-info.has-picture a.prev {
	background: transparent url("../images/fooddiary/image_ctrls.gif") 0 top no-repeat;
	left:5px;
	bottom:5px;
}

.additional-info.has-picture a.next {
	background: transparent url("../images/fooddiary/image_ctrls.gif") -48px top no-repeat;
	right:5px;
	bottom:5px;
}

.additional-info.has-picture a.zoom {
	background: transparent url("../images/fooddiary/image_ctrls.gif") -16px top no-repeat;
	right:26px;
	bottom:5px;
}

.additional-info.has-picture a.delete {
	background: transparent url("../images/fooddiary/image_ctrls.gif") -32px top no-repeat;
	right:5px;
	top:5px;
}

.additional-info .upload {
	margin-left:550px;
}

.additional-info.has-picture .upload {
	padding-top: 130px;
}

.additional-info .upload .qq-upload-button {
	cursor: pointer;
	border-bottom:1px solid #E0E0E0;
	color:#004ABF;
	font-size:1em;
}

.additional-info .upload .qq-upload-list {
	margin:5px 0;
	padding:0;
}

.additional-info .upload .qq-upload-list li {
	list-style:none;
	margin:2px 0;
	font-size:9px;
	color:#666;
}

.additional-info .upload .qq-upload-list .qq-upload-file {
	font-size:10px;
	display:block;
	color:#333;
	font-weight:bold;
}

.additional-info .qq-upload-list .qq-upload-failed-text {
	display:none;
}

.additional-info .qq-upload-list .qq-upload-failed-text {
	color:red;
}

.additional-info .qq-upload-fail .qq-upload-failed-text {
	display:block;
}

.additional-info .qq-upload-list .qq-upload-size {
	margin-right:10px;
}

.additional-info .qq-upload-spinner {
	display:inline-block;
	background: url("../images/fooddiary/loading.gif");
	width:15px;
	height:15px;
	vertical-align:text-bottom;
}

/*
*	Measurements
*/

#measurements-edit-form .edit-title {
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	font-weight: bold;
	color: #344867;
}

#measurements-edit-form .edit-title input,
#measurements-edit-form .edit-title select {
	font-size: 12px;
	vertical-align: middle;
}

#measurements-edit-form .edit-title span.blue {
	color: #344867;
}

#measurements-edit-form .edit-title span {
	color: #afafaf;
}

#measurements-edit-form .pressure {
	font-size:11px;
	text-align:left;
}

#measurements-edit-form .pressure span {
	display:inline-block;
	margin-right:15px;
}

#measurements-edit-form .pressure label {
	display:inline-block;
	margin-right:10px;
}

#measurements-edit-form .pressure input {
	width:70px;
}

#measurements-edit-form table {
	width:100%;
}

#measurements-edit-form table thead td {
	padding-top:0;
}

#measurements-edit-form table td,
#measurements-edit-form table th {
	padding: 10px 0;
}

#measurements-edit-form table td {
	width:100px;
}

#measurements-edit-form table tbody td,
#measurements-edit-form table tbody th {
	border-top: 1px solid #d9d9d9;
}

#measurements-edit-form table tbody tr:last-child td,
#measurements-edit-form table tbody tr:last-child th {
	padding-bottom: 0px;
}


#measurements-edit-form table input {
	width:70px;
}

#measurements-edit-form table th,
#measurements-edit-form table td {
	font-weight: normal;
	font-size: 11px;
}

#measurements-edit-form table th {
	text-align:left;
}

#measurements-edit-form .general-wellness {
	text-align:left;
	font-size:11px;

}

#measurements-edit-form .general-wellness label,
#measurements-edit-form .general-wellness input,
#measurements-edit-form .general-wellness textarea,
#measurements-edit-form .general-wellness span {
	vertical-align:top;
}

#measurements-edit-form .general-wellness input {
	margin:0 4px 0 8px;
}

#measurements-edit-form .general-wellness input.remarks {
	width:320px;
}

#measurements-edit-form .general-wellness label {
	display:inline-block;
	width:200px;
}

#measurements-edit-form .general-wellness .wellbeing label {
	display:inline;
	width:auto;
}

#measurements-edit-form .general-wellness textarea {
	width:333px;
	resize: none;
}

#measurements-edit-form .general-wellness div {
	padding:8px 0;
}

#measurements-edit-form .custom td {
	text-align: left;
}

#measurements-edit-form .custom input {
	width:80px;
}

.measurements-buttons {
	text-align:right;
}

.measurements-buttons span,
.measurements-buttons a {
	padding:7px 7px 4px 7px;
	border-top-left-radius:3px;
	border-top-right-radius: 3px;
	display: inline-block;
	position:relative;
	left:-19px;
	border-style: solid solid none solid;
	border-width: 1px;
	cursor: pointer;
	color: inherit !important;
}

.measurements-buttons .empty {
	background:#FFB96D;
	border-color:#B16B3C;
}

.measurements-buttons .non-empty {
	background:#C6E68F;
	border-color:#A5D04B;
}

.foodlist-panel .extended-info {
	margin-bottom:10px;
}

.foodlist-panel .extended-info select {

}

.foodlist-panel .extended-info select, .foodlist-panel .extended-info input {
	display: inline-block;
	width:200px;
	margin-right:15px;
}

.foodlist-panel .extended-info input {
	display:none;
}



/* style/recipe.css */
.mod_recipe {
}

.mod_recipe .basic {
	height:100px;
}

.mod_recipe .basic .block {
	float:left;
	width:300px;
	padding: 5px;
}

.mod_recipe .basic .block label, .mod_recipe .other .block label, .mod_recipe .size .block label {
	display: block;
	font-weight: bold;
	font-size:1.2em;
}

.mod_recipe .basic .category select {
	width:100%;
}

.mod_recipe .foodlist-panel {
	clear:left;
}

.mod_recipe .other {
	clear:both;
}

.mod_recipe .other .block {
	float:left;
	width:350px;
	padding: 5px;
}

.mod_recipe .other .preparation textarea, .mod_recipe .other .cookmethod select {
	width:350px;
}

.mod_recipe .size {
	clear:both;
}

.mod_recipe .size .block {
	float:left;
	width:220px;
	padding: 5px;
}

.mod_recipe .size .block label {
	margin-top:10px;
}

.mod_recipe .save {
	clear:both;
}


.mod_recipe .recipe-listing {
	border-top: 1px solid #ccc;
}

.mod_recipe .recipe-listing .recipe {
	border-bottom: 1px solid #ccc;
	clear:both;
	height:54px;
	padding:5px 0;
}

.mod_recipe .recipe-listing .recipe a {
	border-bottom: 0;
}


.mod_recipe .recipe-listing .recipe .block {
	float:left;
}

.mod_recipe .recipe-listing .recipe .block.image {
	width: 62px;
	padding:0 5px 0 0;
}

.mod_recipe .recipe-listing .recipe .block.general {
	width: 550px;
}

.mod_recipe .recipe-listing .recipe .block.general a.title {
	display:block;
	font-weight:bold;
	font-size: 1.2em;
	color: #000;
}

.mod_recipe .recipe-listing .recipe .block.general ul.basic-components {
	list-style: none;
	margin:0;
	padding: 0;
}

.mod_recipe .recipe-listing .recipe .block.general ul.basic-components li {
	display: block;
	float:left;
	margin: 0 7px 0 0;
}

.mod_recipe .recipe-listing .recipe .block.author {
	width: 100px;
}

.mod_recipe .recipe-listing .recipe .block.active {
	width: 200px;
}

.mod_recipe .recipe-listing .recipe .block.active .active {
	color:green;
}

.mod_recipe .recipe-listing .recipe .block.active .inactive {
	color:gray;
}

.mod_recipe #add-recipe {
	display:block;
	font-weight: bold;
	margin-bottom:10px;
}

.mod_recipe #search {
	height: 40px;
	margin-bottom: 18px;
}

.mod_recipe #search #text {
	float: left;
	width: 464px;
	height: 21px;
	border: none;
	padding: 5px 10px;
	background: transparent url("../images/search_big_bg.gif") left top no-repeat;
	margin-right: 11px;
}

.mod_recipe #search #category {
	width:230px;
}

.mod_recipe #search .find {
	margin-left:10px;
	width: 82px;
	height: 31px;
	border: none;
	background: transparent url("../images/search_btn.gif") left top no-repeat;
	font-size: 12px;
}

.mod_recipe .paginationControl {
	margin: 40px 0;
	text-align: center;
	font-size: 13px;
}

.mod_recipe .paginationControl a {
	border: none;
	text-decoration: underline;
}

.mod_recipe .paginationControl .selected {
	border: 1px solid #b2b2b2;
	background-color: #fff;
	padding: 0 4px;
}

.mod_recipe .unknowns-listing {
}

.mod_recipe .unknowns-listing .item {
	border:1px solid #aaa;
	margin:5px 0;
	position:relative;
}

.mod_recipe .unknowns-listing .head {
	background: #aaa;
	color:#fff;
	padding:3px;
	position:relative;
}

.mod_recipe .unknowns-listing .head .title {
	font-weight: bold;
}

.mod_recipe .unknowns-listing .head .date {
	position:absolute;
	top:3px;
	right:3px;
}

.mod_recipe .unknowns-listing dl {
	padding:3px;
}

.mod_recipe .unknowns-listing dl dt {
	font-style: italic;
}

.mod_recipe .unknowns-listing dl dd {
	margin:2px 0 5px 0;
}

.mod_recipe .unknowns-listing .match {
	position:absolute;
	bottom:5px;
	right:5px;
}

.mod_recipe .unknowns-listing .map-search {
	width:200px;
}

.mod_recipe #yieldwat-dlg {
	display:none;
}

/*div#recipe-edit-form .menu-list {
	height: 420px;
}*/

#recipe-edit-form .block-3 div {
	float:left;
	width: 300px;
	margin:0 5px;
}

#recipe-edit-form .block-3 div select, #recipe-edit-form .block-3 div input {
	width:280px;
}

#recipe-edit-form .food-items .block-3 {
	margin-bottom:20px;
}

#recipe-edit-form .food-items .block-3 div {
	float:left;
	width: 220px;
	margin:0 5px;
}

#recipe-edit-form .food-items .block-3 div select, #recipe-edit-form .food-items .block-3 div input {
	width:220px;
}


/* style/foodmenu.css */
.mod_foodmenu {
}

/*
* day entry
*/

.mod_foodmenu .menu-list {
	width: 705px;
}


.mod_foodmenu .menu-list fieldset {
	border: none;
	margin-bottom: 20px;
}

.mod_foodmenu .entry {
	position: relative;
	border: 2px solid #344867;
	border: 2px solid #253060;
	height: 110px;

	margin-bottom: 15px;
	background: #fff url("../images/foodmenu/entry_bg.gif") 0 24px repeat-x;
	cursor: pointer;
}

.mod_foodmenu .entry h3 {
	color: #fff;
	background-color: #344867;
	background-color: #253060;
	padding: 3px;
}

.mod_foodmenu .entry h3 a {border: none;}

.mod_foodmenu .entry .values {
	position: absolute;
	right: 10px;
	top: 3px;
	color: #fff;
	font-size: 14px;
}

.mod_foodmenu .entry li.activity {
	background:none repeat scroll 0 0 #C0E283;
}

.mod_foodmenu .entry ul {
	margin:0;
	padding:7px 0 0 5px;
	list-style: none;
	height:100%;
}

.mod_foodmenu .entry li {
	float: left;
	display: block;
	padding: 0 4px;
	width: 215px;
	height: 20px;
	margin: 0 6px 5px 0;
	border: 1px solid #ccc;
	background: #c4d4f2;
	line-height: 20px;
}

.mod_foodmenu .entry li.empty {
	background: #fff;
}

.mod_foodmenu .entry .tools {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.mod_foodmenu .entry .tools a {
	font-size: 11px;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	color: #004abf;
}

.mod_foodmenu .menu-list .fix {
	text-align: center;
}

.mod_foodmenu .menu-list .fix a {
	text-align: center;
	color: #004abf;
	font-size: 12px;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}

/*
* time search
*/
.time-search-list {
	border: 1px solid #666;
	background: #ccc;
	position:absolute;
	width: 300px;
	height: 120px;
	display:none;
	overflow:auto;
}

.time-search-list .item.selected {
	color: red;
}


/*
*	components right block
*/
.mod_foodmenu .component-container {
	float:right;
	border:1px solid #666;
	background: #ccc;
	padding: 3px;
	margin-left:10px;
	width: 200px;
	height: 300px;

}

.mod_foodmenu .component-container .components {
	overflow: auto;
	height: 230px;
	background: #eee;
	padding: 2px;
}

.mod_foodmenu .component-container .components .inner {
	padding-left:16px;
}

/*
*	items
*/
.mod_foodmenu .food-items {
	margin-right: 370px;
}

.mod_foodmenu .food-items .weight {
	display: block;
	margin-bottom: 10px;
}

.mod_foodmenu .food-items .weight input {
	margin: 0 2px;
}

.mod_foodmenu .food-items .item .remove {
	float:right;
}

.mod_foodmenu .food-items .item .components {
	background: #eee;
	padding: 2px;
	border: 1px solid #666;
	max-height: 60px;
	overflow: auto;
}

.mod_foodmenu .food-items .item .favorite {
	color: gray;
}

.mod_foodmenu .food-items .item .favorite.on {
	color: green;
}

.mod_foodmenu .food-items .item .favorite.loading {
	text-decoration: line-through;
}

/*
*	summary
*/
.mod_foodmenu .food-summary-container {
	float:right;
	width: 210px;
}

.calculations .graph {

}




.food-summary-container .legend, .food-summary-container .legend li {
	margin:0;
	padding:0;
	list-style:none;
	font-size: 11px;
	line-height: 20px;
}

.food-summary-container .legend li img {
	width:15px;
	height:15px;
}

.food-summary-container .legend li.carbon img {
	background: #acc2ed;
}

.food-summary-container .legend li.fats img {
	background: #abd559;
}

.food-summary-container .legend li.prot img {
	background: #ffdb61;
}



.mod_foodmenu #report {
	position:absolute;
	margin-top:5px;
	right:15px;
	border:2px solid gray;
	padding: 3px;
}

.mod_foodmenu #report #components-element {
	height:250px;
	overflow:auto;
	border:1px solid gray;
	margin-left:0;
}

.mod_foodmenu #report #components-element fieldset {
	border:0;
}

.mod_foodmenu #report #fieldset-components dd  {
	margin:1px;
	margin-left:10px;
}

.mod_foodmenu #report #fieldset-components dt  {
	float:left;
	text-align:left;
}

.mod_foodmenu #report #fieldset-components dt label  {
	width:120px;
	display:block;
}

/*
 * week view
 */

#week-graph {
	width:705px;
	height:250px;
	margin-bottom: 30px;
}

#week-graph .refLine {
	position: absolute;
	height: 1px;
	overflow: hidden;
	background: url("../images/fooddiary/graph_line.gif") repeat-x scroll left top transparent;

}

#week-graph .refText {
	position: absolute;
	right:0;
	top:0;
}

#plot-tip {
	position:absolute;
	border:1px solid #333;
	color: #333;
	background: #ffffdd;
	padding:4px;
	text-align: left;
	font-size: 11px;
}

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

/**
 * week view
 */

#week-table {
	border: none;
	margin-bottom: 30px;
}

#week-table th {
	text-align: center;
}

#week-table td {
	height: 74px;
	width: 91px;
	text-align: center;
	font-size: 11px;
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
}

#week-table h4 {
	font-size: 11px;
	margin:0;
	padding:0;
}

#week-table div.full h4 a {
	text-decoration: none;
	border:none;
	color: #C4D4F2;
}

#week-table div.empty h4 a {
	text-decoration: none;
	border:none;
	color: #344867;
}



#week-table td div.meal {
	border: 1px solid #344867;
	color: #344867;
	height: 30px;
	margin-bottom: 1px;
	padding: 2px;
	background: transparent;

	cursor:pointer;
}

#week-table td div.full {
	color: #c4d4f2;
	background-color: #344867;
}

#week-table tr.summary td,
#week-table tr.activity-summary td {
	height: 32px;
}

#week-table tr.activity-summary td div {
	background-color: #e0e0e0;
	border: none;
	padding-left: 0;
	padding-right: 0;
}

#week-table tr.activity-summary td h4 {
	color: #4c4c4c;
	font-weight: normal;
}

#week-table tr.activity-summary td .energy {
	font-weight: bold;
	color: #06124a;
}

#week-table tr.summary td {
	font-weight: bold;
	color: #c90000;
}

#week-table tr.summary td h4 {
	color: #06124a;
}

#week-table td div.full .energy,
#week-table td div.full .guideline {
	color:#fff;
}

/**
 * month view
 */
#month-table {
	border: none;
	padding-bottom: 20px;
}

#month-table th {
	text-align: center;
}

#month-table td {
	width: 91px;
	height: 92px;
	border-top: 6px solid transparent;
	border-right: 10px solid transparent;
	color: #06124a;
}

#month-table .inner {
	border: 1px solid #4679ba;
	height: 100%;
}

#month-table .date {
	background-color: #c4d4f2;
	font-size: 11px;
	text-align: right;
	padding: 2px;
}

#month-table .data {
	height: 66px;
	padding: 4px;
	background-color: #4679ba;
	color: #fff;
	font-size: 11px;
}

#month-table .data.empty {
	background-color: transparent;
	color: #06124a;
}

#month-table .data em {
	font-style: normal;
}

#month-table ul {
	margin:0;
	padding:0;
	list-style: none;
	font-weight: bold;
}

#month-table ul li {
	padding: 1px 0;
}

/*
*	Optimization
*/

#optimize-dialog {
	display:none;
	text-align:left;
}

#optimize-dialog .tab {
	display:none;
}




/* drop target */
#week-table .meal.ui-state-highlight {

}

#week-table .meal.drophover {
	background: #C4D4F2;
}

/*
*	Vzorcni jedilniki
*/
.mod_foodmenu .paginationControl, #sample-container .paginationControl {
	font-size:13px;
	margin:20px 0;
	text-align:center;
}

.mod_foodmenu.ctrl_sample.act_index .listing table, #sample-container .listing table {
	width:100%;
	border-collapse: collapse;
}

.mod_foodmenu.ctrl_sample.act_index .listing th, #sample-container .listing th {
	border-bottom: 1px solid #D9D9D9;
	padding-bottom:5px;
	font-size:14px;
}

.mod_foodmenu.ctrl_sample.act_index .listing th a, #sample-container .listing th a {
	border:none;
	color: #06124A;
}

.mod_foodmenu.ctrl_sample.act_index .listing td, #sample-container .listing td {
	vertical-align: top;
	padding:8px 0 0 0;
}

.mod_foodmenu.ctrl_sample.act_index .listing .suitable {
	padding:0 0 10px 0;
	border-bottom:1px solid #D9D9D9;
}

.mod_foodmenu.ctrl_sample span.tag {
	background: #A3A3A3;
    border: 0 none;
    color: #000000;
    display: inline-block;
    font-size: 11px;
    height: 17px;
    line-height: 17px;
    margin-right: 3px;
    padding: 0 5px 0 5px;
	border-radius: 2px;
}

.mod_foodmenu.ctrl_sample a.tag,
#as-sample-dlg a.tag {
	display:inline-block;
	border:0;
	background: #ccc url("../images/foodmenu/close.gif") right center no-repeat;
	line-height:17px;
	height:17px;
	padding:0 20px 0 5px;
	font-size:11px;
	color:#000;
	margin-right:3px;
	border-radius: 2px;
	margin:0 3px 3px 0;
	text-decoration: none;
}





.mod_foodmenu.ctrl_sample.act_index .listing td.img, #sample-container .listing td.img {
	width:70px;
}

.mod_foodmenu.ctrl_sample.act_index .listing td.img a, #sample-container .listing td.img a {
	border:none;
}

.mod_foodmenu.ctrl_sample.act_index .listing td.img img, #sample-container .listing td.img img {
	border: 1px solid #D9D9D9;
}

.mod_foodmenu.ctrl_sample.act_index h1 {
	color:#344867;
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom: 1px solid #D9D9D9;
	margin-bottom:15px;
	margin-top:1px;
}

.mod_foodmenu.ctrl_sample.act_index .description {
	margin-bottom: 20px;
}

.mod_foodmenu.ctrl_sample.act_index .description img {
	float:left;
	margin-right:20px;
}

.mod_foodmenu.ctrl_sample.act_index .bottom-desc {
	margin:20px 0;
}

/*
* Sample menus
*/
#sample-container {
	width:705px;
}

#sample-container .menus {
	display:none;
}

#sample-container .navigation {
	text-align: center;
}

#sample-container .navigation {
	font-size:18px;
	margin:0 0 30px 0;
}

#sample-container .navigation a {
	border:none;
}

#sample-container .navigation .prev-day {
	margin-right:5px;
}

#sample-container .navigation .next-day {
	margin-left:5px;
}


#sample-container .menus .menu, #sample-container .menus .menu .meal {
	margin:0;
	padding:0;
	list-style: none;
}

#sample-container .menus .menu .meal {
	float:left;
	width:347px;

	background: transparent url("../images/foodmenu/sample-meal-bg.gif") left top no-repeat;;
	padding-bottom: 9px;
}

#sample-container .menus .menu .meal .inner {
	position: relative;
	height:105px;
}

#sample-container .menus .menu .even {
	padding-right:9px;
}

#sample-container .navigation {
	clear:left;
}

#sample-container .ui-draggable .drag {
	cursor:pointer;
}

#sample-container .ui-draggable-dragging {
	opacity: .75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	-khtml-opacity: .75;
	-moz-opacity: .75;
}

#sample-container .menus .menu .meal .items {
	position:absolute;
	overflow:hidden;
	left:7px;
	top:33px;
	bottom:7px;
	right:7px;

	color: #344867;
	font-size:11px;
}

#sample-container .menus .menu .meal .title {
	left:8px;
	top:5px;
	color:#fff;
	font-weight: bold;
	position: absolute;
}

#sample-container .menus .menu .meal .drag {
	left:148px;
	top:0;
	width:132px;
	height:25px;
	position: absolute;
	cursor: pointer;

	background: transparent url("../images/foodmenu/sample-meal-drag.gif") left top no-repeat;
}

.en_GB #sample-container .menus .menu .meal .drag {
	background: transparent url("../images/foodmenu/sample-meal-drag_en_GB.gif") left top no-repeat;
}

#sample-container .menus .menu .meal .menu-trigger {
	position: absolute;
	right:3px;
	top:4px;
	background: transparent url("../images/foodmenu/sample-meal-trigger.gif") left top no-repeat;
	width:35px;
	height:18px;
	cursor:pointer;
}

#sample-container .detail {
	background: #C4D4F2;
	padding:3px;
	color: #666666;
	font-size:11px;
	margin-bottom:30px;
}

#sample-container .detail .innner {
	background: #fff;
	border: 1px solid #BFBFBF;
	padding:15px 10px;

}

#sample-container .detail h3 {
	color: #344867;
	font-size:14px;
}


#sample-container .detail li {
	margin:0;
	padding:0;
	list-style: none;
}

#sample-container .detail ul {
	margin: 10px 0;
	padding:0;
}

#add-meal-dlg {
	display:none;
	position:absolute;
	width:253px;

	border: 1px solid #BFBFBF;
	background: #fff;
	padding:5px;
	text-align:left;

}

#add-meal-dlg .close {
	background: blue url("../images/foodmenu/sample-meal-opentrigger.gif") right top no-repeat;
	width:34px;
	height:17px;
	float:right;

	cursor: pointer;
}

#add-meal-dlg .date, #add-meal-dlg .meal {
	padding:10px 20px 10px 20px;
	margin-bottom: 5px;
	border-bottom:1px solid #BFBFBF;
}

#add-meal-dlg .buttons {
	margin-bottom:5px;
	padding: 0 20px;
}

#add-meal-dlg .buttons a {
	color: #004ABF;
	text-decoration:underline;
}

#week-table .add-whole-day a {
	background: transparent url("../images/foodmenu/sample-meal-all.gif") right center no-repeat;
	padding-right:13px;
}

.mymenu-nav {
	margin-bottom:15px;
	position: relative;
}

body .mymenu-nav a {
	border-bottom:none;

	font-size:12px;
	color:#666;
}

.mymenu-nav a.prev,
.mymenu-nav a.next,
.mymenu-nav a.add,
.mymenu-nav a.remove {
	display:inline-block;
	width:31px;
	height:26px;
	background-image: url("../images/foodmenu/nav_leftright.png");
	text-indent: -9999px;
	line-height:26px;
	border-bottom:none;
	vertical-align: middle;
}

.mymenu-nav a.prev {
	background-position: 0 top;
}

.mymenu-nav a.next {
	background-position: -31px top;
}

.mymenu-nav a.add {
	background-position: -62px top;
}

.mymenu-nav a.remove {
	background-position: -93px top;
}

.mymenu-nav .desc {
	display:inline-block;
	line-height:26px;
	vertical-align:middle;
	margin-left:15px;
	margin-right:75px;
}

.mymenu-nav .link {
	display:inline-block;
	padding:0 7px;
	background:#f4f4f4;
	border:1px solid #e2e2e2;
	line-height:24px;
	height:24px;
	color:#000;
}

.mymenu-nav .link.first {
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}

.mymenu-nav .link.last {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}

.mymenu-nav .link:hover,
.mymenu-nav .link.selected {
	background:#e8e8e8;
}


.ctrl_sample #sample-container .menus {
	display:block;
}

.ctrl_sample .tags a {
	display:inline-block;
	border:0;
	background: #a3a3a3;
	line-height:17px;
	height:17px;
	padding:0 5px 0 5px;
	font-size:11px;
	color:#000;
	margin-right:3px;
}

.ctrl_sample .tags a.selected {
	padding:0 20px 0 5px;
	background: #ccc url("../images/foodmenu/close.gif") right center no-repeat;
}

.ctrl_sample .tags a:hover {
	background: #ccc;
}


.ctrl_sample .tags a.selected:hover {
	background: #ccc url("../images/foodmenu/close.gif") right center no-repeat;
}

.ctrl_sample.act_index h2 {
	color:#334666;
	font-weight: normal;
	font-size:16px;
	border-bottom: 1px solid #d9d9d9;
	padding:0 0 10px 0;
	margin:50px 0 10px 0;

}

.ctrl_sample .listing .title span {
	color:#334666;
	font-size:17px;
}

#as-sample-dlg {
	width:300px;
	text-align: left;
	padding:0 15px 15px 15px;
}

#as-sample-dlg .field label {
	display:block;
	width:100%;
	text-align:center;
	margin-bottom:3px;
	margin-top:15px;
	font-weight: bold;
	color:#666;
}

#as-sample-dlg .field input,  #as-sample-dlg .field textarea, #as-sample-dlg .field select {
	width:100%;
}

#as-sample-dlg #sample-tags {
	margin-bottom:5px;
}

#menu-info .tags select, #menu-info .field input, #menu-info .field input, #menu-info .field textarea {
	display:block;
	width:100%;
}

#menu-info .field {
	margin-top:3px;
}

#menu-info .field label {
	display:block;
	margin-bottom:3px;
}

#menu-info div.checkbox label,
#menu-info div.checkbox input {
	display:inline;
	width:auto;
	line-height:16px;
	vertical-align: middle;
}

#menu-info #all-tags {
	margin-bottom: 5px;
}


#menu-info button,
.ctrl_sample.act_index .search button {
	display:inline-block;
	background: url("../images/btn_small.gif") no-repeat scroll 0 -23px transparent;
    border: medium none;
    height: 23px;
    margin: 10px 20px;
    padding: 0;
}

#menu-info button span,
.ctrl_sample.act_index .search button span {
	background: url("../images/btn_small.gif") no-repeat scroll right top transparent;
    color: #162155;
    display: inline-block;
    height: 23px;
    line-height: 23px;
    margin: 0 0 0 6px;
    padding: 0 16px 0 10px;
}

.ctrl_sample .basic-info {
	margin-bottom:10px;
}

.ctrl_sample .basic-info img {
	float:left;
	margin:0 5px 0 0px;
}

.ctrl_sample .basic-info h1 {
	font-size:18px;
	padding:3px 0 3px 0;
	line-height:22px;
}

.ctrl_sample .basic-info h1 a {
	display:inline-block;
	font-size:12px;
	color:#666;
	line-height:22px;
	vertical-align: middle;
	margin-left:10px;
	border: none;
	font-weight: normal;

}

.ctrl_menu .toolbox {
	position: absolute;
	right:0;
	top:4px;
}

.ctrl_sample .owned.listing h2 a {
	border: medium none;
    color: #666666;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    line-height: 22px;
    margin-left: 10px;
    vertical-align: middle;
}

#confirm-adjust {
	position: absolute;
	text-align: center;
	top:0px;
	left:0;
	margin:0 auto;

	z-index:101;
	display:none;
	border: 1px solid #253060;
	background:#C4D4F2;
	padding:10px;
}


.ctrl_sample .search .ico_help {
	bottom: 22px;
    left: 143px;
}


#menu-edit-form.diabetes .food-items table {
	table-layout: fixed;
	font-size:11px;
	border-spacing:0;
	border-collapse:collapse;
	width:100%;
}
#menu-edit-form.diabetes .food-items table th,
#menu-edit-form.diabetes .food-items table td {
	padding: 0 3px;
}


#menu-edit-form.diabetes .food-items tbody td {
	background:#fff;
	line-height: 20px;
	vertical-align: middle;
}

#menu-edit-form.diabetes .food-items table tr.recipe div {
	padding-right: 30px;
	position: relative;
}

#menu-edit-form.diabetes .food-items table tr.recipe div a {
	position: absolute;
	right:0;
	top:0;
	width:19px;
	height:20px;
	margin-left:7px;
	background: transparent url("../images/fooddiary/btn_del.gif") center center no-repeat;
	display:none;
	text-indent: -9999px;
}

#menu-edit-form.diabetes .food-items table .recipe {
	font-weight:bold;
}
#menu-edit-form.diabetes .food-items table .ingredient {
	width: 40%;
}
#menu-edit-form.diabetes .food-items table .ingredient div {
	margin-left:10px;
}
#menu-edit-form.diabetes .food-items table .chot {
	width: 10%;
}
#menu-edit-form.diabetes .food-items table .prot {
	width: 10%;
}
#menu-edit-form.diabetes .food-items table .gi {
	width: 10%;
}
#menu-edit-form.diabetes .food-items table .unit {
	width: 10%;
}
#menu-edit-form.diabetes .food-items table .hmunit {
	width: 21%;
}
#menu-edit-form.diabetes .food-items table .hmunit select {
	width:100%;
}
#menu-edit-form.diabetes .food-items table .weight {
	width: 10%;
}
#menu-edit-form.diabetes .food-items table .weight input,
#menu-edit-form.diabetes .food-items table .unit input {
	display: block;
	width:90%;
}

#menu-edit-form.diabetes .food-items .group-caption div {
	padding: 4px 0 0 22px;
	height:19px;
	line-height: 19px;
	background-image: url("../images/pyramide2.png");
	background-repeat: no-repeat;
}

#menu-edit-form.diabetes .food-items .group-caption-1 td {
	background-color: #d4c8a0;
}
#menu-edit-form.diabetes .food-items .group-caption-1 div {
	/* color:#99843e; */
	background-position: 0 -0px;
}
#menu-edit-form.diabetes .food-items .group-caption-2 td {
	background: #a4dafc;
}
#menu-edit-form.diabetes .food-items .group-caption-2 div {
	/* color:#009bff; */
	background-position: 0 -23px;
}
#menu-edit-form.diabetes .food-items .group-caption-3 td {
	background: #edb0be;
}
#menu-edit-form.diabetes .food-items .group-caption-3 div {
	/* color:#b4405b; */
	background-position: 0 -46px;
}

#menu-edit-form.diabetes .food-items .group-caption-4 td {
	background-color:#a0d38b;
}

#menu-edit-form.diabetes .food-items .group-caption-4 div {
	/* color:#5a8527; */
	background-position: left -184px;
}
#menu-edit-form.diabetes .food-items .group-caption-5 td {
	background: #b4d88a;
}
#menu-edit-form.diabetes .food-items .group-caption-5 div {
	/* color:#5a8527; */
	background-position: 0 -69px;
}
#menu-edit-form.diabetes .food-items .group-caption-6 td {
	background: #95f3eb;
}
#menu-edit-form.diabetes .food-items .group-caption-6 div {
	/* color:#25ada1; */
	background-position: 0 -92px;
}
#menu-edit-form.diabetes .food-items .group-caption-7 td {
	background: #cfae8c;
}
#menu-edit-form.diabetes .food-items .group-caption-7 div {
	/* color:#734e29; */
	background-position: 0 -115px;
}
#menu-edit-form.diabetes .food-items .group-caption-8 td {
	background:#99bbd2;
}
#menu-edit-form.diabetes .food-items .group-caption-8 div {
	/* color:#5d7280; */
	background-position: 0 -138px;
}
#menu-edit-form.diabetes .food-items .group-caption-0 td {
	background-color: #aaa;
}
#menu-edit-form.diabetes .food-items .group-caption-0 div {
	/* color:#99843e; */
	background-position: 0 -207px;
}
#menu-edit-form.diabetes .food-items .group-caption-act div {
	background: none;
}
#menu-edit-form.diabetes .food-items .group-caption-act td {
	/*color:#233f79;*/
	background-color: #73a1ff;
}

#menu-edit-form.diabetes .food-items .group-caption-act div {
	background: transparent url("../images/icons/activity_small.png") left top no-repeat;
}

/*#menu-edit-form.diabetes .food-items .group-8 td {
	background: #bac3c9;
}
#menu-edit-form.diabetes .food-items .group-8 tr.hover td {
	background: #9aa4ab;
}*/
#menu-edit-form.diabetes .food-items tr:hover .remove {
	display: block;
}


/* style/user.css */

#login, #register {
	float: left;
	width: 290px;
	margin-bottom:7px;
}

	#login form, #register form {
		margin:0;
		padding:0;
	}

	#login .inner, #register .inner {
		padding: 10px;
	}

	#login h1, #register h1, .register-link h1 {
		font-size: 13px;
		font-weight: bold;
		color: #06124a;
		margin-bottom: 10px;
	}

	#login dd, #register dd {
		margin-bottom: 4px;
	}

	#login input, #register input {
		width: 260px;
	}

	#register input#pogojiuporabe {
		display: inline;
		width: auto;
	}

	#register pre {
		font-size: 10px;
	}

	#login #save-element, #Registrirajse-element {
		text-align: right;
	}

	#login #save-element input, #Registrirajse-element input {
		width: auto;
	}

.register-link {
	float: left;
	padding: 13px;
}

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



/* USER */
#user {
	position: absolute;
	right: 0px;
	top: 8px;
	width: 225px;
	height: 94px;
	padding-left: 15px;
	background: transparent url("../images/user_bg.gif") left top repeat-y;
}

	#user .tools a {
		text-decoration: none;
		color: #344867;
		border-bottom: 1px solid #eef88c;
	}

	#user .left {
		float: left;
	}

	#user .left img {
		border: 2px solid #eef88c;
	}

	#user .right {
		float: right;
		width: 155px;
		color: #344867;
	}

	#user .right strong {
		font-weight: bold;
		font-size: 15px;
		width:145px;
		overflow:hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display:inline-block;
	}

#user-image {
	cursor: pointer;
}

#user-image-input {
	display: none;
}

#user .user img {
	cursor: pointer;
}

#change-pass {
	cursor:pointer;
	color: #004abf;
}

#password-changer { display: none;}

/* PROFILE */

.section {
	position: relative;
	margin-bottom: 20px;
	border: 3px solid #c4d4f2;
	width: 709px;
}

	.section hr {
		clear: left;
	}

	.section .ico_help {
		right: 10px;
		top: 10px;
	}

	.section .inner {
		position: relative;
		border: 1px solid #bfbfbf;
		background: #fff url("../images/gradient_bg.jpg") left -1px repeat-x;
		padding: 0 0 70px 0;

	}

	.section.user .inner {
		width: 679px;
		overflow: auto;
		min-height:470px;
	}

	.section .right { float: right;}
	.section .left { float: left;}

	.section.user .inner { padding: 23px 14px 70px 14px;}


	.left.user {
		font-size: 11px;
		padding-bottom: 50px;
	}

	.left.user div {
		margin-bottom: 5px;
	}

	.left.user div label {
		float: left;
		padding-top: 5px;
		display: block;
		width: 100px;
	}

	.left.user img {
		width: 95px;
		height: 95px;
		border: 1px solid #bfbfbf;
		margin-bottom: 10px;
	}

	.left.user input {
		width:220px;
	}

	form .profile {
		margin: 0 0 0 0;
		padding:0;
		width: 334px;
	}

	form .profile table {
		background: #ededed;
	}

	form .profile td {
		font-size: 11px;
		border-bottom: 1px solid #fff;
		padding: 4px 5px 2px;
		margin:0;
	}

	.submit {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 57px;
		border-top: 1px solid #bfbfbf;
		text-align: center;
	}

	.submit button {
		width: 81px;
		height: 27px;
		line-height: 27px;
		font-size: 14px;
		padding:0;
		margin:14px 0 0 0;
		cursor: pointer;
		border: none;
		color: #06124A;
		text-transform: lowercase;
		background: transparent url("../images/form_button.gif") center top no-repeat;
	}

.energija .energy-daily, .energija .joules {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 15px;
}

.energija .joules  {
	float: none;
}

.energija .bm-override {
	clear:left;
}

#meal_energy_table {
	width: 100%;
}

#meal_energy_table th {
	width: 120px;
	text-align: left;
}

/* VREDNOSTI */

.calculations {
	position: relative !important;
}

.calculations dt {
	position: relative;
}

.explanation {
	font-size: 13px;
	margin-bottom: 20px !important;
}

.ctrl_account div.calculations dl dd, .ctrl_trustee div.calculations dl dd
{display: block; position: relative !important;}

.calculations .ico_help {
	right: 4px;
	top: 5px;
}

.scale {
	position: absolute;
	right: 0px;
	top: 9px;
	width: 153px;
	height: 34px;
}

#scale-itm, #scale-ration {
	width: 153px;
}

.energija {
	font-size: 12px;
}

.meal-energy-value input {
	width:75px;
}

	.energija table {
		margin: 10px 0;
	}

	.energija th {
		background-color: #ededed;
		padding-right: 25px;
	}

.hranila table, .reference-zivila table, .reference-hranila table {
	border: 0;
	width: 100%;
}

	.hranila td {
		vertical-align: top;
		border: 0;
		font-size: 11px;
		padding-right: 10px;
	}

	.hranila h4, .reference-zivila th, .reference-hranila th {
		font-size: 12px;
		color: #06124a;
		margin-bottom: 8px;
	}

	.hranila td input {
		margin:0 3px 0 0;
		padding:0;
	}

	.hranila ul {
		margin:0;
		padding:0;
		list-style: none;
	}

	.hranila li {
		margin-bottom: 8px;
	}

.reference-zivila th, .reference-hranila th {
	padding: 8px 8px;
	background-color:transparent;
	text-align: left;
}

.reference-zivila td, .reference-hranila td {
	padding: 4px 8px;
	background-color:#ededed;
}

.reference-hranila td.title.input {
	padding: 0 8px;
}

.reference-hranila th {
	padding-bottom: 0px;
}

.reference-hranila td.title {
	background: transparent;
	padding: 0px;
}

.reference-hranila td.title h5 {
	padding: 4px 8px;
	font-size: 12px;
	margin-top: 10px;
	background-color: #c4d4f2;
	color: #06124a;
	font-weight: bold;
}

.reference-hranila td.title {
	background-color: #c4d4f2;
}

.reference-hranila td input {
	width:75px;
}

.daily-activites select {
	width:180px;
}

#PERSONALNAME-label {
	width:200px;
}

#components_form {
	width: 714px;
}

#risk-assesment-explanation p {
	margin:2px 0;
}

#risk-assesment-explanation p.title {
	color: #253060;
	font-size:1.2em;
	font-weight:bold;
}

#reference-zivila-button {
	font-size: 9px;
}

#reference-zivila-dlg {
	display:none;
	text-align:left;
}

#reference-zivila-dlg .field {
	width:230px;
	position:relative;
}

#reference-zivila-dlg .field label {
	position:absolute;
	left:0;
	top:3px;
}

#reference-zivila-dlg .field input {
	margin-left:160px;
	width:70px;
}

#unit-est-table {
	margin-top:10px;
}

#unit-est-table caption {
	font-weight: bold;
}

.reference-zivila table td.value {
	width:55px;
}

.reference-zivila table td input {
	width: 30px;
}

#diary_mail {
	position:absolute;
	bottom:70px;;
	left:10px;
	width: 320px;
	padding:100px 0 0 0;
	background: transparent url("../images/fooddiary/food_phone_small.jpg") top left no-repeat;
}

#diary_mail .address {
	font-size:13px;
	font-weight:bold;
}

#diary_mail .tip {
	font-size:11px;
}

#diary_mail form {
	margin-top:10px;
}



#reactivate {
	position:absolute;
	bottom:70px;;
	left:10px;
	width: 320px;
}

#reactivate form {
	display:none;
}

#reactivate form dt, #reactivate form dd {
	float:left;
}

#reactivate form dt {
	clear:left;
	width:110px;
}

#reactivate .msg {
	padding-top:15px;
	clear:left;
}

#reactivate #send-label {
	display:none;
}

#reactivate #send-element {
	clear:left;
}

.diet-chooser label {

}


#PERSONALDIETS-label {
	vertical-align: top;
}

#pregnancy_questionnaire {
	display:none;
	text-align:left;
	padding-bottom:60px;
}

/*
.profile tr.pregnancy td {
	background: #eef88c;
}*/

#pregnancy_questionnaire .label {
	display:block;
}

#pregnancy_questionnaire .field {
	margin:10px 0;
}

#pregnancy_questionnaire .field br {
	display:none;
}

#pregnancy_questionnaire .submit {
	text-align:right;

}

#pregnancy_questionnaire .submit button {
	margin-right:10px;
}

#profile-PERSONALGROUPID_M, #profile-PERSONALGROUPID_F {
	width: 168px;
}

.energy-daily label,
.bm-override label {
	display: inline-block;
	width: 260px;
}

#diabetes_wrn {
	display: none;
	text-align:left;
}


/* style/cms.css */
.mod_cms {
	padding-top: 20px;
}

.cms_menu {
	float: left;
	width: 156px;
	margin-right: 20px;
}

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

	.cms_menu li.level_0, .cms_menu li.level_1 {
		border-bottom: 1px solid #d9d9d9;
	}

	/*
	.cms_menu li.level_0 a {
		display: block;
		text-decoration: none;
		font-weight: bold;
		font-size: 17px;
		color: #344867;
		border: none;
		padding: 5px 0;
	}
	*/
	.cms_menu li.level_0 a {
		display: block;
		text-decoration: none;
		font-weight: bold;
		font-size: 13px;
		color: #004abf;

		border: none;
		padding: 4px 0;
	}

	.cms_menu li.level_0 a:hover, .cms_menu li.level_0 a.active {
		background: #fff;
	}

	.cms_menu li.level_1 a {
		display: block;
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
		color: #333;

		border: none;
		padding: 4px 0;
	}

	.cms_menu li.level_1 a:hover, .cms_menu li.level_1 a.active {
		background: #fff;
	}

.cms_content {
	float: left;
	width: 524px;
}

.wide {
	width: 700px;
}

.content .mod_cms h1 {
	font-size: 20px;
	font-weight: bold;
	color: #344867;
	margin-bottom: 18px;
	margin-top: 1px;
}

.content .mod_cms h2 {
	font-size: 14px;
	font-weight: bold;
	color: #344867;
	margin-bottom: 18px;
	margin-top: 1px;
}

.cms_content table {
	border: none;
	border-collapse: collapse;
}

.cms_content table td {
	border :1px solid #ccc;
	padding: 2px;
}

.cms_content table.noborder td {
	border:none;
	padding:0;
}


.mod_cms .abstract {
	font-size: 14px;
}

.mod_cms .listing {
	margin-top: 20px;
}

.mod_cms .listing img {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #ccc;
}

.mod_cms .listing h2 {
	clear: left;
}

.mod_cms .cms_rightblock {
	float: right;
	width: 210px;
}

	.mod_cms .cms_rightblock h4 {
		color: #fff;
		font-weight:bold;
		font-size: 17px;
		background-color: #344867;
		padding: 2px 4px;
		margin-bottom: 8px;
	}

.mod_cms .box {
	margin-bottom: 20px;
}

.gallery h5 {
	font-weight: bold;
	font-size: 13px;
	color: #06124A;
	margin-bottom: 4px;
}

	.gallery ul {
		margin:0;
		padding:0;
		list-style: none;
	}

	.gallery li { display: none;}
	.gallery li.active {display: block;}

	.gallery .thumb {
		border: none;
	}

	.gallery .thumb img {
		border: 7px solid #d9d9d9;
	}

	.gallery .nav {
		margin-top: 8px;
		height: 17px;
		position:relative;
	}

	.gallery .nav a {
		border:none;
		position:relative;
		display: block;
		float: left;
		width: 17px;
		height: 17px;
		background: transparent url("../images/icons/gallery.gif") left top no-repeat;
		text-indent: -9999px;
		outline: none;
	}

	.gallery .nav a.gal_prev {
		background-position: left top;
		margin-right: 4px;
	}

	.gallery .nav a.gal_next {
		background-position: right top;
		margin-right: 8px;
	}

	.gallery .nav .title {
		/* float: left; */
		line-height: 17px;
	}

.documents ul, .links ul {
	margin:0;
	padding:0;
	list-style: none;
	line-height: 18px;
}

	.documents li {
		margin-bottom: 10px;
		padding-left: 17px;
		background: transparent url("../images/icons/doc.gif") 0px 2px no-repeat;
	}

	.links li {
		padding-left: 17px;
		background: transparent url("../images/icons/bullet.gif") 4px 7px no-repeat;
	}

/* first page */
.fp_abstract {
	margin-bottom: 35px;
}

.content .mod_cms .fp_abstract p {
	font-size: 17px;
	line-height: 24px;
}

.content .mod_cms .fp_abstract h1 {
	font-size: 34px !important;
	text-transform: uppercase;
	margin:0 0 28px 0;
	padding:0;
	color: #344867;
}

.fp_box {
	float: left;
	width: 345px;
	margin-right: 10px;
	color: #344867;
}

	.fp_box.last {
		margin:0;
	}

	#promo  h3 a {
		display: block;
		background-color: #344867;
		color: #fff;
		border: none;
		padding: 5px 6px;
		font-size: 17px;
	}

	.fp_box h4 {
		font-size: 17px;
		font-weight: normal;
		margin: 12px 0;
	}

	.fp_box a.img {border: none;}

	.fp_box .right {
		text-align: right;
	}


	.cms_rightblock #login {
		margin-top: 7px;
	}

	.cms_rightblock #login, .cms_rightblock #login input {
		width: auto;
	}

.mod_cms.ctrl_index.act_index {
	padding-top:10px;
}

.fp-blocks {
	padding-bottom: 20px;
}

.fp-blocks .block {
	float:left;
	width:290px;
	padding: 5px;
	margin-right: 14px;

	text-align: center;
	background: url("../images/fp_block.gif") left top no-repeat;
}

.fp-blocks .block .inner {
	height:274px;
	background-position: center 25px;
	background-repeat: no-repeat;
	position: relative;
}

.fp-blocks .block form {
	position: absolute;
	left:0;
	bottom:12px;
	width:100%;
}

.fp-blocks .block.last {
	margin-right: 0;
}

.fp-blocks .lexicon .inner {
	background-image: url("../images/fp_block_lexicon.png") ;
}

.fp-blocks .lexicon input {
	margin-top:5px;
	width:260px;
}

.fp-blocks .diary .inner {
	background-image: url("../images/fp_block_diary.png") ;
}

.fp-blocks .menu .inner {
	background-image: url("../images/fp_block_menu.png") ;
}


.fp-blocks .block h2 {
	margin:0;
	padding:15px 0 0 0;
}

.fp-blocks button {
	background: transparent url("../images/btn_small.gif") 0 -23px no-repeat;
	padding:0;
	margin:10px 0;
	border:none;
	height:23px;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.fp-blocks button span {
	display: inline-block;
	height:23px;
	line-height: 23px;
	padding:0 16px 0 10px;
	margin:0 0 0 6px;
	background: transparent url("../images/btn_small.gif") right top no-repeat;
	color: #162155;
}





/* style/lexicon.css */
.mod_lexicon #search {
	/*height: 40px;*/
	margin-bottom: 18px;
}

.mod_lexicon #search #text {
	float: left;
	width: 464px;
	height: 21px;
	border: none;
	padding: 5px 10px;
	background: transparent url("../images/search_big_bg.gif") left top no-repeat;
	margin-right: 11px;
}

.mod_lexicon #search .find {
	width: 82px;
	height: 31px;
	border: none;
	background: transparent url("../images/search_btn.gif") left top no-repeat;
	font-size: 12px;
}

.mod_lexicon p {
	font-size: 14px;
	margin:0;
	line-height: 25px;
}

.search_result {
	margin:0;
	padding: 0;
	list-style: none;
	width: 484px;
}

.search_result li {
	position: relative;
	border-left: 2px solid #c4d4f2;
	border-right: 2px solid #c4d4f2;
	border-bottom: 3px solid #c4d4f2;
	background-color: #c4d4f2;
	margin-bottom: 8px;
}

.search_result li h3 a {
	display: block;
	text-decoration: none;
	color: #333;
	padding: 6px 6px 3px 6px;
	border: none;
}

.search_result li .white {
	background-color: #fff;
	border: 1px solid #bfbfbf;
	line-height: 25px;
	padding: 0 6px;
	height: 25px;
}

.search_result li .weight { float: left; font-size: 11px;}
.search_result li .energy { float: right;}

.search_result li .favorite {
	position: absolute;
	right: -140px;
	top: 4px;
}


.mod_lexicon .paginationControl {
	margin: 40px 0;
	text-align: center;
	font-size: 13px;
}

.mod_lexicon .paginationControl a {
	border: none;
	text-decoration: underline;
}

.mod_lexicon .paginationControl .selected {
	border: 1px solid #b2b2b2;
	background-color: #fff;
	padding: 0 4px;

}



.filter {
	position: relative;
}

.filter  {
	background-color: #FFF;
	border: 1px solid #D3D3D3;
	padding: 0 5px;
	width:922px;

}

.filter .checkboxes span {
	white-space:nowrap;
	display:inline-block;
}

.filter_open {
	padding: 10px;
}

.filter .checkboxes {
	margin-bottom: 15px;
}

.filter h1 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.filter .close, .filter_open {
	color: #004ABF;
	cursor: pointer;
	float: right;
	position:absolute;
}

.filter .close {
	right:10px;
	top:10px;
}

.filter_open {
	/*right:0;*/
	left: 600px;
	top:0;
}

.filter .close img {
	vertical-align: -0.2em;
}

.favorites ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.favorites li {
	display: block;
	float: left;
	width: 210px;
	height: 60px;
	margin: 10px;

}

.favorites li img {
	float: left;
	margin-right: 5px;
	border: 1px solid lightgray;
}

.group-favorites {
	clear: both;
}


.group-favorites .group_holder {
	float: left;
	width: 290px;
	margin: 10px;
	margin-bottom: 20px;
}

.group-favorites .group_holder img {
	float: left;
	margin: 0px;
	border: 1px solid #D3D3D3;
}

.group-favorites .group_holder ul {
	float: right;
	width: 215px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.group-favorites .groups {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.group-favorites .group_holder h3 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	border: 0px;
}

.favorites h3, .group-favorites h3 {
	padding-bottom: 10px;
	border-bottom: 1px solid #D3D3D3;
	padding-top: 40px;
	margin-bottom: 20px;
	margin-right: 10px;
}

.food-search {
	margin-bottom: 30px;
	position: relative;
	/* width: 608px; */
	width: 790px;
}

.food-search .ico_help {
	top: 9px;
}

.mod_lexicon.act_inspect .left {
	float:left;
	width:480px;
	margin-right:38px;
}

.mod_lexicon.act_inspect #basic-box .left {
	width:474px;
}

.mod_lexicon.act_inspect .right {
	float:left;
	width:416px;
}

.mod_lexicon.act_inspect .right h4 {
	position: relative;
	margin:0 0 3px 0;
	padding: 4px;
	font-size: 17px;
	color: #fff;
	background-color: #253060;
}

.mod_lexicon.act_inspect .right .graph {
	float:left;
	width:170px;
	margin-right: 10px;
}

.mod_lexicon.act_inspect .right .pyramide {
	float:left;
	width:200px;
}

.mod_lexicon.act_inspect .calculations {
	float:none;
	width:auto;
}

.mod_lexicon.act_inspect .calculations div.table table th.value {
	width:80px;
}

.mod_lexicon.act_inspect .calculations div.table table th.recomendation {
	width:70px;
	overflow:hidden;
}

.mod_lexicon.act_inspect .calculations .collapsible .group td.name .ellipsis,
.mod_lexicon.act_inspect .calculations .table table td.name div, .calculations .table table td.name a {
	width:235px;
}
.mod_lexicon.act_inspect .incidence {
	margin-top:15px;
}


.mod_lexicon.act_inspect .incidence h2 {
	position: relative;
	font-size: 16px;
	font-weight: bold;
	margin:0;
	padding:0;
	color: #253060;
}

.mod_lexicon.act_inspect .incidence ul,
.mod_lexicon.act_inspect .incidence li {
	margin:0;
	padding:0;
	list-style: none;
}

.mod_lexicon.act_inspect .incidence ul {
	margin-bottom: 40px !important;
}

.mod_lexicon.act_inspect .incidence li {
	/* width: 420px; */
	margin-bottom: 4px;
}

.mod_lexicon.act_inspect .search_result {
	width:auto;
}

.mod_lexicon.act_inspect .search_result .white {
	overflow: hidden;
	height: auto;
}

.mod_lexicon.act_inspect .recipe-detail {
	border:2px solid #C4D4F2;
	background: #fff;
	margin-top:8px;
	font-size: 13px;
}

.mod_lexicon.act_inspect .recipe-detail .inner {
	padding: 10px 10px 0px 10px;
	border:1px solid #BEC2C3;
}

.mod_lexicon.act_inspect .recipe-detail dt {
	font-weight: bold;
}

.mod_lexicon.act_inspect .recipe-detail .serving dt {
	float:left;
	width:215px;
}

.mod_lexicon.act_inspect .recipe-detail dl {
	margin:0px 0 15px 0;

}

.mod_lexicon.act_inspect .photo, .mod_lexicon.act_inspect .graph_pyramide {
	border:1px solid #D6D6D6;
	background: #fff;
	margin-bottom: 15px;
	text-align: center;
	padding:10px;
}

.mod_lexicon .foodlist-panel {
	background: #fff;
}

.mod_lexicon .indicators {
	text-align: left;
	font-size:10px;
}

.mod_lexicon .indicators div {
	margin:0 0 4px 0;
}

.mod_lexicon .indicators span {
	vertical-align: middle;
	line-height: 15px;
}

.mod_lexicon .indicator {
	display:inline-block;
	width: 39px;
	height:15px;
	margin: 0 3px 0 0;

	text-align: left;
	background: transparent url("../images/indicators.gif") repeat-x;
}

.mod_lexicon .indicator span {
	display:inline-block;
	height:100%;

	background: transparent url("../images/indicators.gif") repeat-x;
}

.mod_lexicon .indicator.total-orac {
	background-position: left 0px;
}
.mod_lexicon .indicator.total-orac span {
	background-position: left -15px;
}

.mod_lexicon .indicator.gi {
	background-position: left -30px;
}
.mod_lexicon .indicator.gi span {
	background-position: left -45px;
}

.mod_lexicon .indicator.gl {
	background-position: left -60px;
}
.mod_lexicon .indicator.gl span {
	background-position: left -75px;
}

.mod_lexicon .indicator.season {
	background-position: left -90px;
}
.mod_lexicon .indicator.season span {
	background-position: left -105px;
}

.toolbox .save {
    background: url("../images/disk.gif") no-repeat scroll left center transparent;
}



/* style/codelist.css */


.mod_codelist .msel {
	width:400px;
	height:170px;
	border:1px solid #aaa;
	background:#eee;
	font-size:11px;
}

.mod_codelist .msel .search {
	width:176px;
	display:block;
	margin:0 0 3px 0;
	border:1px solid gray;

	background: transparent url("../images/icons/magnifier.png") no-repeat scroll 2px center;
	padding-left:20px;
	height:20px;
	font-size:12px;
	line-height:20px;
}

.mod_codelist .msel .dsel {
	display:none;
}

.mod_codelist .msel .ssel, .mod_codelist .msel .asel  {
	width:50%;
	height:100%;
	float:left;
}

.mod_codelist .msel .items {
	overflow:auto;
	height:120px;
	background:#fff;
	border:1px solid #aaa;
}

.mod_codelist .msel .ssel .items {
	height:167px;
}

.mod_codelist .msel .item {
	background:#fff;
	padding:2px;
	border-top: 1px solid #aaa;
}

.mod_codelist .msel .item.first {
	border-top:0;
}

.mod_codelist .msel .item.last {
	border-bottom: 1px solid #aaa;
}

.mod_codelist .msel div.item.ui-draggable-dragging {
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	background:#ccc;
}

.mod_codelist .msel .item.odd {
	background:#ddd;
}


.mod_codelist .msel .item .id {
	float:right;
}

.mod_codelist .msel .pager a {
	float:left;
	padding:3px;
	margin:1px;
	background:#ddd;
	text-decoration:none;
	color:black;
}

.mod_codelist .msel .pager a.sel {
	color:red;
}

.mod_codelist.ctrl_item table {
	width:100%;
	border: none;
	border-collapse: collapse;
}

.mod_codelist.ctrl_item table tr.header {
	height: auto;
}

.mod_codelist.ctrl_item table tr.header th {
	font-weight: bold;
	border: 2px solid #fff;
	color: #06124a;
}

.mod_codelist.ctrl_item table td {
	border: 2px solid #fff;
	background-color: #ededed;
	padding: 4px;
}

.mod_codelist.ctrl_item .inner {
	padding: 10px;
	background: #fff;
}

.mod_codelist.ctrl_item .section {
	border:3px solid #C4D4F2;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
	width:auto;
	clear:both;
}

.mod_codelist.ctrl_item table td.id {
	width:5%;
}

.mod_codelist.ctrl_item table td.actions {
	width:5%;
}

.mod_codelist.ctrl_item.act_list form dt, .mod_codelist.ctrl_item.act_list form dd {
	float:left;
}

.mod_codelist.ctrl_item #add-item {
	float:right;
}

.mod_codelist.ctrl_item h1 {
	margin-bottom:20px;
}

.mod_codelist .paginationControl {
	margin: 40px 0;
	text-align: center;
	font-size: 13px;
}

.mod_codelist .paginationControl a {
	border: none;
	text-decoration: underline;
}

.mod_codelist .paginationControl .selected {
	border: 1px solid #b2b2b2;
	background-color: #fff;
	padding: 0 4px;

}

.mod_codelist dt {
}

.mod_codelist dd {
}

/*
*	Form
*/
.mod_codelist .item_form .text, .mod_codelist .item_form .select, .mod_codelist .item_form .textarea {
	width: 897px;
}

.mod_codelist .item_form fieldset .text, .mod_codelist .item_form fieldset .select, .mod_codelist .item_form fieldset .textarea {
	width:870px;
}

.mod_codelist .item_form fieldset {
	border:1px solid #C4D4F2;
	padding:10px;
	width:880px;
}

.mod_codelist .item_form fieldset legend {
	font-weight:bold;
	padding:0 5px;
}

.mod_codelist .item_form dt {
	margin: 8px 0 0 0;
}

.mod_codelist .item_form .submit {
	width:auto;
	height:auto;
	position: static;
}

.mod_codelist .item_form .submit-button a {
	padding-left:5px;
}


.mod_codelist .item_form {
	padding-top:20px;
	position:relative;
}

.mod_codelist .item_form #search-fields {
	position:absolute;
	right:5px;;
	top:5px;
	font-size:10px;
}

.mod_codelist .item_form .submit-button {
	margin: 10px 0;
}

.mod_codelist .food-weight .weight-row {
	margin: 4px 0;
}

.mod_codelist .food-weight #measure {
	width:350px;
}

.mod_codelist .food-components table .component-row input {
	width:45px;
}


.mod_codelist p.description {
	padding:0;
	margin:0 0 10px 0;
	font-size: 10px;
	color:#666;
	font-style: italic;
}

.mod_codelist .food-active {
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align: middle;
	text-decoration: none;
}

.mod_codelist .active-T {
	background: transparent url("../images/icons/act.gif") left center no-repeat;
}

.mod_codelist .active-F {
	background: transparent url("../images/icons/inact.gif") left center no-repeat;
}



.mod_codelist.ctrl_item table td.weight input,
.mod_codelist.ctrl_item table td.weightdesc input {
	width: 75px;
}

.act_scanned-foods table input {
	width:50px;
}

.search_mapping.search_form input {
	max-width:75px;
}


/* style/trustees.css */
.trustee .inner {
	padding: 10px;
	background: #fff;
}


table.trustees {
	width: 100%;
	border: none;
	border-collapse: collapse;
}

table.trustees tr.header {height: auto;}

table.trustees th {
	font-weight: bold;
	border: 2px solid #fff;
	color: #06124a;
}

table.trustees td {
	border: 2px solid #fff;
	background-color: #ededed;
	padding: 4px;
}

.trustee form #what {
	width:250px;
}

.trustee form #from, .trustee form #to {
	width:100px;
}


/* style/default.css */
#hrs {
		width: 920px;
	}

	#hrs h1 {
		font-size: 24px;
	}

	#hrs label {
		margin-top: 10px;
		font-weight: 800;
		display: block;
	}

	#hrs #splosno #dateadd {
		display: inline;
	}

	#hrs #splosno input[type=text] {
		display: block;
		width: 300px;
	}

	#hrs textarea {
		width: 550px;
		height: 90px;
	}

	#hrs #prehranska_anamneza label {
		clear: both;
		float: left;
		width: 250px;
	}

	#hrs #prehranska_anamneza div {
		margin-top: 7px;
		float: left;
	}

	#hrs #prehranska_anamneza textarea {
		margin-top: 7px;
		height: 50px;
	}


	#hrs .smallint {
		width: 40px;
	}

	#hrs .ptezave_tbl {
		padding-top: 10px;
	}

	#hrs .ptezave_tbl label {
		float: left;
		font-weight: 400;
		margin-top: 0px;
		padding-top: 2px;
	}

	#hrs .ptezave_tbl input {
		float: left;
	}

	#hrs .ptezave_tbl input[type=text] {
		float: right;
		margin-right: 20px;
		width: 220px;
	}

	#hrs #kolicina2 label {
		clear: both;
		float: left;
		width: 130px;
	}

	#hrs #kolicina2 select {
		float: left;
		margin-top: 7px;
	}


	#hrs #ocena label {
		clear: both;
		float: left;
		width: 120px;
	}

	#hrs #ocena input {
		margin-top: 7px;
		display: block;
	}

	#hrs #prehranska label {
		clear: both;
		float: left;
		width: 220px;
	}

	#hrs #prehranska div {
		float: left;
		margin-top: 7px;
	}

	#div_dietgoal textarea, #div_additional textarea {
		width: 98%;
		height: 130px;
	}

	#hrs .strong {
		font-weight: 800;
	}

	#hrs .center {
		text-align: center;
	}

	#hrs .t_right {
		text-align: center;
	}


	#hrs td {
		padding: 5px;
	}

	#hrs table, #hrs td {
		/*border: 1px solid #7F9DB9; */
		border: 1px solid gray;
		border-style: groove;
	}

	#hrs .ui-datepicker-trigger {
		margin-left: 5px;
		vertical-align: -0.4em;
	}

	#hrs #materialins {
		width: 500px;
	}

	#hrs #materialother {
		width: 525px;
	}

	#hrs .table_ocena {
		margin-left: 80px;
	}


.paginationControl {
		font-size:13px;
		margin:40px 0;
		text-align:center;
}

.ctrl_maintenance.act_users td.username .active {
	padding-left:20px;
	background: transparent url("../images/icons/act.gif") left center no-repeat;
}

.ctrl_maintenance.act_users td.username .inactive {
	padding-left:20px;
	background: transparent url("../images/icons/inact.gif") left center no-repeat;
}

.ctrl_maintenance.act_users td.username .warning {
	padding-left:20px;
	background: transparent url("../images/icons/warning.png") left center no-repeat;
}

.ctrl_maintenance.act_users table em {
	color:#666;
}

.ctrl_maintenance.act_users td.username .role {
	display:block;
}

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}


/* style/pyramide.css */
.pyramide {
	margin: 0;
	padding: 0;
}

.pyramide dd {
	z-index:2;
}

.pyramide .title {
	position: absolute;
	color: #999999;
	font-size: 9px;
	text-align: right;
	font-weight: bold;
	display:none;
	z-index: 0;

	left: 55px;
	width: 149px;
}

.pyramide .title.normal {
	color:#4bb153;
}

.pyramide .title.over {
	color: #ee3732;
}

.pyramide .title.unit_shugar {
	display: block;
	bottom: 156px;
	background: url("../images/piramida_crtice.gif") -149px bottom no-repeat;
}

.pyramide .title.unit_fat {
	display: block;
	bottom: 172px;
	background: url("../images/piramida_crtice.gif") 0px bottom no-repeat;
}

.pyramide .title.unit_meats {
	display: block;
	bottom: 138px;
	background: url("../images/piramida_crtice.gif") -298px bottom no-repeat;
}

.pyramide .title.unit_milk {
	display: block;
	bottom: 103px;
	background: url("../images/piramida_crtice.gif") -596px bottom no-repeat;
}

.pyramide .title.unit_fruits {
	display: block;
	bottom: 58px;
	background: url("../images/piramida_crtice.gif") -894px bottom no-repeat;
}

.pyramide .title.unit_vegetables {
	display: block;
	bottom: 81px;
	background: url("../images/piramida_crtice.gif") -745px bottom no-repeat;
}

.pyramide .title.unit_beans {
	display: block;
	bottom: 121px;
	background: url("../images/piramida_crtice.gif") -447px bottom no-repeat;
}

.pyramide .title.unit_grains {
	display: block;
	bottom: 36px;
	background: url("../images/piramida_crtice.gif") -1043px bottom no-repeat;
}


/* style/pyramide2.css */

.pyramide2 {
	width:220px;
}

.pyramide2 .el {
	position: relative;
	margin-bottom:5px;
}

.pyramide2 .title {
	height:19px;
	line-height: 19px;
	font-size:11px;
	padding:4px 0 0 22px;
	background-image: url("../images/pyramide2.png");
	background-color:transparent;
	background-repeat: no-repeat;
}

.pyramide2 .el .desc {
	position: absolute;
	top:9px;
	right:0;
	font-size: 9px;
	line-height: 11px;
	color:#464646;
}

.pyramide2 .over .value {
	font-weight: bold;
	color:#ff0000;
}

.pyramide2 .el .bar {
	position: relative;
	height:15px;
	width:100%;
}

.pyramide2 .el ul.guide {
	z-index:0;
}

.pyramide2 .el ul.value {
	/*z-index:1;*/
}

.pyramide2 .el ul {
	left:0;
	top:0;
	position: absolute;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow: hidden;
	white-space: nowrap;
}

.pyramide2 .el ul li {
	position: absolute;
	display:block;
	margin:0;
	padding:0;
	height:100%;
}

.pyramide2 .el ul li span {
	display:block;
	height:13px;
	margin-right:1px;
	background: #cccccc;
	border: 1px solid #cccccc;
	border-radius: 3px;
}

.pyramide2 .grains .title {
	color:#99843e;
	background-position: 0 -0px;
}
.pyramide2 .grains ul.value li span {
	border: 1px solid #716025;
	background-color: #a9934a;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#bca558), to(#99843e)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #bca558, #99843e); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #bca558, #99843e); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #bca558, #99843e); /* IE10 */
	background-image:      -o-linear-gradient(top, #bca558, #99843e); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #bca558, #99843e);
}

.pyramide2 .milk ul.value li span {
	border: 1px solid #0e83ce;
	background-color: #2ca1ec;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#43aff5), to(#1995e5)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #43aff5, #1995e5); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #43aff5, #1995e5); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #43aff5, #1995e5); /* IE10 */
	background-image:      -o-linear-gradient(top, #43aff5, #1995e5); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #43aff5, #1995e5);
}
.pyramide2 .milk .title {
	color:#009bff;
	background-position: 0 -23px;
}

.pyramide2 .meats ul.value li span {
	border: 1px solid #933c50;
	background-color: #ae5569;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#b56174), to(#a84b60)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #b56174, #a84b60); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #b56174, #a84b60); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #b56174, #a84b60); /* IE10 */
	background-image:      -o-linear-gradient(top, #b56174, #a84b60); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #b56174, #a84b60);
}
.pyramide2 .meats .title {
	color:#b4405b;
	background-position: 0 -46px;
}

.pyramide2 .beans ul.value li span {
	border: 1px solid #1a3a0f;
	background-color: #3b6b2a;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#467934), to(#315c21)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #b467934, #315c21); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #467934, #315c21); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #467934, #315c21); /* IE10 */
	background-image:      -o-linear-gradient(top, #467934, #315c21); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #467934, #315c21);
}
.pyramide2 .beans .title {
	color:#2e591f;
	background-position: 0 -184px;
}

.pyramide2 .vegetables ul.value li span {
	border: 1px solid #4b6c25;
	background-color: #6b9041;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#7ba24f), to(#587b30)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #7ba24f, #587b30); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #7ba24f, #587b30); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #7ba24f, #587b30); /* IE10 */
	background-image:      -o-linear-gradient(top, #7ba24f, #587b30); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #7ba24f, #587b30);
}
.pyramide2 .vegetables .title {
	color:#5a8527;
	background-position: 0 -69px;
}

.pyramide2 .fruits ul.value li span {
	border: 1px solid #0e7c73;
	background-color: #33c1b6;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#43d9cd), to(#25ada2)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #43d9cd, #25ada2); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #43d9cd, #25ada2); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #43d9cd, #25ada2); /* IE10 */
	background-image:      -o-linear-gradient(top, #43d9cd, #25ada2); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #43d9cd, #25ada2);
}
.pyramide2 .fruits .title {
	color:#25ada1;
	background-position: 0 -92px;
}

.pyramide2 .fat ul.value li span {
	border: 1px solid #49321c;
	background-color: #7b5b3c;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#896745), to(#6b4d30)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #896745, #6b4d30); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #896745, #6b4d30); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #896745, #6b4d30); /* IE10 */
	background-image:      -o-linear-gradient(top, #896745, #6b4d30); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #896745, #6b4d30);
}
.pyramide2 .fat .title {
	color:#734e29;
	background-position: 0 -115px;
}

.pyramide2 .shugar ul.value li span {
	border: 1px solid #36454e;
	background-color: #72828d;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#8697a1), to(#60717c)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #8697a1, #60717c); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #8697a1, #60717c); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #8697a1, #60717c); /* IE10 */
	background-image:      -o-linear-gradient(top, #8697a1, #60717c); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #8697a1, #60717c);
}
.pyramide2 .shugar .title {
	color:#5d7280;
	background-position: 0 -138px;
}

.pyramide2 .water ul.value li span {
	border: 1px solid #0d5b8e;
	background-color: #277ab1;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#3985b7), to(#126da9)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #3985b7, #126da9); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #3985b7, #126da9); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #3985b7, #126da9); /* IE10 */
	background-image:      -o-linear-gradient(top, #3985b7, #126da9); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #3985b7, #126da9);
}
.pyramide2 .water .title {
	color:#0172bc;
	background-position: 0 -161px;
}


/* style/ffq.css */
.ctrl_ffq .buttons {
	position: relative;
	width: 100%;
	font-size: 11px;
	margin:10px 0 20px 0;
}

.ctrl_ffq .buttons .prev {
	position: absolute;
	left:0;
	width:130px;

	color:#333;
}
.ctrl_ffq .buttons .next {
	position: absolute;
	right:0;
	width:130px;

	font-weight: bold;
	color: #344867;
}

.ctrl_ffq .buttons .current-step {
	color: #0A7FB8;
    font-size: 20px;
    font-weight: bold;
    line-height: 39px;
    margin: 0 auto;
    vertical-align: middle;
    width: 100px;
}

.ctrl_ffq .option-question {
	margin:10px 0;
}

.ctrl_ffq .option-question .options label {
	display:inline-block;
	padding-right: 10px;
}

.ctrl_ffq .option-question .options br {
	display:none;
}

.ctrl_ffq .text-question {
	margin:10px 0;
}

.ctrl_ffq .instructions {
	font-style: italic;
	color:#666;
}

.ctrl_ffq .skip-to {
	display:inline-block;
	margin:0 0 0 15px;
}

div.ctrl_ffq h1 {
	font-size: 18px;
	font-weight: normal;
	margin:15px 0 5px 0;
}

#ffq-form {
	margin-bottom:20px;
}

#ffq-form table {
	border-collapse: separate;
	border-spacing: 3px 0;
	/*width:100%;*/
	width:auto;
	/*table-layout: fixed;*/
	margin-bottom: 10px;
}

#ffq-form table td {
	min-width: 185px;
}

#ffq-form table .boxes td {
	vertical-align: top;
	border-radius: 5px;
	border:1px solid #000;
	padding:0 0 10px 0;
	margin:0;
	background: #fff url("../images/ffq/ffq_box_top.gif") left top repeat-x;
	width:242px;
}

/*#ffq-form table .boxes td.spacer {
	display:none;
	width:auto;
	background: none;
	border:0;
	padding: 0;
	margin:0;
	border-radius: 0;
}*/

#ffq-form table .boxes td .title {
	color:#333;
	height: 30px;
	line-height: 30px;
	margin-bottom:5px;
}

#ffq-form table .boxes td div {
	padding:0 10px;
}

#ffq-form table tr.name td {
	padding: 15px 0 5px 0;
}

#ffq-form table tr.name td span {
	font-size: 16px;
	font-weight: bold;
	color:#344867;
}

#ffq-form table tr.name td a {
	display:inline-block;
	margin-left:15px;
}

#ffq-form table tr.name.empty td a {
	display:none;
}

#ffq-form table td.image {
	vertical-align: middle;
	background: #fff;
	text-align: center;
	width:185px;
}

#ffq-form table td.image img {
	display:inline-block;
	margin-top:10px;
	border: 1px solid #bdbdbd;
}

#ffq-form table .boxes div.option {
	padding:3px 10px;
}

#ffq-form table .option input {
	position: absolute;
	left:-9999px;
}

#ffq-form table .option.checked {
	background: #bbdf79;
}

#ffq-form table .freq .option.checked {
	background: #c4d4f2;
}

#ffq-form table .option label {
	display:block;
	cursor: pointer;
}

#ffq-form table .custom.boxes .image input {
	display:none;
}

#ffq-form table .custom.boxes.empty .image input {
	display:inline-block;
}

#ffq-form table .custom.boxes.empty .image img {
	display:none;
}

.ctrl_ffq.act_results .food-summary-container {
	float:none;
	width:300px;
}

.ctrl_ffq.act_results .blocks {
	margin-top:20px;
}

.ctrl_ffq.act_results .block {
	float:left;
	width:300px;
	margin:0 15px 0 0;
}

.ctrl_ffq.act_results .block.graph {
	margin-right:0;
}

.ctrl_ffq.act_results h4 {
	background-color: #253060;
    color: #FFFFFF;
    font-size: 17px;
    margin: 0 0 3px;
    padding: 4px;
    position: relative;
}

.ctrl_ffq.act_results .calculations .table table td.name div,
.ctrl_ffq.act_results .calculations .table table td.name a {
	width:200px;
}

.ctrl_ffq.act_results .pyramide {
	margin:10px auto 0 auto;
}

.ctrl_ffq.act_results .links a {
	font-size:14px;
	font-weight:bold;
}

.ctrl_ffq.act_results .block.graph iframe {
	display:block;
	width:140px;
	margin:20px auto 5px auto;

}

#ffq-form .buttons .prev,
#ffq-form .buttons .next {
	display:inline-block;
	width: 82px;
	height:31px;
	margin:0;
	padding:0;
	border:none;

	background: transparent url("../images/search_btn.gif") left top no-repeat;
	cursor: pointer;
}

#ffq-form .buttons .prev span,
#ffq-form .buttons .next span {
	line-height:31px;
	height:31px;
	padding:0 5px 0 5px;
	display:block;
	text-align: middle;
	color:#000;
	font-weight:normal;
	text-transform: uppercase;
	font-size:12px;
}

#ffq-form .buttons button::-moz-focus-inner {
	border: none !important;
	padding: 0;
}


/* style/home.css */
.ctrl_home {

}

/*
*	Personal
*/
table.personal {
	float:left;
	width: 631px;
	border-collapse: collapse;
}

table.personal caption {
	height:76px;
	background: #fff url("../images/home/personal_caption_bg.png") left top no-repeat;
	text-align: left;
}

table.personal caption .relative {
	position: relative;
	width:100%;
	height:100%;
}

table.personal caption .address {
	position: absolute;
	left: 10px;
	top:10px;
	font-size:16px;
	font-weight: bold;
}

table.personal caption .last-visit {
	position: absolute;
	left: 10px;
	top:34px;
	font-size:12px;
}

table.personal caption .edit {
	position: absolute;
	top:9px;
	right: 20px;
	padding-left: 50px;
	border-left: 1px solid #828282;
	height: 41px;
	line-height: 41px;
	color: #424242;
	font-size:12px;
	text-decoration: none;
	background: transparent url("../images/home/personal_edit_profile.png") 20px 13px no-repeat;
}

table.personal thead th,
table.personal tbody th {
	width:175px;
}

table.personal thead div,
table.personal tbody div {
	margin-top:5px;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 3px;
}

table.personal thead th,
table.personal tbody th {
	border-left:1px solid #ececec;
	background:#fff;
}

table.personal thead td,
table.personal tbody td {
	border-right:1px solid #ececec;
	background:#fff;
}

table.personal thead th div,
table.personal tbody th div {
	padding-left: 10px;
	margin-left:10px;
	font-size:12px;
	color:#000;
}

table.personal thead td div,
table.personal tbody td div {
	padding-right: 10px;
	margin-right:10px;
	font-size:12px;
	color:#424242;
}

table.personal tfoot td {
	border-left:1px solid #ebecec;
	border-bottom:1px solid #ebecec;
	border-right:1px solid #ebecec;
	background: #fff;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	vertical-align: bottom;
}

table.personal tfoot td .relative {
	position: relative;
	height:23px;
	line-height:23px;
	padding:0 10px 8px 20px;
}

table.personal tfoot .hrs {
	border-bottom: none;
	color:#004abf;
	font-size:12px;
	display:inline-block;
	margin-top:4px;
}

table.personal.collapsed tbody {
	display:none;
}


/*
*	Expander
*/
.ctrl_home .expander {
	position: absolute;
	right:10px;
	bottom:6px;
	border-left: 1px solid #d9d9d9;
	border-bottom: none;
	height:21px;
	line-height:21px;
	color:#000;
	padding:0 25px 0 10px;
	vertical-align: middle;
	background: url("../images/home/collapse_expand.png") right top no-repeat;
}

.ctrl_home .expander.expand {
	display:none;
	background-position: right bottom;
}
.ctrl_home .collapsed .expander.expand {
	display:block;
}
.ctrl_home .collapsed .expander.collapse {
	display:none;
}



/*
*	Guidelines
*/
.ctrl_home .calculations {
	width:257px;
	background: #fff;
	position: relative;
	padding-bottom:40px;
	border-left:1px solid #eceded;
	border-right:1px solid #eceded;
	border-bottom:1px solid #eceded;
	margin-bottom: 0;
}

.ctrl_home .calculations h4 {
	height:39px;
	line-height:39px;
	background: url("../images/home/guidelines_head.png") right top no-repeat;
	font-size:16px;
	font-weight: normal;
	color:#000;
	padding:0 10px;
}

.ctrl_home .calculations .sum-legend .energy {
	left:10px;
	color:#424242;
}

.ctrl_home .calculations .sum {
	padding:4px 0;
	margin:0 10px;
	color:#000;
	border-bottom: 5px solid #e8e9e9;
}

.ctrl_home .calculations .table {
	padding:10px;
	margin-bottom:0;
}

.ctrl_home .calculations .table table th,
.ctrl_home .calculations .table table td {
	border-bottom: 1px solid #e8e9e9;

}

.ctrl_home .calculations .table table td,
.ctrl_home .calculations .table table th {
	color:#424242;
}

.ctrl_home .calculations.collapsed {
	height:121px;
}

.ctrl_home .calculations.collapsed .table {
	display:none;
}

.ctrl_home .calculations .table table td.name div, .calculations .table table td.name a {
	width:80px;
}

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

.ctrl_home .calculations div.table table th.recomendation {
	width:60px;
}


/*
*	Measurements
*/
.ctrl_home .percentiles {
	position: relative;
	margin-top:30px;
	padding:15px 10px;
	height:245px;
	background: #fff url("../images/home/measurements_head_bg.png") left top repeat-x;
	border-left: 1px solid #ededed ;
	border-right: 1px solid #ededed ;
	border-bottom: 1px solid #ededed ;
}

.ctrl_home .measurements {
	position: relative;
	min-height:245px;
}

.ctrl_home .legend {
	position: absolute;
	right: 10px;
	bottom:10px;
	left:15px;
}

.ctrl_home .legend span {
	display: inline-block;
	border-left-width: 10px;
	border-left-style: solid;
	padding-left:3px;
	margin-right:5px;
	font-size:10px;
	line-height: 1em;
	cursor:pointer;
}

.ctrl_home .legend span.WEIGHT {
	border-left-color: #edc240;
}
.ctrl_home .legend span.MUSCLE_WEIGHT {
	border-left-color: #afd8f8;
}
.ctrl_home .legend span.WAIST {
	border-left-color: #cb4b4b;
}
.ctrl_home .legend span.INSULIN_CHOT_RATIO {
	border-left-color: #4cf700;
}
.ctrl_home .legend span.PREGNANCY_WEIGHT_PROJ {
	border-left-color: #edd898;
}
.ctrl_home .legend span.HBA1C {
	border-left-color: #84881D;
}
.ctrl_home .legend span.CHORL {
	border-left-color: #42519F;
}
.ctrl_home .legend span.HDL_CHORL {
	border-left-color: #CA5610;
}
.ctrl_home .legend span.LDL_CHORL {
	border-left-color: #BF6BFC;
}
.ctrl_home .legend span.TRIGLYCERIDES {
	border-left-color: #4A78C3;
}
.ctrl_home .legend span.RESTING_HEART_RATE {
	border-left-color: #F97404;
}

.ctrl_home .legend span.GLUCOSE_LEVEL {
	border-left-color: #edc240;
}
.ctrl_home .legend span.KETONES {
	border-left-color: #AFD8F8;
}
.ctrl_home .legend span.INSULIN_SHOT {
	border-left-color: #CB4B4B;
}
.ctrl_home .legend span.DIAS_BLOOD_PRESSURE {
	border-left-color: #4CF700;
}
.ctrl_home .legend span.SYS_BLOOD_PRESSURE {
	border-left-color: #2e9500;
}

.ctrl_home .legend span.ENERA {
	border-left-color: #C90000;
}
.ctrl_home .legend span.PROT {
	border-left-color: #FFDB61;
}
.ctrl_home .legend span.FAT {
	border-left-color: #ABD559;
}
.ctrl_home .legend span.CHOT {
	border-left-color: #ACC2ED;
}
.ctrl_home .legend span.ACTIVITY {
	background: transparent url("../images/icons/activity.png") left center no-repeat;
	border-left:none;
	padding-left:13px;
}

.ctrl_home .percentiles h4 {
	line-height: 39px;
	color:#000;
	font-size: 16px;
	font-weight: normal;
	height:50px;
}

.ctrl_home .percentiles  {
	margin-bottom:15px;
	height:400px;
}

.ctrl_home  #percentile-graph {
	margin-top:18px;
	height:330px;
}

.ctrl_home .graph-container {
	position: absolute;
	left: 240px;
	top:130px;
	background: #fff;
	padding:15px 15px 46px 15px;
}

.ctrl_home #measurement_graph,
.ctrl_home #daily_measurement_graph {
	width:635px;
	height:175px;
}

.ctrl_home #measurement_graph .repro-period {
	position: absolute;
	top:0;
	width:1px;
	height:100%;
	border-right: 1px dashed #CB4B4B;
	cursor:pointer;
}

.ctrl_home .measurements .toolbox {
	position: absolute;
	right: 21px;
	top: 20px;
}

.ctrl_home .measurements-entry {
	/* margin:10px 0 0 10px; */
}

/*
*	Measurements entry
*/

.measurements-entry {
	position:relative;
}

.measurements-entry.in-edit {
	z-index:2;
	background:#fff;
}

.measurements-entry.in-edit .col {
	display:block;
}

.measurements-entry .col {
	width:270px;
	float:left;
	display:none;
	padding:0 15px;
}

.measurements-entry .col:first-child {
	display:block;
}

.measurements-entry .entry {
	margin-bottom:5px;
	line-height:27px;
}

.measurements-entry label {
	/*width:90px;*/

	display:block;
	font-size:11px;
	line-height:17px;
	padding:5px 0;
	vertical-align: bottom;
}

.measurements-entry .value {
	width:50px;
	height:20px;
	line-height: 20px;
	padding:0 5px;
	border:1px solid #eeeeee;
	background: #fff;
}

.measurements-entry .current {
	position:relative;
}

.measurements-entry .entry.warning {
	margin-top:0;
}

.measurements-entry .entry.warning .current:before {
	content: "!";
	position:absolute;
	left:0;
	bottom:0;
	font-size:12px;
	height:27px;
	vertical-align: middle;

	margin:0 !important;
	font-weight: bold;
	color:red;
}

.measurements-entry .entry.warning input.value {
	margin-left:5px;
}

.measurements-entry .date-entry {
	display: none;
}

.measurements-entry .date-entry input {
	width:80px;
}

.measurements-entry button {
	display: none;

	background: #B8DD73 url("../images/icons/disk.png") center center no-repeat;
	border:1px solid #9AC247;
	margin: 0;
	padding: 0;
	width: 22px;
	height: 22px;
	line-height: 22px;
	border-radius: 3px;
	text-indent: -9999px;
	cursor: pointer;
}

/*.measurements-entry .shown {
	background:red;

}*/

.measurements-entry .shown .date-entry,
.measurements-entry .shown button {
	display: inline-block;
}

.measurements-entry .shown .last {
	display:none;
}

.measurements-entry .current {
	margin-bottom:4px;
}



.measurements-entry em {
	font-size:10px;
	color:#676767;
}

.measurements-entry a {
	border-bottom: none !important;
	font-size:10px;
	color:#004abf;
}

.ffq_warnings dt {
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 5px;
}

.ffq_warnings dd {
	display:none;
	font-size: 10px;
	color:#424242;
	margin-bottom:20px;
}


/*
*	Tabs
*/
.ctrl_home .tabs {
	position: relative;
	margin-top:30px;
	padding:15px 10px;
	background: #fff url("../images/home/measurements_head_bg.png") left top repeat-x;
	border-left: 1px solid #ededed ;
	border-right: 1px solid #ededed ;
	border-bottom: 1px solid #ededed ;
	/*min-height: 440px;*/
}


.ctrl_home .tabs .buttons {
	margin:0 0 0 20px;
	padding:0;
	height:64px;
}

.ctrl_home .tabs .buttons li {
	float:left;
	list-style: none;
	margin:0;
	height:50px;
	line-height:52px;
	font-size:16px;
}

.ctrl_home .tabs .buttons li.selected {
	background: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.ctrl_home .tabs .buttons li a {
	display:block;
	height:50px;
	padding:0 40px;
	border-bottom: none;
	color:#000;
}

.ctrl_home .tabs .tab {
	position: absolute;
	left:-999999px;

	background: #f5f5f5;
	border:1px solid #e8e8e8;
}

.ctrl_home .tabs.row2 .tab {
	height:300px;
}

.ctrl_home .tabs .tab > .title {
	padding:15px;
}

.ctrl_home .tabs .tab .enter {
	position: absolute;
	right:25px;
	top:90px;
	padding:7px 15px;
	border-radius: 4px;

	border: 1px solid #bebebe;
	background-color: #e3e3e3;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#f1f1f1)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #cecece, #f1f1f1); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #cecece, #f1f1f1); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #cecece, #f1f1f1); /* IE10 */
	background-image:      -o-linear-gradient(top, #cecece, #f1f1f1); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #cecece, #f1f1f1);

	font-weight: bold;
}

.ctrl_home .tabs .tab.selected {
	position: static;
}

.ctrl_home .tabs .tab .left {
	float:left;
	width:210px;
	margin-left:20px;
}

.ctrl_home .tabs .tab .right {
	float:left;
	width:665px;
	padding-top:10px;
}


.ctrl_home .tabs .tab h4 {
	font-size:16px;
	font-weight: normal;
	margin-bottom:15px;
}

.ctrl_home #report-graph {
	width:635px;
	height:222px;
	margin:20px 0 0 0 !important;
}

.ctrl_home .pyramide2 {
	margin:15px 0;
	width:190px;
}

.ctrl_home .row3 .legend span {
	cursor: default;
}

/*
*	Group text
*/
.ctrl_home .group-text {
	margin-top:30px;
	padding:15px 10px;
	background: #fff url("../images/home/measurements_head_bg.png") left top repeat-x;
	border-left: 1px solid #ededed ;
	border-right: 1px solid #ededed ;
	border-bottom: 1px solid #ededed ;
}


.ctrl_home .group-text h4 {
	line-height: 40px;
	color:#000;
	font-size: 16px;
	font-weight: bold;
	height:50px;
	vertical-align: middle;
}

.ctrl_home .group-text .text {
	margin:20px 0 10px 0;
}

.ctrl_home .warning-box {
	margin-top:15px;
	padding:0px 15px;
	border-radius: 2px;
}

.ctrl_home .warning-box.level-1,
.ctrl_home .warning-box.level-3 {
	background:#ffb96d;
	border:1px solid #b16b3c;
}

.ctrl_home .warning-box.level-4 {
	background:#ff8080;
	border:1px solid #a14141;
}

.ctrl_home .warning-box.level-2 {
	background:#c2e187;
	border:1px solid #90bb62;
}

table.personal td div.red {
	color:red;
	font-weight:bold;
}

.ctrl_home .today-daily {
	font-size:10px;
	margin:15px;
	width:200px;
}

.ctrl_home .today-daily th {
	width:80px;
	padding-right: 5px;
}

.ctrl_home .today-daily th div {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width:80px;
}

.ctrl_home .today-daily .pressure {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom:5px;
	margin-bottom:5px;
}

.ctrl_home .today-daily .pressure span {
	font-weight: bold;
	display:inline-block;
	margin-right:10px;
}

.ctrl_home .today-daily .pressure label {
	display:inline-block;
	margin-right:15px;
}

.ctrl_home .today-daily table {
	width:100%;
	margin-bottom: 15px;
}

.ctrl_home  .today-daily-open {
	display: inline-block;
	margin-left:15px;
}

/*
*	Daterange
*/
#daterange {
	width:567px;
	text-align:left;
	background:#bbbbbb;
	border-radius: 5px;
	font-size:10px;
	z-index: 10;
}

#daterange .dp {

}

#daterange .buttons {
	padding: 0.5em;
}

#daterange .buttons .use {
	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;
	float:right;
}

#measurements-history {
	text-align:left;
}

#measurements-history table tr {
	cursor:pointer;
}

#measurements-history table td {
	height:22px;
	vertical-align: middle;
	padding:0;
}

#measurements-history table td.date {
	width:120px;
}
#measurements-history table td.value {
	width:120px;
}

#measurements-history table button {
	margin:0;
	padding:0;
	background:none;
	width:22px;
	height:22px;
	line-height: 22px;
	border-radius:3px;
	text-indent: -9999px;
	cursor: pointer;
}

#measurements-history table button.save {
	border:1px solid #9ac247;
	background: #b8dd73 url("../images/icons/disk.png") center center no-repeat;
}

#measurements-history table button.cancel {
	margin-left:5px;
	border:1px solid #344867;
	background: #a9b9d7 url("../images/fooddiary/btn_del.gif") 2px center no-repeat;
}
#measurements-history table button.delete {
	margin-left:5px;
	border:1px solid #ff385d;
	background: #fec4cf url("../images/icons/btn_del.png") center center no-repeat;
}

#measurements-history table input {
	width:110px;
	margin:0;
}

.date-range {
	display:inline-block;
	width:218px;
	height:30px;
	line-height:30px;

	font-size:12px;
	text-align:center;
	background:transparent url("../images/date_range_bg.png") left top no-repeat;
	user-select: none;
	cursor: pointer;
	border-radius: 3px;
}

#measurements-entry-mask {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity: .50;
	background: #000;
	-moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
}

.row2 .inc {
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}

.row2 .dec {
	position:absolute;
	right:30px;
	top:0;
	z-index:1;
}
.row3 .inc {
	position:absolute;
	right:5px;
	top:10px;
	z-index:1;
}

.row3 .dec {
	position:absolute;
	right:35px;
	top:10px;
	z-index:1;
}


/* style/recall.css */
.recall_member_form {
	width:500px;
}

.recall_member_form .description {
	font-style: italic;
	background:transparent url("../images/help.gif") left 2px no-repeat;
	padding:0 0 0 16px;
	margin:3px 0 0 0;
}

.recall_member_form dt label {
	font-weight: bold;
}

.recall_member_form dd {
	margin: 0 0 20px 0;
}

.recall_member_form #PERSONALSEX-element br,
.recall_member_form #PERSONALWEIGHTREPORTED-element br,
.recall_member_form #PERSONALHEIGHTREPORTED-element br,
.recall_member_form #PERSONALSTANDARD-element br,
.recall_member_form #PERSONALRECALLACTIVITYFREQ-element br,
.recall_member_form #PERSONALRECALLSCHOOLSUCCESS-element br,
.recall_member_form #PERSONALRECALLFINANCESTATUS-element br
{
	display:none;
}

.recall_member_form input[type=text] {
	width:100%;
}

.recall_member_form select {
	width:100%;
}

form#recall-diary {
	padding:15px 0;
	width:705px;
}

form#recall-diary .items {
	clear:left;
	padding-top:15px;
}

form#recall-diary .items .item {
	padding:10px;
	background:#eee;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 15px;
	position:relative;
}

form#recall-diary .items .item.new .remove {
	display:none;
}

form#recall-diary .items .item .remove {
	position:absolute;
	right: 6px;
	top: 6px;
	background:transparent url("../images/fooddiary/btn_del.gif") left top no-repeat;
	width:19px;
	height:20px;
	border-bottom: none;
}

form#recall-diary .items .item .names-label {
	float:left;
	width:100px;
	height:25px;
	line-height:25px;
	vertical-align: middle;
}

form#recall-diary .items .item .names {
	float:left;
	width:580px;
}

form#recall-diary .items .item .info {
	clear:left;
}

form#recall-diary .items .item:nth-child(odd) {
	background:#ddd;
}

form#recall-diary .items .item .name,
form#recall-diary .items .item .custom-name {
	display:inline-block;
	padding: 0 22px 0 0;
	margin: 0 13px 0 0;
	background:transparent url("../images/lexicon/arrow_right.gif") right center no-repeat;

	height:25px;
	line-height:25px;
	vertical-align: middle;
	cursor:pointer;
}

form#recall-diary .items .item .custom-name {
	background:none;
}

form#recall-diary .items .item .name:hover,
form#recall-diary .items .item .custom-name:hover {
	text-decoration: underline;
}

form#recall-diary select,
form#recall-diary input {
	width:198px;
}
form#recall-diary .info {
	padding-top:10px;
}

form#recall-diary .info select,
form#recall-diary .info input {
	margin-left: 35px;
}

form#recall-diary .info .weight {
	margin-left:0;
}

form#recall-diary .items .item select {
	width:200px;
}

form#recall-diary .items .item .name:last-child {
	background:none;
}

form#recall-diary dd {
	margin:0 0 10px 0;
}

form#recall-diary #col1-element,
form#recall-diary #col2-element {
	float:left;
	width:329px;
	margin:0;
	height:110px;
	padding:10px;
	border:3px solid #C4D4F2;
}

form#recall-diary #col1-element {
	border-right:none;
}

form#recall-diary #col2-element {
	border-left:none;
}


form#recall-diary #col1-element fieldset,
form#recall-diary #col2-element fieldset {
	border:none;
}

form#recall-diary #col1-label,
form#recall-diary #col2-label {
	display: none;
}

form#recall-diary .pictures {
	margin:10px 0;
}

form#recall-diary .pictures span {
	display:inline-block;
	cursor:pointer;
	width:112px;
	height:74px;
	background-position: top center;
	background-repeat: no-repeat;
	margin:0 5px 0 0;
	position: relative;
	padding:0 0 20px 0;
}

form#recall-diary .pictures span input {
	position: absolute;
	bottom:0;
	left:0px;
	width:92px;
	height:16px;
	line-height:16px;
	padding:0 5px;
	display:none;
}

form#recall-diary .pictures span:hover,
form#recall-diary .pictures span.selected {
	width:106px;
	height:68px;
	background-position: center -3px;
}

form#recall-diary .pictures span:hover input,
form#recall-diary .pictures span.selected input {
	display:block;
}


form#recall-diary .pictures span:hover {
	border:3px solid #fff;
}

form#recall-diary .pictures span.selected {
	border:3px solid #a5d04b;
}

form#recall-diary .buttons {
	text-align:right;
}

.recall-diary-list .for,
.recall-diary-item .for {
	font-size:12px;
	color:#8C8C8C;
	font-weight:bold;
}

.recall-diary-list .date {
	text-align: center;
	border-top: 1px solid #e7e7e7;
	margin:25px 0 10px 0;
	padding:15px 0 0 0;
	color:#253060;
	font-weight:bold;
	font-size:16px;
	width:705px;
	clear:left;
}

.recall-diary-list .tools {
	margin:10px 0 0 0;
}

.recall-diary-list .export {
	display:inline-block;
	width:150px;
	height:27px;
	line-height:27px;
	text-align:center;
	padding-right:20px;
	color:#448543;
	background:transparent url("../images/recall_export.png") left top no-repeat;
}

#recall-diary-tooltip {
	position: absolute;
	border:2px solid #fff;
	margin-top:-10px;
}


/* style/all.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/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;
		display: flex;
	}

	#navigation li {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		min-height: 0;
	}

	#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;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;

	}

		#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/content_bg_white.gif") center top no-repeat;
	min-height: 343px;
	padding: 10px 17px 0 17px;
}

.content.gray {
	background: transparent url("../images/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/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/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: ;
}

/* <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("../../style/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;
}


/* style/custom-theme/jquery-ui-1.8.7.custom.css */


/* Layout helpers
----------------------------------*/

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller&ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=a3a3a3&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=a3a3a3&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=f2f2f2&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a3a3a3&fcContent=333333&iconColorContent=06124a&bgColorDefault=f6f6f6&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=100&borderColorDefault=ababab&fcDefault=06124a&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=ababab&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=ababab&fcActive=06124a&iconColorActive=abd559&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=333333&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #a3a3a3; background: #f2f2f2 url("../../style/custom-theme/images/ui-bg_inset-hard_100_f2f2f2_1x100.png") 50% bottom repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #a3a3a3; background: #a3a3a3 url("../../style/custom-theme/images/ui-bg_gloss-wave_55_a3a3a3_500x100.png") 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ababab; background: #f6f6f6 url("../../style/custom-theme/images/ui-bg_highlight-hard_100_f6f6f6_1x100.png") 50% 50% repeat-x; font-weight: bold; color: #06124a; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #06124a; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #ababab; background: #d0e5f5 url("../../style/custom-theme/images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #1d5987; }
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ababab; background: #f5f8f9 url("../../style/custom-theme/images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x; font-weight: bold; color: #06124a; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #06124a; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fad42e; background: #fbec88 url("../../style/custom-theme/images/ui-bg_flat_55_fbec88_40x100.png") 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url("../../style/custom-theme/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url("../../style/custom-theme/images/ui-icons_06124a_256x240.png"); }
.ui-widget-content .ui-icon {background-image: url("../../style/custom-theme/images/ui-icons_06124a_256x240.png"); }
.ui-widget-header .ui-icon {background-image: url("../../style/custom-theme/images/ui-icons_d8e7f3_256x240.png"); }
.ui-state-default .ui-icon { background-image: url("../../style/custom-theme/images/ui-icons_6da8d5_256x240.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url("../../style/custom-theme/images/ui-icons_217bc0_256x240.png"); }
.ui-state-active .ui-icon {background-image: url("../../style/custom-theme/images/ui-icons_abd559_256x240.png"); }
.ui-state-highlight .ui-icon {background-image: url("../../style/custom-theme/images/ui-icons_2e83ff_256x240.png"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url("../../style/custom-theme/images/ui-icons_cd0a0a_256x240.png"); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #333333 url("../../style/custom-theme/images/ui-bg_flat_0_333333_40x100.png") 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("../../style/custom-theme/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Resizable 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }/*
 * jQuery UI Autocomplete 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }


/* style/lightbox/jquery.lightbox-0.5.css */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

/* OPKP closure announcement */

.announcement {
max-width: 850px;
margin: 30px auto 50px;
padding: 0 24px;
box-sizing: border-box;
color: #333;
}

.announcement-title {
margin: 0 0 35px;
text-align: center;
font-size: 24pt !important;
font-weight: bold;
line-height: 1.3;
}

.announcement-body {
text-align: left;
font-size: 16pt;
line-height: 1.6;
}

.announcement-body p {
margin: 0 0 22px;
}

.announcement-body h2 {
margin: 30px 0 12px;
font-size: inherit;
line-height: 1.5;
font-weight: bold;
}

.announcement-body a {
overflow-wrap: anywhere;
}

.announcement-body .survey-link-container {
margin: 30px 0;
text-align: center;
}

.announcement-body .survey-link {
display: inline-block;
font-size: 19pt;
font-weight: bold;
text-decoration: underline;
}