body
{
}

.UploadErrorsPanel
{
    background-color: #fff7a8;
    border: 1px solid gray;
    padding: 3px;
}

.Right{
  float:right;
}
.Left{
  float:left;
}

.w500{
    width: 500px;
}
.w230{
    width: 230px;
}

p.LastModified
{
    padding-top: 15px;
    padding-bottom: 0px;
    font-weight: bold;
}

.ItemSmall p.LastModified
{
    padding-top: 0px;
}

h4.Title 
{
   margin: 0px;
}

.PageAmountLabelContainer
{
    margin-left: 20px;
} /* values for IE */

html:not([dummy]) .PageAmountLabelContainer
{
    margin-left: 0px;
} /* values for Safari, Opera and Firefox */

/* JNice formating */
.NewCookbookForm .Label{
    margin: 5px;
    font-weight: bold;
}
.NewCookbookForm .jNiceInputWrapper{
    float:none;
}

/* Buttons */
#fi .btn-new {
    width: 160px;
	background-image: url(/_layouts/Endero.Atria.Web.Keittokirja/Images/btn-fi/newCookbook.png);
}

#fi .btn-loadPdf {
    width: 160px;
	background-image: url(/_layouts/Endero.Atria.Web.Keittokirja/Images/btn-fi/loadPdf.png);
}

#fi .btn-start {
    width: 160px;
	background-image: url(/_layouts/Endero.Atria.Web.Keittokirja/Images/btn-fi/start.png);
}

#fi .btn-save {
    width: 160px;
	background-image: url(/_layouts/Endero.Atria.Web.Keittokirja/Images/btn-fi/save.png);
}

#fi .btn-toRecipePage{
    width: 160px;
	background-image: url(/_layouts/Endero.Atria.Web.Keittokirja/Images/btn-fi/toRecipePage.png);
}

#fi .btn-removeSpread {
    width: 160px;
	background-image: url(/_layouts/Endero.Atria.Web.Keittokirja/Images/btn-fi/removeSpread.png);
}

#fi .btn-importImage {
    width: 160px;
	background-image: url(/_layouts/Endero.Atria.Web.Keittokirja/Images/btn-fi/importImage.png);
}

#fi .btn-order {
    width: 160px;
	background-image: url(/_layouts/Endero.Atria.Web.Keittokirja/Images/btn-fi/OrderPrintedBook.png);
}

#fi .btn-modifyCookbook {
    width: 166px;
	background-image: url(/_layouts/Endero.Atria.Web.Keittokirja/Images/btn-fi/modifyCookbook.png);
}
#fi .btn-accept {
    width: 97px;
	background-image: url(/_layouts/Endero.Atria.Web.Keittokirja/Images/btn-fi/accept.png);
}
#fi .btn-cancel {
    width: 97px;
	background-image: url(/_layouts/Endero.Atria.Web.Keittokirja/Images/btn-fi/cancel.png);
}


/* AJAX */
.modalBackground{
    background-color: #000000;
    filter: alpha(opacity=90); 
    zoom: 1; 
    display: block; 
    cursor: pointer
}

.cookbookModalPopup{
    background: transparent url(images/borderTopLeft.png) 0 0 no-repeat;
}

/* Close button */ 
a.close div{
    position:absolute; 
    top:0; 
    right:0; 
    background: transparent url(images/controls.png) -50px 0px no-repeat; 
    width:25px; 
    height:25px; 
    text-indent:-30px; 
    line-height: 25px;
}
a.close:hover div{background-position:-50px -25px;}

.CookbookRowRightCol{
  float: right;
  width: 231px;
}

.CookbookRowMiddleCol{
  width: 230px;
  float: left;
}
/* Keittokirjan */
.cookbook-search label {
	float: left;
	font-weight: normal;
	padding: 10px 2px 8px 0;
	font-size: 90%;
}
				.Canvas {
					width: 960px;
					height: 349px;
					overflow: hidden;
					position: relative;
					z-index: 1;
					background-color: #FFFFFF;
					background-repeat: no-repeat;
					background-position: 0 0;
				}
				
				/* Basic preferences */
				.twopageview {
					position: absolute;
					z-index: 1;
					/* _border: 1px solid #cccccc;*/
				}
				.page1,
				.page2
				{
				    background-color: #ffffff;
				    overflow: hidden;
					/* _display: inline;*/
					z-index: 1;
					/*position:absolute;*/
				    
				}
				
				.page1 {
					/* float: left;
					_border-right: 1px solid #cccccc;*/
				}
				.page2 {
					/* float: right;*/
					
				}
				.page1 img,
				.page2 img {
					float: left;
					margin: 0;
					padding: 0;
					border-style: none;
					z-index: 1;
				}
				.shadows {
					z-index: 100;
				}
				
				/* Zoomed out preferences */
				.zoomed-out {
				    background-image: url('/_layouts/Endero.Atria.Web.Keittokirja/Images/canvasBackground.png');
				}
				.zoomed-out .twopageview {
					width: 958px;
					height: 349px;
					left: 0;
					top: 0;
				}
				.zoomed-out .twopageview div.margin {
				    top: 9px; 
				    left: 8px; 
				    position: absolute;
				}
				
				.zoomed-out .page1 {
					/* Sivun alue yhteensä 479x349px*/
					width: 471px;
					height: 332px;
					margin: 9px 1px 8px 7px;
				}
				.zoomed-out .page2 {
					/* Sivun alue yhteensä 479x349px*/
					width: 471px;
					height: 332px;
					margin: 9px 7px 8px 1px; 
				}
					.zoomed-out .page1 img.PreviewImage, 
					.zoomed-out .page2 img.PreviewImage {
						width: 471px;
						height: 332px;
					}
				.zoomed-out .shadows {
					width: 960px;
					height: 349px;
					background: transparent url(../Images/keittokirja_zoomed-out.png) no-repeat left top;
					position: absolute;
					left: 0;
					top: 0;
				}
				.zoomed-out div.Tools {
					/* Kaikki toiminnot on laitettava divin sisään, jotta ne tulevat varjojen yläpuolelle */
					z-index: 1000;
					position: absolute;
                    left: 10px;
					top: 10px;
					width: 450px;
					height: 330px;
				}
				
				.zoomed-out .page2 div.Tools 
				{
				    left: 490px;
				}
				
				/* Zoomed in preferences */
				.zoomed-in .twopageview {
					cursor: move;
					width: 1920px;
					height: 698px;
					left: -950px;
					top: 0;
				}
			
				.zoomed-in .page1 {
					width: 942px;
					height: 666px;
					margin: 16px 2px 16px 16px;
				}
				.zoomed-in .page2 {
					width: 942px;
					height: 666px;
					margin: 16px 16px 16px 0;
				}
					.zoomed-in .page1 img, 
					.zoomed-in .page2 img {
						width: 942px;
						height: 666px;
					}
				.zoomed-in .shadows {
					width: 1920px;
					height: 698px;
					background: transparent url(../Images/keittokirja_zoomed-in.png) no-repeat left top;
					position: absolute;
					left: 0;
					top: 0;
				}
				
				.zoomed-in .page1 div.Tools,
				.zoomed-in .page2 div.Tools {
					/* Toiminnot piilotettava zoom-in -tilassa */
					display: none;
				}
				
				/* Zoom buttons */
				.zoom {
					position: relative;
					width: 39px;
					height: 39px;
					float: left;
				}
				
					.zoom .zoom-in {
						position: absolute;
						top: 0;
						left: 0;
						display: block;
						width: 39px;
						height: 39px;
						background: transparent url(../Images/btn-zoomin.png) no-repeat right top;
						overflow: hidden;
						text-indent: -9000px;
					}
					.zoom .zoom-out {
						position: absolute;
						top: 0;
						left: 0;
						display: block;
						width: 39px;
						height: 39px;
						background: transparent url(../Images/btn-zoomout.png) no-repeat right top;
						overflow: hidden;
						text-indent: -9000px;
					}





.PageButtons {
    position: relative;
    top: -40px;
    z-index: 1000;
}
    .PageButtons input 
    {
        margin-left: 15px;
        margin-right: 15px;
    }
				


/* jQuery scrollable */
/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
.scroller {
	margin: 10px 0 10px 3px;
}
div.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 896px;
	height: 88px;
	
	/* custom decorations */
	padding: 7px 0 7px 0;
	background: transparent url(../Images/scroll_bg.png) repeat-x left top;
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;
	font-size: 90%;

	/* decoration */
	margin-left: 2px;
}
	div.scrollable div.items a {	
		display: block;
		color: #3e7b0e;
	}

/* single scrollable item */
div.scrollable div.items div.item {
	float:left;

	/* custom decoration */
	text-align:center;
	width: 170px;
	padding: 0px;
	height: 82px;
	overflow: hidden;
}

div.scrollable div.items div.item div {
	/* border: 1px solid #e4e6eb;*/ 
	padding: 0px;
	width: 167px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	
	color: #607784;
	height: 82px;
	letter-spacing: 0;
	background-color: Transparent;
	background-image: url(/_layouts/Endero.Atria.Web.Keittokirja/Images/spread.gif);
	background-attachment: inherit;
	background-position: center center;
	background-repeat: no-repeat;
    
}

div.scrollable div.items div.item .leftPage{
    background-color: Transparent;
	width: 80px;
	margin: 0px;
	display: inline-block;
	padding-top: 35px;
} 

div.scrollable div.items div.item .rightPage{
    background-color: Transparent;
	width: 80px;
	display: inline-block;
	padding-top: 35px;
} 

/* active item */
div.scrollable div.items div.active {
	
}
    div.scrollable div.items div.active div{
	    background-image: url(/_layouts/Endero.Atria.Web.Keittokirja/Images/spreadActive.gif);
	    background-attachment: inherit;
	    background-position: center center;
	    background-repeat: no-repeat;
    }

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display: block;
	width: 30px;
	height: 102px;
	background: transparent url(../Images/scroll_left.png) no-repeat;
	float: left;
	margin: 0;
	cursor: pointer;
	font-size: 1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -102px;
}

/* disabled navigational button */
a.disabled {
	/*visibility:hidden !important; */
}

/* next button uses another background image */
a.next, a.nextPage {
	background: transparent url(../Images/scroll_right.png);
	clear:right;	
}


/* Product search style overrides */
.ViewEditCookbookForm .extended-content 
{
    width: 960px;
}
.ViewEditCookbookForm .open-extended-content 
{
    background-image: none;
}
.ViewEditCookbookForm .open-extended-content-button 
{
    display: none;
}


/* Theme selection */
.theme-selector {
    position: relative;
}
.theme-selector .extended-content {
    width: 520px; 
    overflow: auto;
    top: 25px;
    z-index: 10000;
    background-color: #ffffff;
}
.theme-selector .theme 
{
    float: left;
    width: 120px;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    padding: 2px;
    border: 1px solid #E4E6EB;
    margin: 2px;
    background-color: #ffffff;
}
.theme-selector .theme:hover 
{
    border: 1px solid #69BE28;
} 

.theme-selector .selected 
{
    border: 2px solid #CB3537;
} 
.theme-selector .theme-image
{
    width: 120px;
    height: 85px;
    margin-bottom: 2px;
}
.theme-selector #Grill .theme-image
{
    background-image: url(/_layouts/Endero.Atria.Web.Keittokirja/Themes/Grill/thumbnail.jpg);
}
.theme-selector #Picnic .theme-image 
{
    background-image: url(/_layouts/Endero.Atria.Web.Keittokirja/Themes/Picnic/thumbnail.jpg);
}
.theme-selector #Christmas .theme-image 
{
    background-image: url(/_layouts/Endero.Atria.Web.Keittokirja/Themes/Christmas/thumbnail.jpg);
}
.theme-selector #Gourmet .theme-image 
{
    background-image: url(/_layouts/Endero.Atria.Web.Keittokirja/Themes/Gourmet/thumbnail.jpg);
}


#cookbook .border {
    border: 0;
    border-top: 1px solid #d0d8db;
    margin: 5px 0 5px 0;
    line-height: 2px;
}

#cookbook .LastModified {
    font-size: 10px;
    color: #4c4c4c;
    font-weight: bold;
}

#cookbook .Title a {
    color: #607784;
    font-weight: bold;
}

#cookbook .Title a:hover {
    color: #b50500;
}

#cookbook .Comments {
    margin: 15px 0 0 0;
    font-size: 11px;
}

#cookbook .cookbookData {
    margin: 0;
    padding: 15px 0 0 10px;
    float: left;
}

#cookbook .cookbookStatus {
    font-weight: bold;
    margin: 5px 0 0 17px;
}

#cookbook .cookbook-search label {
    padding-top: 7px;
}

#cookbook .cookbook-search search-textbox {
    padding-top: 7px;
}

#cookbook .rating {
    float: right;
    margin: 10px 0 8px 0;
}

#cookbook .event_links_area {   
    float: right;
}

#cookbook a.event_links  {
    background: transparent url(../Images/arrow_right.png) no-repeat top right;
    padding: 1px 23px 4px 0;
    color: #607784;
    font-weight: bold;
    display: block;
    margin: 8px 0 0 0;
}

#cookbook a.event_links:hover  {
    color:  #b50500;
}

#cookbook .CookbookRowMiddleCol {
    padding-top: 10px;
}


.colorbox-heading 
{
    color:#748C00;
    font-size:170%;
    font-weight:bold;
    padding-bottom: 35px
}

.empty-search-box
{
    position: absolute;
    margin-left: -215px;
    margin-top: 30px;
}

.SpreadSlider 
{
    width: 960px;
}

.toolbar-text
{
  padding-top: 5px;
}