@import url("../default/style.css");

/* LOGIN FORM */

.loginForm{
	background:url('gfx/login_back.gif') no-repeat center center;
	width:382px;
	height:195px;
	margin:0px auto;
	padding:20px;
}
.loginForm .header{
	color:#908c83;
}
.loginForm .header span.title{
	font-weight:bold;
	font-size:16px;
	color:#1693b2;
	letter-spacing:-1;
}
.loginForm #form td.title{
	font-weight:bold;
	font-size:12px;
	color:#908c83;
	height:26px;
}
.loginForm #form .saveInfo{
	padding-left:10px;
}
.loginForm #form input.text{
	width:198px;
	height:16px;
	border:solid 1px #dadada;
	font-size:12px;
	margin-left:10px;
}


div#dagMenu {
	margin-left: 15px;
	padding: 15px 0;
	background: url('gfx/dotted.gif') repeat-x bottom;
}

div#koopAdvies {
	margin-left: 15px;
	padding: 15px 0;
}

/* RECEPTENMODULE */

/*#weekmenu{
	width:100%;
}
.dropBox{
	font-size:11px;
	text-align:left;
	min-height:50px;
	color:#1693b2;
}
.dropBox .droppedRecipe{
	color:red;
}
.dropBox .a{
	font-size:8px;
	text-decoration:none;
}
#weekmenu .dinerType{
	border:solid 1px black;border-width:0px 1px 1px 1px;font-weight:bold;
}
#weekmenu .dayHeader{
	border:dotted 1px #aaaaaa;
	border-width:1px 0px 0px 0px;
	font-weight:bold;
	color:#1693b2;
	font-size:11px;
	padding-top:5px;
	padding-bottom:5px;
}
#weekmenu .dayHeader.active{
	border-width:1px 1px 0px 1px;
}
#weekmenu .dayHeader.arrowH {background:url('gfx/arrow.gif') 10px center no-repeat;padding-left:35px;}
#weekmenu .dayHeader.arrowV {background:#e5f7fb url('gfx/arrowV.gif') 10px center no-repeat;padding-left:35px;}
#weekmenu .dayContent{
	border:dotted 1px #aaaaaa;border-width:1px 1px 0px 1px;padding:15px 20px;background:#e5f7fb;
}
#weekmenu .active{
	background:#e5f7fb;
}

#weekmenu .empty{
	border:solid 1px black;width:90px;
}
#recipesList{display:none;}
#favoritesList{display:none;}
*/
div.recipe a {
	color:#0088a8;font-weight:bold;text-decoration:none;cursor:pointer;font-size:12px;
}
div.recipe {
	float:left;
	background:#f5f3ed;
	color:#5e5c56;
	background:#f5f3ed;
	padding:10px 25px;
	text-align:left;
	border:solid 1px #F5F3ED;
	cursor:pointer;
}
div.recipe_drag {
	float:left;
	background:#f5f3ed;
	color:#5e5c56;
	background:#f5f3ed;
	padding:10px 25px;
	text-align:left;
	border:solid 1px #F5F3ED;
	cursor:pointer;
}
/*
div.recipe_drag{
	background:transparent;
	padding:10px 25px;
	text-align:left;
	border: dashed 1px #5FCEEA;
}
div.recipe a.recipeTitle{
	font-weight:bold;
	font-size:12px;
	padding-bottom:3px;
}
div.recipe_drag a.recipeTitle{
	font-weight:bold;
	font-size:12px;
	padding-bottom:3px;
	color:#9FEDFF;
}
div.favorites{
	background:#F0EDE1;
	border: dashed 1px #F0EDE1;
	width:190px;
}
div.favorites_drag{
	background:#F0EDE1;
	border: dashed 1px #5FCEEA;
	width:190px;
}*/

/* Recipe detail */
div#recipeInfo {
	/*position: relative;*/
	float: left;
	background-color: #f4f2ef;
	padding: 10px 20px;
}
div#recipeInfo td {
	padding: 2px;
}
div#recipeInfo td.title {
	width: 120px;
	font-weight: bold;
}
div#printBlock {
	float: right;
	font-weight: bold;
}
div#printBlock a.print {
	display: block;
	line-height: 45px;
	padding-left: 45px;
	background: url('/modules/recipe/gfx/print_recipe.gif') no-repeat left center;
}
div#ingredients, div#tools, div#prePreparation, div#preparation {
	border: 1px solid #c7c3b9;
	clear: both;
	margin-top: 20px;
	padding: 4px;
}

div#ingredients ul {
	float: left;
	width: 310px;
}
div#ingredients li {
	line-height: 22px;
}
div#ingredients li.bg1 {
	background-color: #f0f6f7;
}
div#ingredients li.bg2 {
	background-color: #fff;
}
}
/* FASEPLANNING */

div.phaseContainer div.phaseBlock{
	padding:20px 0px;
	text-align:center;
	width:200px;
	border:solid 1px #999;
	height:28px;
}
div.phaseContainer div.phaseBlock a{
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	color:#4DB6CF;
}
div.phaseContainer div.phaseBlock a:hover{
	text-decoration:underline;
}
div.phaseContainer{
	float:left;
	margin-right:10px;
	text-align:center;
}
div.phaseContainer div.startDate{
	color:#999;
	margin-top:5px;
}
div.phaseContainer div.startDateActive{
	color:#000;
	margin-top:5px;
}
div.phaseContainer div.phaseBlock b.inactivePhase{
	color:#aaa;
}
.phaseDate{
	font-size:11px;
	width:90px;
}
.calendarButton{
	background:url('gfx/cal.bmp') bottom right no-repeat;
	width:23px;
	height:20px;
	border:none;
	cursor:pointer;
}

/* @tjes */
div#atjes td.header {
	line-height:18px;
	height: 40px;
	background-color: #76c8db;
}
div#atjes td.header a {
	font-weight:bold;
	color: #fff;
}
div#atjes td.heading {
	float:left;
	line-height:20px;
	font-weight:bold;
}
div#atjes td.content {
	line-height:18px;
	border-bottom: 1px solid #c7c3b9;
}
.btnLess {
	font-weight: bold;
	background: url('gfx/btn_less.gif') no-repeat left center;
	padding-left: 35px;
	float: right;
	text-align: left;
	width: 156px;
	line-height: 30px;
}

.btnAdd {
	font-weight: bold;
	background: url('gfx/btn_add.gif') no-repeat left center;
	padding-left: 35px;
	float: right;
	text-align: left;
	width: 136px;
	line-height: 30px;
}

/* Custom MooTools scrollbar (myEase Graph) */

.scrollbar-hor{
	background: url('gfx/scrollbar-bg.gif') repeat-x;
	height: 12px;
	width: 720px;
	float:left;
	border-top: 1px solid #c1bfba;
}
.handle-hor{
	height: 12px;
	width: 60px;
	background: url('gfx/slider-bg.gif') repeat-x;
}

/* MODULE :: WEEKMENU */

div.favorites{
	padding-left: 22px;
	background: url('gfx/favRecipe.gif') no-repeat;
	height: 29px;
}
div.favorites div.label a{
}
div.favorites div.label{
	width:155px;
}
div.favorites_item{
	width:185px;
	height:30px;
}
.favPadding{
	margin-top: 6px;
	margin-right: 9px;
}
a.delBtn{
	background: url('gfx/delIcon.gif') no-repeat;
	height: 15px;
	width: 15px;
	cursor: pointer;
}
div.favorites_item{
	margin-bottom: 4px;
}
div.block_favorites div.dropArea{
	margin-bottom:12px;
	margin-top:15px;
	background:white;
	border:dotted 2px #76c8db;
	padding:16px 11px;
	text-align:center;
	font-size:11px;
	color:#000;
}
div.block_favorites{
	padding:15px;
	border-left: solid 1px #c7c3b9;
	min-height:300px;
}

td.gridHeader{
	width:94px;font-weight:bold;color:#43AEC9;background:#76c8db;padding:3px 6px;color:white;
	border-left:solid 1px #76c8db;
}
td.recipeType{
	border-top:solid 1px #9fd9e6;
	border-left:solid 1px #76c8db;
	font-weight:bold;background:#76c8db;color:white;height:40px;text-align:left;padding-left:8px;vertical-align:middle;
}
td.atjes_leftBorder{ border-left:solid 1px white; }
td.atjes{
	height:22px;
	background:#eae6d7;
	color:#5d5a54;
	padding-left:8px;
	border-top: solid 1px white;
	vertical-align:middle;
	border-bottom: solid 1px white;
}
div#gridBorder{
	border:solid 1px #c7c3ba;
	padding-left:1px;
}
.recipeItem{
	border: dotted #76c8db;
	border-width: 2px 0px 2px 2px;
	width:150px;
}
td.tussendoortje{
	 border-bottom:solid 1px #E0ECEF;border-right:solid 1px #E0ECEF;width:150px;color:black;padding:3px;
}
div.week_search{
	width: 221px;
	border:solid 1px #e5e5e5;
	padding: 5px 15px;
	background: url( 'gfx/recipeFilterBack.gif' ) no-repeat bottom left;
	padding-bottom: 150px;
}
input.searchBtn{
	background: url( 'gfx/searchBtn.gif' ) no-repeat bottom;
	width: 61px;
	height: 27px;
	border: none;
}
input.searchField{
	margin-top:-2px;
	height: 18px;
}
a.linkArrow{
	background: url( 'gfx/linkArrow.gif' ) no-repeat left center;
	cursor:pointer;
	padding-left:22px;
}
div.filterBlock{
	float:left;
	width:100px;
}
b.pageNumber_active{
	background:url( 'gfx/pageNumActive.gif' ) no-repeat;display:block;padding:0px 0px;float:left;margin-right:2px;text-align:center;color:#fff;width:15px;cursor:pointer;
}
a.pageNumber_inactive{
	background:url( 'gfx/pageNumInactive.gif' ) no-repeat;display:block;padding:0px 0px;float:left;margin-right:2px;text-align:center;color:#fff;font-weight:bold;width:15px;cursor:pointer;
}
a.pageNumber_Large_inactive{
	background:url( 'gfx/pageNumLargeInactive.gif' ) no-repeat;display:block;padding:0px 0px;float:left;margin-right:2px;text-align:center;color:#fff;font-weight:bold;width:30px;cursor:pointer;
}

/*****************************
	RECHT 1 DASHBOARD
*****************************/

div#right1Dashboard div.linkbox{
	margin-top: 45px;
	width: 456px;
	height: 156px;
	background: url( 'gfx/linkBox.gif' ) no-repeat;
	padding-left:15px;
}
div#right1Dashboard div.header{
	color: #908c83;
	font-size: 22px;
	line-height:50px;
	font-weight: bold;
}
div#right1Dashboard div.linkContent{
	margin-top: 10px;
	padding-top: 5px;
	float: left;
}
div#right1Dashboard a.linkArrow{
	background: url( 'gfx/linkboxArrow.gif' ) no-repeat;
	padding-left: 24px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #908c83;
	display:block;
	margin-bottom:12px;
}
div#right1Dashboard a.linkArrowBlue{
	background: url( 'gfx/linkboxArrowBlue.gif' ) no-repeat;
	padding-left: 24px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #1693B2;
	display:block;
	margin-bottom:12px;
}
div#right1Dashboard div#rightNav div.block{
	margin-left: 15px;
	padding: 15px 0px;
	border-bottom: dotted 1px #908c83;
}
div#right1Dashboard div#rightNav div.block span.header{
	color: #288aa2;
	font-size: 22px;
}
div#right1Dashboard div#rightNav div.block a.linkArrow{
	background: url( 'gfx/linkboxArrowBlue.gif' ) no-repeat;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #288aa2;
	display:block;
}

/********************
  EXTRA INFORMATION
********************/

#extraInfo div.heading{
	background: #f4f2ef;padding:1px 10px 10px 10px;margin-bottom:22px;
}
#extraInfo table.globalInfo{
	width:100%;
}
#extraInfo table.globalInfo td.row1{
	background:#f4f2ef;
}
#extraInfo table.globalInfo td.row2{
	background:#ffffff;
}
#extraInfo table.globalInfo td.colHead{
	width:246px;
	padding-left:11px;
	color:#757169;
	font-weight:bold;
	height:28px;
	vertical-align:middle;
}
#extraInfo table.globalInfo td.colContent{
	color:#757169;
	vertical-align:middle;
}
#extraInfo table.globalInfo td.colContent input.text{
	border: solid 1px #d5d5d5;
	color:#757169;
	width:159px;
}
#extraInfo table.globalInfo td.colContent select{
	border: solid 1px #d5d5d5;
	color:#757169;
}


#extraInfo table.activityInfo{
	width:100%;
	border-bottom: solid 1px #757169;
}
#extraInfo table.activityInfo td.colHead{
	background:#f4f2ef;
	border-top: solid 1px #757169;
	border-bottom: dotted 1px #757169;
	color:#757169;
	font-weight:bold;
	height:20px;
	vertical-align:middle;
}
#extraInfo table.activityInfo td.colContent{
	padding: 4px 4px 4px 0px;
	color:#757169;
}
#extraInfo table.activityInfo td.borderRight{
	border-right: dotted 1px #757169;
}
#extraInfo table.activityInfo td.colContent input.text{
	border: solid 1px #d5d5d5;
	color:#757169;
	width:159px;
}
#extraInfo table.activityInfo td.colContent select{
	width:252px;
	border: solid 1px #d5d5d5;
	color:#757169;
}
#extraInfo table.activityInfo td a.linkArrowBlue{
	background: url( 'gfx/linkboxArrowBlue.gif' ) no-repeat;
	padding-left: 24px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #1693B2;
	display:block;
	margin-bottom:2px;
}
#weekmenuTitle{ display:none; }

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	padding: 5px;
	font-weight:bold;
	visibility: hidden;
	z-index: 300;
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
	display:none;
}

div.predict{
	border: 2px solid #1693B2;
	background-color: #E0ECEF;
	color:#1693B2;
}

div#navContainer div.active {
	border:none;
	background-color:transparent;
	color:#fff;
}

div.active{
	border: 2px solid #BB3333;
	background-color: #EFE0E0;
	color:#BB3333;
}

div.prevActive{
	border: 2px solid #9E9F77;
	background-color: #FEFFEF;
	color:#9E9F77;
}

div#graphPopup{
	z-index:1000px;
	position:absolute;
	width:435px;
	left:0px;
	top:4px;
	border:solid 1px #666666;
	border-width:0px 1px 1px 0px;
	height:25px;
	background:white;
	text-align:right;
	padding-right:5px;
}
div#graphPopupMargin{
	z-index:1000px;
	position:absolute;
	width:435px;
	left:0px;
	top:0px;
	height:4px;
	background:white;
}
div#graphButtons{
	z-index:200;
	position:absolute;
	right:9px;
	top:-1px;
}
div#graphButtons div.graphButton{
	height:21px;
	cursor:pointer;
	float:left;
}
div#graphButtons div#graphDateSelect{
	width:100px;
	background:url( 'gfx/dateSelect.gif' ) no-repeat;
	margin-right:10px;
	color:#666666;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	padding-top:4px;
}
div#graphButtons div#graphOptionButton1{
	width:67px;
	background:url( 'gfx/options.gif' ) no-repeat;
	margin-right:10px;
}
div#graphButtons div#graphOptionButton2{
	width:67px;
	background:url( 'gfx/options.gif' ) no-repeat;
	margin-right:10px;
}
div#graphButtons div#btn_0{
	width:70px;
	background:url( 'gfx/overview.gif' ) no-repeat;
}
div#graphButtons div#btn_1{
	width:46px;
	background:url( 'gfx/phase.gif' ) no-repeat;
}
div#graphButtons div#btn_2{
	width:51px;
	background:url( 'gfx/week.gif' ) no-repeat;
}
div#graphSpacer{
	height:0px;
}
div#graphContainer{
	min-height:154px;
}
div#graphMainContainer{
	position:relative;
	width:720px;
}

/* CALENDAR SELECTION */


table.smallCalendar{
	font-size:		11px;
	font-family:	arial;
}
table.smallCalendar td{
	padding:			0px;
}
table.smallCalendar td.toDay{
	/*color:			#ffbfbf;*/
	color:				#ffffff;
	font-weight:	bold;
	background:		#bb3333;
	width:				18px;
	height:				18px;
	text-align:		center;
	cursor:				pointer;
	vertical-align:middle;
}
table.smallCalendar td.day{
	color:				#ffffff;
	font-weight:	bold;
	background:		#a5c7d4;
	width:				18px;
	height:				18px;
	text-align:		center;
	cursor:				pointer;
	vertical-align:middle;
}
table.smallCalendar td.dayOther{
	width:				18px;
	height:				18px;
	vertical-align:middle;
	color:				#a5c7d4;
	text-align:		center;
	font-weight:	bold;
}
div.smallCalendarContainer{
	float:				left;
	margin-right:	4px;
	padding:			3px;
}
table.smallCalendar td.weekName{
	color:				#a5c7d4;
	text-align:		center;
	font-weight:	bold;
}
table.smallCalendar td.monthTitle{
	color:				#207a90;
	text-align:		center;
	font-weight:	bold;
	border-bottom:solid 1px #207a90;
}

div.graph_popup{
	position:			absolute;
	left:					50%;
	top:					50%;
	margin-left:	-253px;
	margin-top:		-73px;
	background:		white;
	height:				140px;
	width:				500px;
	z-index:			10001;
	border:				solid 2px #6ACBE3;
}
div.graph_popup div.close{
	width:				16px;
	height:				16px;
	position:			absolute;
	top:					1px;
	right:				1px;
	z-index:			10002;
	background:		url( 'gfx/closeGraphPopup.gif' );
	cursor:				pointer;
}
div.graph_popupTint{
	position:			absolute;
	left:					0px;
	top:					0px;
	background:		black;
	height:				100%;
	width:				100%;
	z-index:			10000;
	opacity:			0.5;
	filter:				alpha(opacity=50);
}

table.dashboard_myProfile{
	border-width:1px 0px;width:604px;border-top:solid 1px #c7c3b9;
}
table.dashboard_myProfile td.label1{
	width:220px;
	padding-left:10px;
	background:#f5f3ed;
	height:22px;
	vertical-align:middle;
	color:#5e5c56;
	font-weight:bold;
}
table.dashboard_myProfile td.label2{
	width:220px;
	padding-left:10px;
	background:#ffffff;
	height:22px;
	vertical-align:middle;
	color:#5e5c56;
	font-weight:bold;
}
table.dashboard_myProfile td.value1{
	background:#f5f3ed;
	vertical-align:middle;
}
table.dashboard_myProfile td.value2{
	background:#ffffff;
	vertical-align:middle;
}