/**
 * Stilark for nye www.matprat.no - Min Kokebok
 * 
 * @author	Thomas Sømoen <thomas@apt.no>
 * @version	(2008-12-17)
 */

/* 	DOKUMENTSTRUKTUR:
		=RESET (nullstiller enkelte deklarasjoner)
		=TYPOGRAFI OG FARGER(definerer skrifttype/-størrelse og -farger)
		=RAMMEVERK (sidenes oppsett, grid m.m.)
		=DINGSER (samtlige gjenbrukbare elementer)
		=SPESIAL (eventuelle spesialklasser og "hacks")
*/

/*	REKKEFØLGE PÅ DEKLARASJONER
 	* display/visibility styles
    * positioning (with coordinates) styles
    * float/clear styles
    * spacing (margin, padding, border) styles
    * dimensions (width, height) styles
    * typography-related (line-height, color, etc.) styles
    * miscellaneous (list-style, cursors, etc.) styles

*/


/*	=RESET 
	----------------------------------------------------*/
	
	* {
		margin:0;
		padding:0;
		}
		
	fieldset{
		border: none;
		}
	
	img{
		margin:0;
		border: none;
		}
		
	object,embed {
		outline:none;
		}
	
	
	
/*	=TYPOGRAFI OG FARGER
	----------------------------------------------------*/

		
		
/*	=RAMMEVERK 
	----------------------------------------------------*/

		
/*	=DINGSER 
	----------------------------------------------------*/	
	
	#cookbok-statusbar {
		position:relative;
		background:#fa6363 url(../elm/cookbook/bg_status.gif) top left repeat-x;
		z-index:2;
		}
		
	#cookbok-statusbar.hidden {
		display:none;
		}
		
		#cookbok-statusbar div.corner-left {
			position:absolute;
			bottom:0;
			left:0;
			width:3px;
			background:url(../elm/cookbook/bg_status_corners.gif) bottom left no-repeat;
			}
			
		#cookbok-statusbar div.corner-right {
			position:absolute;
			bottom:0;
			right:0;
			width:3px;
			background:url(../elm/cookbook/bg_status_corners.gif) bottom right no-repeat;
			}
			
		#cookbok-statusbar div.content {
			position:relative;
			left:3px;
			padding:8px 17px 0 17px;
			width:915px;
			}
			
			#cookbok-statusbar div.content div.info {
				position:relative;
				border-bottom:1px solid #f88181;
				margin-bottom:10px;
				width:100%;
				height:24px;
				}
				
			#cookbok-statusbar div.simple div.info {
				border-bottom:0;
				height:25px;
				}
				
				#cookbok-statusbar div.content div.info h3 {
					position:absolute;
					top:0;
					left:0;
					width:283px;
					font-family: Georgia;
					font-size:20px;
					font-weight:normal;
					color:#fff;
					}
				
				#cookbok-statusbar div.content div.info span.message {
					position:absolute;
					top:0;
					right:244px;
					text-align:right;
					}
					
					#cookbok-statusbar div.content div.info span.message span.text {
						display:block;
						position:relative;
						padding:0 7px 0 6px;
						border:1px solid #c85b59;
						line-height:17px;
						color:#fa6363;
						background:#fff;
						}
						
						#cookbok-statusbar div.content div.info span.message span.text span.corner {
							display:block;
							position:absolute;
							border:none;
							width:2px;
							height:2px;
							font-size:1em;
							line-height:normal;
							background:url(../elm/cookbook/bg_status_msg_corners.gif) 0 0 no-repeat;
							overflow:hidden;
							}
							
						#cookbok-statusbar div.content div.info span.message span.text span.t-l {
							top:-1px;
							left:-1px;
							background-position:0 0;
							}
							
						#cookbok-statusbar div.content div.info span.message span.text span.t-r {
							top:-1px;
							right:-1px;
							background-position:-2px 0px;
							}
							
						#cookbok-statusbar div.content div.info span.message span.text span.b-l {
							bottom:-1px;
							left:-1px;
							background-position:0px -2px;
							}
							
						#cookbok-statusbar div.content div.info span.message span.text span.b-r {
							bottom:-1px;
							right:-1px;
							background-position:-2px -2px;
							}
					
				#cookbok-statusbar div.content div.info span.recipe-number {
					position:absolute;
					top:0;
					right:0;
					width:240px;
					height:19px;
					float:left;
					overflow:visible;
					}
					
					#cookbok-statusbar div.content div.info span.recipe-number span.label {
						display:block;
						float:left;
						margin-right:2px;
						width:65px;
						font-size:11px;
						line-height:19px;
						color:#fff;
						}
						
					#cookbok-statusbar div.content div.info span.recipe-number span.number {
						position:relative;
						display:block;
						float:left;
						margin-right:1px;
						width:13px;
						height:19px;
						background:url(../elm/cookbook/bg_status_numbers.gif) top left no-repeat;
						overflow:hidden;
						}
						
							#cookbok-statusbar div.content div.info span.recipe-number span.number span.canvas {
								position:absolute;
								top:0;
								left:0;
								display:block;
								padding:0 0 0 4px;
								width:9px;
								height:19px;
								font-size:11px;
								font-weight:bold;
								line-height:19px;
								color:#fa6363;
								}
								
								#cookbok-statusbar div.content div.info span.recipe-number span.number span.canvas span {
									display:block;
									}
								
					#cookbok-statusbar div.content div.info span.recipe-number span.arrow {
						display:block;
						float:left;
						margin-right:5px;
						width:13px;
						height:19px;
						text-indent:-1000em;
						background:url(../elm/cookbook/bg_status_arrow.gif) center center no-repeat;
						overflow:hidden;
						}
						
					#cookbok-statusbar div.content div.info span.recipe-number span.tools {
						display:block;
						float:left;
						position:relative;
						width:112px;
						}
						
						#cookbok-statusbar div.content div.info span.recipe-number span.tools a.go-to-cookbook {
							display:block;
							position:absolute;
							top:0;
							left:0;
							width:69px;
							height:24px;
							font-size:11px;
							line-height:19px;
							text-align:center;
							color:#554941;
							background:url(../elm/cookbook/bg_status_button.png) top left no-repeat;
							}
							
						#cookbok-statusbar div.content div.info span.recipe-number span.tools a.inactive {
							opacity:0.3;
							}
							
							#cookbok-statusbar div.content div.info span.recipe-number span.tools a.go-to-cookbook:hover {
								text-decoration:none;
								}
							
						#cookbok-statusbar div.content div.info span.recipe-number span.tools a.help {
							display:block;
							position:absolute;
							top:0;
							left:68px;
							width:23px;
							height:24px;
							text-indent:-1000px;
							background:url(../elm/cookbook/bg_status_help.png) top left no-repeat;
							overflow:hidden;
							}
							
						#cookbok-statusbar div.content div.info span.recipe-number span.tools a.close {
							display:block;
							position:absolute;
							top:0;
							left:93px;
							width:23px;
							height:24px;
							text-indent:-1000px;
							background:url(../elm/cookbook/bg_status_close.png) top left no-repeat;
							overflow:hidden;
							}
			
			#cookbok-statusbar div.content ul.progress {
				position:relative;
				margin-top:-9px;
				width:100%;
				height:48px;
				}
				
				#cookbok-statusbar div.content ul.progress li {
					display:block;
					position:absolute;
					top:5px;
					left:-3px;
					width:183px;
					height:37px;
					background:url(../elm/cookbook/bg_status_progress.png) top left no-repeat;
					cursor:pointer;
					}
					
					#cookbok-statusbar div.content ul.progress li:hover a,
					#cookbok-statusbar div.content ul.progress li.hover a,
					#cookbok-statusbar div.content ul.progress li.active a {
						display:block;
						width:180px;
						height:35px;
						text-decoration:none;
						background:url(../elm/cookbook/bg_status_progress_active.gif) 3px 2px no-repeat;
						}
						
						#cookbok-statusbar div.content ul.progress li:hover a span,
						#cookbok-statusbar div.content ul.progress li.hover a span,
						#cookbok-statusbar div.content ul.progress li.active a span {
							color:#edeae1;
							cursor:pointer;
							}
							
					#cookbok-statusbar div.content ul.progress li.inactive {
						opacity:0.7;
						}
						
					#cookbok-statusbar div.content ul.progress li span {
						display:block;
						float:left;
						margin:4px 0 0 0;
						height:23px;
						font-size:12px;
						line-height:23px;
						color:#554941;

						}
					
					#cookbok-statusbar div.content ul.progress li span.int {
						margin-left:5px;
						width:21px;
						text-align:center;
						
						}
						
					#cookbok-statusbar div.content ul.progress li span.text {
						padding-left:8px;
						width:142px;
						color:#554941;
						}
					
				#cookbok-statusbar div.content ul.progress li.personalize {
					left:182px;
					background:none;
					}
					
					#cookbok-statusbar div.content ul.progress li.personalize div {
						position:absolute;
						display:block;
						top:0;
						left:0;
						width:100%;
						height:37px;
						z-index:2;
						background:url(../elm/cookbook/bg_status_progress.png) top left no-repeat;
						}
					
					#cookbok-statusbar div.content ul.progress li.personalize a {
						display:block;
						position:absolute;
						top:0;
						left:0;
						width:100%;
						z-index:2;
						}
						
					#cookbok-statusbar div.content ul.progress li.personalize ul {
						display:none;
						position:absolute;
						top:27px;
						left:1px;
						padding-top:6px;
						padding-left:2px;
						width:180px;
						height:82px;
						background:url(../elm/cookbook/bg_status_dropdown.png) top left no-repeat;
						z-index:1;
						}
						
					#cookbok-statusbar div.content ul.progress li:hover ul,
					#cookbok-statusbar div.content ul.progress li.hover ul {
						display:block;
						}
						
						#cookbok-statusbar div.content ul.progress li.personalize ul li,
						#cookbok-statusbar div.content ul.progress li.personalize ul li:hover,
						#cookbok-statusbar div.content ul.progress li.personalize ul li.hover {
							position:static;
							border-bottom:1px solid #dcd8d0;
							padding:0 0 0 31px;
							width:144px;
							height:auto;
							height:23px;
							line-height:22px;
							background:none;
							}
							
						#cookbok-statusbar div.content ul.progress li.personalize ul li.end {
								border-bottom:none;
							}
							
							#cookbok-statusbar div.content ul.progress li.personalize ul li a,
							#cookbok-statusbar div.content ul.progress li.personalize ul li a:hover {
								position:static;
								height:auto;
								line-height:22px;
								font-size:12px;
								font-weight:normal;
								color:#51453e;
								background:none;
								}
								
							#cookbok-statusbar div.content ul.progress li.personalize ul li a:hover {
								background:none;
								text-decoration:underline;
								}
					
				#cookbok-statusbar div.content ul.progress li.recipies {
					left:367px;
					}
				#cookbok-statusbar div.content ul.progress li.adjust {
					left:553px;
					}
					
				#cookbok-statusbar div.content ul.progress li.end {
					left:auto;
					right:-6px;
					}
			
	.cookbook {
		min-height:463px;
		}
		
		.cookbook div.description {
			padding:0 16px 24px 16px;
			width:923px;
			border-bottom:1px solid #d5d1cd;
			margin-bottom:1.6em;
			color:#554941;
			}
			
			.cookbook div.description h1 {
				padding-bottom:0.3em;
				font:bold italic 2.2em Georgia;
				color:#353535;
				}
			
			.cookbook div.description h4 {
				margin-bottom:0.8em;
				font-size:1.4em;
				font-weight:normal;
				}
				
			.cookbook div.description p {
				display:block;
				font-size:1.2em;
				width:745px;
				}
				
		.cookbook div.next {
			margin-bottom:1.7em;
			padding:0.9em 0 0.7em 0;
			width:100%;
			background:#edeae1;
			overflow:hidden;
			}
			
			.cookbook div.next a {
				display:block;
				float:right;
				margin-right:9px;
				width:163px;
				height:35px;
				font-size:12px;
				line-height:30px;
				text-indent:34px;
				color:#edeae1;				
				overflow:hidden;
				}
				
				.cookbook div.next a span {
					display:block;
					width:100%;
					height:100%;
					background:url('../elm/cookbook/bg_giffer.gif') 0 0 no-repeat;
					}
				
				.cookbook div.next a:hover {
					text-decoration:none;
					}
					
	div#content.cookbook-frontpage {
		position:relative;
		padding:21px 19px 0 18px;
		width:918px;
		min-height:459px;
		background:#e8e8d8 url(../elm/cookbook/bg_background.gif) top left repeat-x;
		}
		
		.cookbook-frontpage h1 {
			font:bold italic 2.6em Georgia;
			color:#353535;
			}
			
		.cookbook-frontpage p.intro {
			display:block;
			padding:0.6em 0 1em 0;
			font:1.3em Georgia;
			line-height:1.4em;
			color:#554941;
			}
			
		.cookbook-frontpage a.about {
			display:block;
			position:absolute;
			top:102px;
			left:17px;
			width:151px;
			height:1em;
			font:bold italic 1.5em Georgia;
			color:#b83b40;
			z-index:2;
			}
			
		.cookbook-frontpage .make-cookbook {
			display:block;
			position:absolute;
			top:100px;
			left:65px;
			width:545px;
			height:308px;
			}
			
		.cookbook-frontpage .make-cookbook-text {
			display:block;
			position:absolute;
			top:187px;
			left:417px;
			width:186px;
			height:45px;
			overflow:hidden;
			text-indent:-100em;
			background:url(../elm/cookbook/text_lag_kokebok.png) top left no-repeat;
			z-index:2;
			}
			
		.cookbook-frontpage .make-cookbook-text:hover {
			text-decoration:none;
			}
			
			.cookbook-frontpage .make-cookbook-text span {
				display:block;
				text-indent:0;
				margin:17px 0 0 16px;
				width:170px;
				font:1.2em Georgia;
				color:#554941;
				}
			
		.cookbook-frontpage .panel {
			display:block;
			position:absolute;
			right:19px;
			bottom:11px;
			width:491px;
			height:72px;
			background:url(../elm/cookbook/bg_panel.png) bottom left no-repeat;
			}
			
			.cookbook-frontpage .panel span {
				display:block;
				position:absolute;
				top:-21px;
				right:0;
				width:180px;
				height:21px;
				font:1.1em Georgia;
				color:#483d37;
				}
			
			.cookbook-frontpage .panel a {
				display:block;
				float:left;
				height:48px;
				text-indent:-100em;
				overflow:hidden;
				}
				
			.cookbook-frontpage .panel a:hover {
				background:url(../elm/cookbook/bg_panel_hover.png) 0 0 no-repeat;
				}
			
			.cookbook-frontpage .panel a.pictures {
				width:151px;
				}
				
			.cookbook-frontpage .panel a.D3 {
				width:162px;
				}
				
							
			.cookbook-frontpage .panel a.D3:hover {
				background-position:-151px 0;
				}
				
			.cookbook-frontpage .panel a.order {
				width:178px;
				}
			
			.cookbook-frontpage .panel a.order:hover {	
				background-position:-313px 0;
				}
			
		.cookbook-frontpage .facebook {
			display:block;
			position:absolute;
			left:18px;
			bottom:35px;
			padding-left:30px;
			width:100px;
			height:23px;
			line-height:23px;
			font-size:1.3em;
			color:#b6393e;
			background:url(../elm/cookbook/icon_facebook.gif) top left no-repeat;
			}
			
		.cookbook-frontpage .login {
			display:block;
			position:absolute;
			top:13px;
			right:11px;
			width:239px;
			height:229px;
			z-index:3;
			background:url(../elm/cookbook/bg_login.png) top left no-repeat;
			}
			
			.cookbook-frontpage .login h2 {
				padding:2px 0 0 8px;
				font:bold italic 1.5em Georgia;
				color:#353535;
				}
			
			.cookbook-frontpage .login .pane {
				/*margin:15px 0 0 19px;
				width:200px;
				height:200px;*/
				margin:11px 0 0 11px;
				width:217px;
				height:208px;
				overflow:hidden;
				}
				
				.cookbook-frontpage .login .pane .top {
					float:left;
					margin-bottom:2px;
					padding:1px 0 0 9px;
					width:208px;
					height:46px;
					background:url(../elm/cookbook/bg_login_top.png) top left no-repeat;
					}
					
					.cookbook-frontpage .login .pane .top h2 {
						padding:0 0 5px 0;
						color:#cdcbc3;
						}
						
					.cookbook-frontpage .login .pane .top p {
						display:block;
						font-size:1.2em;
						color:#d2cfc7;
						}
						
			.cookbook-frontpage .login .form {
				padding:0 0 0 8px;
				}
						
				.cookbook-frontpage .login .pane label {
					display:block;
					float:left;
					width:100%;
					height:25px;
					line-height:28px;
					font-size:1.2em;
					color:#554941;
					overflow:hidden;
					}
					
				.cookbook-frontpage .login .pane input {
					display:block;
					float:left;
					border:1px solid #d8d4cc;
					margin:0;
					padding:5px 5px 2px 5px;
					width:188px;
					height:20px;
					background:#fff;
					}
					
				.cookbook-frontpage .login .pane input.button {
					float:left;
					margin-top:9px;
					border:none;
					padding:0;
					width:auto;
					height:auto;
					background:none;
					}
					
				.cookbook-frontpage .login .pane div.actions {
					float:left;
					padding:9px 0 0 16px;
					width:90px;
					}
					
					.cookbook-frontpage .login .pane div.actions a {
						display:block;
						font-size:1.2em;
						color:#b83a3f;
						}
					
		.cookbook-frontpage .long {
			height:349px;
			background:url(../elm/cookbook/bg_new_user.png) top left no-repeat;
			}
					
			.cookbook-frontpage .long .pane {
				height:325px;
				}
				
				.cookbook-frontpage .long .pane label {
					height:22px;
					line-height:22px;
					}
				
			
						
			.cookbook-frontpage .login .cookbooks {
				padding-top:4px;
				}
				
				.cookbook-frontpage .login .cookbooks strong {
					display:block;
					margin-left:8px;
					padding-bottom:2px;
					font-size:1.3em;
					color:#b83a3f;
					}
					
				.cookbook-frontpage .login .cookbooks p {
					display:block;
					margin-left:7px;
					margin-bottom:15px;
					font-size:1.2em;
					color:#554941;
					}
					
				.cookbook-frontpage .login .cookbooks h2 {
					margin-left:7px;
					margin-bottom:6px;
					font:normal 1.5em Georgia;
					color:#4a4039;
					}
					
				.cookbook-frontpage .login .cookbooks ul {
					margin-bottom:15px;
					height:89px;
					overflow:hidden;
					}
					
				.cookbook-frontpage .login .cookbooks li {
					display:block;
					margin-bottom:1px;
					padding-left:6px;
					height:29px;
					line-height:29px;
					background:#cac6be;
					overflow:hidden;
					}
					
					.cookbook-frontpage .login .cookbooks li span.name {
						display:block;
						float:left;
						padding-left:28px;
						width:147px;
						font-size:1.3em;
						color:#554941;
						background:url(../elm/cookbook/bg_giffer_2.gif) 0 -604px no-repeat;
						}
						
					.cookbook-frontpage .login .cookbooks li a {
						display:block;
						float:left;
						width:12px;
						height:29px;
						overflow:hidden;
						text-indent:-100em;
						background:url(../elm/cookbook/bg_giffer_2.gif) 0 -637px no-repeat;
						}
						
					.cookbook-frontpage .login .cookbooks li a.edit {
						margin-left:7px;
						background-position:-19px -637px;
						}
						
			.cookbook-frontpage .login .cookbooks .bottom {
				
				}
				
				.cookbook-frontpage .login .cookbooks .bottom div.pageing {
					display:block;
					float:left;
					padding-left:8px;
					width:106px;
					overflow:hidden;
					}
					
					.cookbook-frontpage .login .cookbooks .bottom div.pageing a {
						display:block;
						float:left;
						margin-right:5px;
						font-size:1.2em;
						color:#9b3434;
						}
						
					.cookbook-frontpage .login .cookbooks .bottom div.pageing a.selected {
						font-weight:bold;
						color:#554941;
						}
						
					.cookbook-frontpage .login .cookbooks .bottom div.pageing a.selected:hover {
						text-decoration:none;
						cursor:default;
						}
				
				.cookbook-frontpage .login .cookbooks .bottom a.add {
					display:block;
					float:left;
					padding-left:9px;
					width:94px;
					font-size:1.3em;
					color:#9b3434;
					overflow:hidden;
					background:url(../elm/cookbook/bg_giffer_2.gif) 0 -662px no-repeat;
					}
					
			.cookbook-frontpage .login .hidden {
				display:none;
				}
				
		.cookbook-frontpage div.popup {
			position:absolute;
			top:0;
			left:0;
			padding:21px 19px 0 18px;
			width:918px;
			height:459px;
			color:#554941;
			background:#e8e8d8 url(../elm/cookbook/bg_background.gif) top left repeat-x;
			z-index:3;
			}
			
			.cookbook-frontpage div.popup h2 {	
				margin-bottom:0.8em;
				font:bold italic 2.2em Georgia;
				color:#483d37;
				}
				
			.cookbook-frontpage div.popup h3 {
				margin-bottom:0.4em;
				font-size:1.1em;
				}	
				
			.cookbook-frontpage div.popup div.content {
				padding:0 1.2em 1.2em 1.2em;
				}	
				
			.cookbook-frontpage div.popup div.content p {
				padding:0;
				font-size:1em;
				}
				
			.cookbook-frontpage div.popup div.ingress {
				margin-bottom:1.5em;
				font-size:1.3em;
				font-weight:bold;
				}	
				
				.cookbook-frontpage div.popup div.ingress p {
					}
					
			.cookbook-frontpage div.popup div.text {
				font-size:1.3em;
				}
				
				.cookbook-frontpage div.popup div.text p {
					display:block;
					padding-bottom:1.2em;
					}
					
			.cookbook-frontpage div.popup a.close {
				position:absolute;
				top:15px;
				right:15px;
				width:66px;
				height:15px;
				font:bold italic 1.5em Georgia;
				color:#9b3434;
				}
				
				.cookbook-frontpage div.popup a.close span {
					font-size:1.3em;
					}
			
	div.popup-help {
		position:absolute;
		top:30%;
		left:50%;
		margin-left:-286px;
		width:572px;
		z-index:100;
		cursor:move;
		}
		
		div.popup-help img.shadow {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			}
			
			div.popup-help div.canvas {
				position:relative;
				margin:2% 0 6% 11px;
				width:552px;
				height:100%;
				}
		
				div.popup-help div.canvas a.close {
					display:block;
					margin-left:533px;
					width:19px;
					height:19px;
					text-indent:-1000em;
					overflow:hidden;
					background:url(../elm/cookbook/bg_status_help_close.gif) top right no-repeat;
					}
				
				div.popup-help div.canvas div.content {
					border:1px solid #e3e3e3;
					margin:0 19px;
					padding:30px;
					color:#554941;
					}
					
					div.popup-help div.canvas div.content h1 {
						margin-bottom:26px;
						font-size:14px;
						font-weight:normal;
						}
						
	div.tooltip {
		position:absolute;
		left:0;
		top:0;
		width:90px;
		}
		
		div.tooltip div.top {
			width:100%;
			height:2px;
			background:url('../elm/cookbook/bg_giffer.gif') 0 -681px no-repeat;
			overflow:hidden;
			}
		
		div.tooltip div.text {
			border-right:1px solid #554941;
			border-left:1px solid #554941;
			padding:4px 8px;
			width:72px;
			font-family:Tahoma,Geneva,Kalimati,sans-serif;
			font-size:9px;
			color:#554941;
			background:#f6e7b8;
			}
			
		div.tooltip div.bottom {
			width:100%;
			height:10px;
			background:url('../elm/cookbook/bg_giffer.gif') 0 -683px no-repeat;
			overflow:hidden;
			}
		
	.modal-blocker {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:#fff;
		opacity:0.7;
		z-index:1000;
		}
		
	.alert {
		position:fixed;
		top:30%;
		left:50%;
		margin-left:-240px;
		width:481px;
		z-index:1010;
		}
		
		.alert img.shadow {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			}
			
			.alert div.canvas {
				position:relative;
				margin:2% 0 6% 11px;
				width:462px;
				height:100%;
				background:#fff;
				overflow:hidden;
				}
		
				.alert div.canvas a.close {
					display:block;
					margin-left:442px;
					width:19px;
					height:19px;
					text-indent:-1000em;
					overflow:hidden;
					background:url(../elm/cookbook/bg_status_help_close.gif) top right no-repeat;
					}
				
				.alert div.canvas div.content {
					border:1px solid #e3e3e3;
					margin:0 19px 19px 19px;
					padding:30px;
					width:362px;
					}
					
					.alert div.canvas div.content h1 {
						margin-bottom:13px;
						font-size:14px;
						font-weight:normal;
						color:#b83a3f;
						}
						
					.alert div.canvas div.content ul.tools {
						margin-top:35px;
						width:374px;
						overflow:hidden;
						}
						
						.alert div.canvas div.content ul.tools li {
							display:inline;
							float:left;
							margin-right:10px;
							width:177px;
							height:50px;
							line-height:50px;
							font-size:12px;
							background:url(../elm/cookbook/bg_giffer.gif) 0 -693px no-repeat;
							overflow:hidden;
							}
							
							.alert div.canvas div.content ul.tools li a {
								color:#554941;
								}
								
							.alert div.canvas div.content ul.tools li a:hover {
								text-decoration:none;
								}
								
								.alert div.canvas div.content ul.tools li a span.icon {
									display:block;
									float:left;
									margin:14px 18px 0 12px;
									width:23px;
									height:26px;
									overflow:hidden;
									}
									
								.alert div.canvas div.content ul.tools li a span.merge_text {
									display:block;
									float:left;
									width:124px;
									cursor:pointer;
									}
									
								.alert div.canvas div.content ul.tools li.ok a span.icon {
									background:url(../elm/cookbook/bg_giffer.gif) 0 -744px no-repeat;
									}
									
								.alert div.canvas div.content ul.tools li.cancel a span.icon {
									background:url(../elm/cookbook/bg_giffer.gif) -24px -744px no-repeat;
									}
									
								.alert div.canvas div.content ul.tools li.custom a span.icon {
									background:url(../elm/cookbook/bg_giffer.gif) -48px -744px no-repeat;
									}
									
								.alert div.canvas div.content ul.tools li.fetch a span.icon {
									background:url(../elm/cookbook/bg_giffer.gif) -48px -744px no-repeat;
									}
									
								.alert div.canvas div.content ul.tools li.save a span.icon {
									margin:10px 15px 0 10px;
									width:28px;
									height:30px;
									background:url(../elm/cookbook/bg_giffer.gif) 0 -772px no-repeat;
									}	
									
								.alert div.canvas div.content ul.tools li.waste a span.icon {
									margin:10px 15px 0 10px;
									width:28px;
									height:30px;
									background:url(../elm/cookbook/bg_giffer.gif) -30px -772px no-repeat;
									}	
									
								.alert div.canvas div.content ul.tools li.newBook a span.icon {
									margin:7px 15px 0 6px;
									width:36px;
									height:36px;
									background:url(../elm/cookbook/bg_giffer.gif) -76px -745px no-repeat;
									}
									
								.alert div.canvas div.content ul.tools li.newBook a span.merge_text {
									width:116px;
									}		
									
								.alert div.canvas div.content ul.tools li.oldBook a span.icon {
									margin:11px 15px 0 9px;
									width:31px;
									height:31px;
									background:url(../elm/cookbook/bg_giffer.gif) -117px -747px no-repeat;
									}
									
								.alert div.canvas div.content ul.tools li.oldBook a span.merge_text {
									width:122px;
									}	
									
	#images-of-book {
		}
		
		#images-of-book a.nav,
		#images-of-book a.nav span {
			display:block;
			position:absolute;
			width:51px;
			height:53px;
			text-indent:-100em;
			overflow:hidden;
			cursor:pointer;
			}
			
			#images-of-book a.nav span.bg {
				top:0;
				left:0;
				opacity:0.2;
				background:url(../elm/cookbook/bg_giffer_2.gif) 0 -754px no-repeat;
				}
				
			#images-of-book a.nav span.arrow {	
				top:0;
				left:0;
				background:url(../elm/cookbook/bg_image_arrows.png) -2px 3px no-repeat;
				}	
				
		#images-of-book a.prev {
			top:191px;
			left:21px;
			}
				
		#images-of-book a.next {
			top:191px;
			right:21px;
			}
				
			#images-of-book a.next span.arrow {	
				display:block;
				background:url(../elm/cookbook/bg_image_arrows.png) -49px 3px no-repeat;
				}	
				
	#images-of-book .images {
		display:block;
		position:absolute;
		width:956px;
		height:393px;
		top:22px;
		overflow:hidden;
		}
		
		#images-of-book .images .image {
			display:block;
			position:absolute;
			width:578px;
			height:393px;
			top:0;
			left:183px;
			}
			
			#images-of-book .images .image .frame {
				display:block;
				position:absolute;
				width:578px;
				height:393px;
				top:0;
				left:0;
				background:url(../elm/cookbook/bg_image_frame.png) top left no-repeat;
				}
				
			#images-of-book .images .image img {
				display:block;
				position:absolute;
				width:542px;
				height:357px;
				top:18px;
				left:17px;
				}	
				
		#images-of-book .images .hidden {
			display:block;
			left:956px;
			}
			
	#D3-of-book {
		}
		
		#D3-of-book .flashcontainer {
			display:block;
			position:absolute;
			width:668px;
			height:376px;
			padding:18px 17px 19px 20px;
			top:23px;
			left:124px;
			background:url(../elm/cookbook/bg_flash_frame.png) top left no-repeat;
			}
		
					


/*	=SPESIAL 
	----------------------------------------------------*/
	
	.flash-missing {
		background:#000;
		width:675px;
		height:374px;
		}
		
		.flash-missing img {
			float:left;
			margin-right:20px;
			}
		
		.flash-missing h2 {
			color:#fff;
			padding:20px;
			font-size:22px;
			line-height:52px;
			}
			
		.flash-missing p {
			display:block;
			margin:20px;
			color:#fff;
			font-size:14px;
			}
			
			.flash-missing p a {
				color:#b83a3f;
				}
	
	.wait {
		cursor:wait;
		}
		
		.wait * {
			cursor:wait !important;
			}
			
	.ui-draggable {
		cursor:move;
		}
	
	.js-page-settings {
		display:none;
		}
		
	.ui-effects-transfer {
		border:1px solid black;
		}
		
	.zoom-helper {
		position:fixed;
		top:0;
		left:0;
		border:1px solid #554941;
		height:107px;
		width:154px;
		z-index:1002;
		}
		
		.zoom-helper div {
			width:100%;
			height:100%;
			background:#edeae1;
			opacity:0.5;
			}
			
	.no-scroll {
		overflow:hidden;
		}
			
	.spinner {
		position:fixed;
		top:40%;
		left:50%;
		margin-top:-10px;
		margin-left:-58px;
		padding:8px;
		width:92px;
		color:#fff;
		background:#554941;
		z-index:1000;
		}
		
		.spinner img {
			margin:0 auto;
			}
			
		.spinner div {
			font-size:11px;
			text-align:center;
			}
		
	.jScrollPaneContainer {
		position: relative;
		overflow: hidden;
		z-index: 1;
	}
	
	.jScrollPaneTrack {
		position: absolute;
		cursor: pointer;
		right: 0;
		top: 0;
		height: 100%;
		background: #b8b1a5;
	}
	.jScrollPaneDrag {
		position: absolute;
		background:url(../elm/cookbook/bg_scrollbar.gif) center left no-repeat;
		cursor: pointer;
		overflow: hidden;
	}
	.jScrollPaneDragTop {
		position: absolute;
		top: 0;
		left: 0;
		height:2px;
		overflow: hidden;
		background:url(../elm/cookbook/bg_scrollbar_top.gif) center left no-repeat;
	}
	.jScrollPaneDragBottom {
		position: absolute;
		bottom: 0;
		left: 0;
		height:2px;
		overflow: hidden;
		background:url(../elm/cookbook/bg_scrollbar_bottom.gif) center left no-repeat;
	}
	a.jScrollArrowUp {
		display: block;
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		text-indent: -2000px;
		overflow: hidden;
		/*background-color: #666;*/
		height: 20px;
		background:url(../elm/cookbook/bg_scrollbar_up.gif) center left no-repeat;
	}
	a.jScrollArrowUp:hover {
		/*background-color: #f60;*/
	}
	
	a.jScrollArrowDown {
		display: block;
		position: absolute;
		z-index: 1;
		bottom: 0;
		right: 0;
		text-indent: -2000px;
		overflow: hidden;
		/*background-color: #666;*/
		height: 20px;
		background:url(../elm/cookbook/bg_scrollbar_down.gif) center left no-repeat;
	}
	a.jScrollArrowDown:hover {
		/*background-color: #f60;*/
	}
	a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
		/*background-color: #f00;*/
	}