/* CSS Document */

body {
	margin:0;
	padding:0;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:18px;
	color: #666;
}

.padd10 { padding: 10px; }

/** layout **/
#wrap		{ width:960px; margin-left:auto; margin-right:auto;  }
#container	{ background:url(/gfx/bg.jpg) repeat-y;}
#header		{ display:block; margin-top:20px; height:80px; background:url(/gfx/page_begin.jpg) bottom center no-repeat; margin-bottom:20px;}
#footer		{ font: 11px Tahoma, Arial, Verdana, sans; text-align:center; background:url(/gfx/page_end.jpg) top center no-repeat; padding-top:20px; margin-top:20px;}

/** navigation **/
a {text-decoration:none; color:#990066;}
a:hover { color: #e60084; }


/** header **/
#logo, #user-nav, #search {float:left;}
#user-nav, #search, #lang-nav {margin-top:25px;}

#user-nav	{ display:block; width:460px; text-align:center; color:#990066; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
	#user-nav a.usr-btn { display:block; color:#FFFFFF; background:url(/gfx/usrBtn.jpg) no-repeat top; width:89px; height:20px; padding-top:2px; margin-left:2px; }
	#user-nav a:hover.usr-btn {background-position:bottom;}
	#user-nav span {padding:4px 5px 0px 50px;}
	#user-nav span, #user-nav .usr-btn {float:left; }
#search		{ display:block; width:140px; }
#lang-nav	{ display:block; width:65px; float:right; }

UL#languages 
{
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-size: 10px;
  list-style: none;
}

UL#languages li
{
  padding: 0px;
  margin: 0px;
}

UL#languages li img { margin: 3px; }

/** TABid **/
#tab-nav	{ display:block; background:url(/gfx/bgTop.jpg) no-repeat bottom left #FFFFFF; padding:0px 40px; margin-bottom:40px;}
	#tab-nav a.pink, 
	#tab-nav a.darkpink,
	#tab-nav a.yellow,
	#tab-nav a.green	{ display:block; width:144px; height:28px; margin-bottom:1px; float:left; text-align:center; padding-top:10px; color:#FFFFFF; font-weight:bold; font-size:13px;}
	
	#tab-nav a.pink 	{ background:url(/gfx/tabPink.jpg) no-repeat bottom; color:#FFFFFF !important;}
	#tab-nav a.darkpink { background:url(/gfx/tabDarkpink.jpg) no-repeat bottom;}
	#tab-nav a.yellow 	{ background:url(/gfx/tabYellow.jpg) no-repeat bottom;}
	#tab-nav a.green 	{ background:url(/gfx/tabGreen.jpg) no-repeat bottom;}
	
	#tab-nav a.last 	{ float:right;}
	
	#tab-nav a:hover.pink, 
	#tab-nav a:hover.darkpink,
	#tab-nav a:hover.yellow,
	#tab-nav a:hover.green,
	#tab-nav a.selected  { background-position:top;}


/** content **/
#content, #content-wide, #content-wide-norm { line-height:2.5em; width:620px; margin-left:40px; margin-bottom:40px; float:left;  }
#content-wide, #content-wide-norm	{ background:url(/gfx/bgRows.gif);}
#daypoints		{ width:248px; float:left; color:#9a9a9a; margin-bottom:40px; border:#b7cadb solid 1px; border-top:#b7cadb solid 5px; margin:0px 30px 0px 20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#content-wide, #content-wide-norm 	{ width:880px;}


.dptable, .vasyra, .today	{ width:228px; margin:0px 10px; border:0; }
	.dptable td, .vasyra td { text-align:center; vertical-align:top; border-bottom:solid 1px #efefef; padding:2px;}
	th			{ text-transform:uppercase; font-weight:normal; font-size:11px; border-bottom:solid 1px #efefef; }
	.vasyra th	{ border-bottom:#e2e2e2 solid 5px; padding:5px 0px; }
	.vasyra b 	{ color:#8b8b8b}
	td.additional { border-top:solid 5px #efefef;}

.mumm, .cake, .water {display:block; width:16px; height:16px; float:left;}
.mumm1, .mumm2, .cake1, .cake2, .water1, .water2 {display:block; width:8px; height:16px; float:left;}
.water1 { width: 7px; }
.water2 { width: 8px; }
.mumm	{ background:url(/gfx/mummud.jpg) no-repeat top left; margin:0px -2px -2px 0px;}
.mumm1	{ background:url(/gfx/mummud1.jpg) no-repeat top left; margin:0px 0px -2px 0px;}
.mumm2	{ background:url(/gfx/mummud2.jpg) no-repeat top left; margin:0px -2px 0px 0px;}

.cake	{ background:url(/gfx/cake.jpg) no-repeat top left; margin:0px 4px 1px 0px;}
.cake1	{ background:url(/gfx/cake1.jpg) no-repeat top left; margin:0px 0px 2px 0px;}
.cake2	{ background:url(/gfx/cake2.jpg) no-repeat top left; margin:0px 2px 2px 0px;}
.water 	{ background:url(/gfx/water.jpg) no-repeat top left; margin:0px 1px 4px 0px;}
.water1 	{ background:url(/gfx/water1.jpg) no-repeat top left; margin:1px 0px 0px 0px;}
.water2 	{ background:url(/gfx/water2.jpg) no-repeat top left; margin:1px -1px 2px 0px;}
	.on		 	{ background-position:0px -16px;}
	.on-half 	{ background-position:0px -32px;}
	.extra		{ background-position:0px -48px;}
	.extra-half	{ background-position:0px -64px;}
	
#pgtitle 	{ margin:0px 40px 20px 40px; font-family:Arial, Helvetica, sans-serif; color:#707070; font-weight:bold; font-size:18px; background:#FFFFFF; border-bottom:#e2e2e2 solid 5px; }
	#pgtitle img { vertical-align:middle; margin-right:10px; padding-bottom:5px;}
	#pgtitle #cal {display:block; float:right; width:240px; font-size:14px; margin-top:15px; }
		.lcal	{display:block; float:right; }
		.lcal a		{display:block; width:23px; height:23px; background:url(/gfx/icCal.jpg) no-repeat top;}
		.lcal a:hover {background-position:bottom;}
.stitle {background:url(/gfx/bgStitle.gif); width:auto; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:5px; margin-bottom: 1px; }
div.stitle { cursor: pointer; }

a.next, a.prev {display:block; width:6px; height:10px; float:left; margin-top:5px}
	a.next {background:url(/gfx/btnNext.jpg) no-repeat top;}
	a.prev { background:url(/gfx/btnPrev.jpg) no-repeat top;}
	a:hover.next, a:hover.prev {background-position:bottom;}
.sel-date {float:left; padding:0px 20px;}

.total {/*border-top:solid #6991b4 1px; */font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#666666; padding-left:440px;}

/** forms **/
.tp-item { float:left;}
.row 		{ padding-left:40px; clear:both; height:26px;}
#content select, #content input, #content label { float: left; }
#content-wide select, #content-wide input, #content-wide label { float: left; }

.qtt, input.jquf-diary_activity-time, input.jquf-diary_food-amount, input.jquf-helpmate_food-amount, input.jquf-recipe_food-amount  
{ width:40px; text-align:right;}
div.jquf-diary_activity-time, div.jquf-diary_food-amount, div.jquf-helpmate_food-amount, div.jquf-recipe_food-amount { float: left; display: inline; width:40px; text-align:right; line-height: 16px; }
.jquf-diary_activity-time, .jquf-diary_food-amount, .jquf-helpmate_food-amount, .jquf-recipe_food-amount { margin-right: 3px; }



.pnt, .jquf-diary-weight, .jquf-diary-belt, .jquf-diary-hip 		 		
{ width:25px; text-align:right; height: 15px}


.itm 		{ width:360px; margin-right:15px;}
.items 	{ margin-top:4px;font-family:Arial, Helvetica, sans-serif;}
.tp-item 	{ width:385px; font-weight:bold; color:#666666;}
	.tp-item img {margin-right:5px;}
label 		{ padding:0px 15px 0px 4px; text-transform:none; font-size:12px;}
.srchitem 	{ width:880px; margin-bottom:5px; color:#99cc66; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
input, .jquf-diary_activity-time, .jquf-diary_food-amount, .jquf-helpmate_food-amount, .jquf-recipe_food-amount, .jquf-diary-weight, .jquf-diary-belt, .jquf-diary-hip, .button, .jquf-recipe-name, .jquf-recipe-recipe_category_id, .jquf-recipe-portions { border: 1px solid #d0d0d0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:url(/gfx/bgInput.jpg) no-repeat left top; color:#333333; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; margin:0; }
.today label, .vasyra label { padding:0;}

a.btn_delete, a.btn_add, a.btn_info {display:block; float:right; width:18px; height:18px; cursor:pointer; }
a.btn_delete	{ background:url(/gfx/icDelete.jpg) top no-repeat;}
a.btn_add		{ background:url(/gfx/icAdd.jpg) top no-repeat;}
a.btn_info		{ background:url(/gfx/icInfo.jpg) top no-repeat;}
a:hover.btn_delete, a:hover.btn_add, a:hover.btn_info {background-position:bottom;}
a.btn_add_wide 	 {display:block; float:right; width:120px; height:20px; cursor:pointer; background:url(/gfx/icAdd.jpg) left no-repeat; background-position:0px 4px; padding:0; padding-left:20px; font-weight:bold; color:#ff6699; }
a:hover.btn_add_wide { background-position:0px -14px; color:#7a7a7a;}

#helpmate_select {margin-bottom:37px;}
.helpmate_selectbox {float: left; display: block; border:#b7cadb solid 1px; border-top:#b7cadb solid 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#FFFFFF; width:200px; margin:8px; box-shadow: 1px 1px 3px #ccc; font:Arial, Helvetica, sans-serif; font-size:11px; color:#9a9a9a; }
	.helpmate_selectbox ul { margin: 0px; padding: 0px; overflow: auto; overflow-x: hidden; height: 305px; }
	.helpmate_selectbox li { list-style:none; padding:0px 6px; margin:0px; }
	.helpmate_selectbox li:hover, .helpmate_selectbox li.selected { margin: 0px; padding: 0px; background:#cccc99; color:#ffffff; padding:0px 6px; }  
	.helpmate_selectbox li:hover { cursor:pointer; }		
	.select-title {background:url(/gfx/bgStitle.gif); width:auto; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-left:6px;}
	
	
/** headings & typography **/
h1 			{ display:block; font-family:Arial, Helvetica, sans-serif; color:#707070; font-size:18px; background:#FFFFFF; border-bottom:#e2e2e2 solid 5px; margin:0; margin-top:20px; padding-bottom:5px; }
h1 img 		{ vertical-align:middle; margin-right:10px;}
h1 .btn_info 	{ margin-top:10px;}
h2 			{ color:#99cc66; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:14px; }
#content h2 { padding-left:20px; border-bottom:1px #b7cadb solid;  }

.big-gray, .big-pink, .big-green { font-weight:bold; font-size:16px;}
.big-gray	{ color:#8b8b8b; }
.big-pink	{ color:#ff6699; }
.big-green	{ color:#99cc66; }
.pink		{ color:#ff6699 !important; font-weight:bold; }
.v-title 	{ text-transform:uppercase; font-size:11px; text-align:left !important;}
.upcase		{ text-transform:uppercase;}


/** misc **/
.clear { clear:both; display:block; overflow:hidden; visibility:hidden;	width:0; height:0;}


ul {
	list-style: none;
}

.foodSearchItem { padding: 2px 5px; list-style: none; margin: 3px; border-radius: 5px; cursor: pointer; }
.foodSearchItem_hover { background: #99cc66; color: White;}
.addNew { position: absolute; width: 130px; border: 1px solid black; background: white; display: none; border-radius: 6px; padding: 5px; box-shadow: 3px 3px 3px #ccc; z-index: 1000;}
.addNew li { padding: 0 5px; margin: 0px; line-height: 17px; }

.big_content { font-weight: bold; }
textarea.jquf-recipe-description, textarea.jquf-diary-comment { width: 100%; height: 100px;}

.recipeAdder { display: none; position: absolute; border: 1px solid gray; width: 500px; height: 38px; background: white; border-radius: 6px; box-shadow: 2px 2px 10px gray; overflow: auto; z-index: 100; margin-top: 24px; overflow: hidden; }
.recipeAdder td { padding: 2px; }
.recipeAdder td input { margin-right: 5px; }

.unitcalc { margin: 7px; }
.unitcalc td { padding: 3px; }
.unitcalc input[type=text] { width: 43px; }

.meal_h_ic { float: left; margin-top: 6px; margin-right: 3px; }

#wr_username, #wr_password, #rememberme{
  margin-bottom: 5px;
}

#rememberme{
  margin-top: 5px;
  }

#unitDataTable, #specialConditions {
	display: inline-block;
	vertical-align: top;
}

#recipeAdderDiv div { float: left; padding: 2px 3px;}

pre {
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
    margin: 0;
    padding: 0;
    vertical-align: top;
}

#jquf-recipe-recipe_category_id-1-div, #jquf-recipe-name-1-div, #jquf-recipe-portions-1-div, #jquf-recipe-description-1-div, #jquf-recipe-description-23963-div{
  cursor: pointer;
  color: #0087a9;
}

pre:hover, #jquf-recipe-recipe_category_id-1-div:hover, #jquf-recipe-name-1-div:hover, #jquf-recipe-portions-1-div:hover, #jquf-recipe-description-1-div:hover, #jquf-recipe-description-23963-div:hover{
  color: #484848;
}

#recipe_food_list_1{
  background: none;
  background-image: none;
}

.jquf-recipe-ispublic, .jquf-recipe-archived { display: inline-block; padding: 3px 6px; border: 2px solid #B20066; line-height: 14px; border-radius: 3px; }
.right-wrapper { padding: 10px; }

textarea.jquf-recipe-description { width: 97%; height: 400px; padding: 3px; }
.red { background: red; color: White; }
.jquf-recipe-name, .jquf-recipe-recipe_category_id, .jquf-recipe-portions { display: block; line-height: 12px; padding: 5px; font-size: 12px; margin: 2px; width: 150px; position: relative; }
#recipe-table td { margin: 2px; padding: 4px; height: 20px; }
.img-bor { border: 1px solid white; box-shadow: 0px 0px 15px #777; }