@charset "utf-8";
/* CSS Document */


@import url("../LCHF_Main/skin.css");

td
{
    font-size:12px;
    font-weight:normal;
}

span
{
    max-width:29em;
}


#headerWrapper
{
    width:45em;
    height:13.5em;
    
}

#headerImg
{
    height:13.5em;
    width:29em;
    float:left;
    background-image: url(grafik/headerBack.png);
    background-repeat:no-repeat;
    margin:0.5em 1em 0em 0em; 
}

#headerTxt
{
    float:left;
    height:15em;
    width:18em;
    font-size:0.8em; 
}

#headerTxt a.start_links:hover{color:#f26721; text-decoration:none; border-bottom:0;} 


#searchRecept_Module_Wrapper
{
    font-size:12px;
    width:715px;
}

#searchRecept_Categories_Container
{
    width:45em;
    margin: 24px 0 24px 0;
}

.categoriesItemHolder
{
    font-size:12px;
    font-weight:bold;
    width:178px;
}

.view_categoriesItemHolder
{
    font-size:12px;
    font-weight:bold;
    width:300px;
    float:left;
}

.list_categoriesItemHolder
{
    float:left;
    font-size:12px;
    width:320px;
    
}
    

.module_Wide_Container_Left
{
    width:29em;
    margin:1em 0 0 0;
    padding:0;
}

.module_Header_Wide
{
    width:29em;
    background-image:url(../LCHF_Main/grafik/bred-mod-bg.gif);
    text-indent:0.5em; 
    height:2.5em;
    padding-top:0.4em;
    margin:1em 1em 0 0;
    background-repeat:no-repeat;
    float:left;
    color:#FFF;
}

.module_Small_Header
{
    text-indent:0.5em;
    padding-top:0.4em;  
    margin:1em 1em 0 0;
    width:14em;
    height:2.5em;
    background-image:url(../LCHF_Main/grafik/smal-mod-bg.gif);
    background-repeat:no-repeat; 
    float:left; 
    color:#FFF;
}


.receptList_container
{
    width:29em;
    float:left;
    margin:1em 1em 0.4375em 0;
   
}

.receptCategories_container
{
    width:13em;
    float:left;
    margin:1em 0 1em 0;
    padding-left:1em; 
    
}

.teaser_small_img
{
    width:12em;
    height:5.2em;
    background-image: url(grafik/spaguccini2.jpg);
    
}

.teaser_wide_text
{
    width:20.3em;
    float:left;
    font-size:12px;
    float:left;
    padding-top:0.5em;
    
}
.teaser_wide_sep
{
    width:1.7em;
    height:8em;
    float:left;
    padding-top:0.5em;
}

.teaser_wide_img
{
    width:12em;
    background-image: url(grafik/teaser_add_recept_small.jpg);
    background-repeat:no-repeat;
    height:7.44em;
    float:left;
    margin-top:0.5em;
}

.listItem, .listItem2 {
	margin-top: 2em;
}

.receptList_container tr:first-child .listItem2 { margin-top: 0; }


.horizontalSeperator
{
    /*background-color:#CCCCCC;
    height: 1px;*/
     
	height: 2em;
	border-bottom: solid 0.0625em #FBFBFB;
	margin-bottom: 2em;
	float: left;
}
   

.listItem
{
    width:44em;
    min-height:6.8em;
    
}

.listItem2
{
    width:29em;
    min-height:6.8em;
}

.listItemImage
{
    width: 10em;
    margin-right:0.5em; 
    padding-bottom:0.5em;
    float:left;
}

.listItemInfo
{
    width: 21em;
    float:left;  
}

.listItemInfo2
{
    width: 18.4375em;
    float:left;  
}

.listItemTxt
{
    width:34em;
    font-size:0.75em; 
    float:left;
}

.listItemLnk 
{
    width:22em;
    font-size:12px;
    margin:0em 0 1em 0;
    float:left;
    
    
}


.listItemVotes
{
    width: 11em;
    float:left;
    font-size:0.75em;
}

.listItemRating
{
    width:10em;
    float:right;
    font-size:12px;
    text-align:right;
     
}

.categoriesText
{
    width:5em;
    float:left;
    font-size:12px;
    font-weight:bold;
    padding-top:0.075em;
}

.categoriesItemHolder
{
    float:left;
   
}


.receptListHeader 
{
    width:44em;
    height:3em;
    margin-right:16px;
    margin-bottom: 8px;
}
.receptListHeaderLeft
{
    width:22.5em;
    float:left;
    min-height:0.5em;
}
.receptListHeaderRight 
{
    width:21.5em;
    text-align:right;
    float:left;
    
}
.receptListHeaderTitle
{
     
}
.receptListHeaderResults
{
    font-size:12px;
    font-style:italic; 
}

.textSearch
{
    font-size:12px;
    width:7em;
    
}
.textSearchInput
{
    width:10em;
    float:left;
    margin-top:0.5em;
}
.textSearchBtn
{
    width:5em;
    font-size:12px;
    float:left;
    margin-top:0.5em;
}

.navigationControls
{
  font-size:12px;
}

.sortItemSelection, .sortItemLabel
{
    width: 9em;
    margin-right:1em;
    font-size:12px;
    float:right; 
}
.sortItemLabel
{
    padding-top:0.2em;
}

.bold
{
    /*ont-size:14px;*/
    font-weight:bold;
} 

.likeIcon
{
    margin-right:0.3em;
    padding-top:0.3em; 
}

/* For ViewRecept - Page */

#singleRecept_Header
{
    width:704px;
    height:176px;
    
}

#singleRecept_Image
{
    width:auto;
    float:left;
    margin-right:1.5em;
}
#singleRecept_Header_Info_Wrapper
{
    width:25em;
    float:left; 
    height:161px;
    
      
}
#singleRecept_Header_Title
{
    font-size:16px;
    font-weight:bold;
}
#singleRecept_Header_UsrInfoStat
{
    font-size:12px;
    font-weight:bold;
    float:left;
    width:6.5em;
   
}
#singleRecept_Header_UsrInfoDyn
{
    font-size:12px;
    font-weight:bold;
    float:left;
    min-width:24em;
    max-width:27em;
     
}
#singleRecept_Header_CatInfoStat
{
    font-size:12px;
    font-weight:bold;
    width:5em;
    float:left;
}

#singleRecept_Header_Desc
{
    font-size:12px;
    margin-top:2em;
    width:35em;
    height:5.8em;
   
    
}

#singleRecept_Header_Desc_Txt
{
    font-size:12px;
    width:17em;
    float:left;
   /* height:5.8em; */
}


#singleRecept_Header_Desc_Image
{
    height:5.8em;
    width:18em;
    float:left;
    font-size:12px;
    /*padding-left:11em;*/
}

#singleRecept_Header_Desc_Image_Txt
{
    font-size:12px;
    width:6em;
    float:left;
    height:5.8em;
    padding-left:2em;
}

.singleRecept_Header_Desc_Image_TxtItem
{
    font-size:12px;
}

#singleRecept_Header_Desc_Image_Img
{
    font-size:12px;
    width:7em;
    float:left;
    height:5.8em;
    padding-left:3em;
    background-image:url(grafik/circle.gif);
    background-repeat:no-repeat;
    background-position:right;
    
}

.singleRecept_Header_Desc_Image_ImgTxt
{
    padding-left:1.5em; 
    width:2.7em;
    padding-top:0.1em;
    text-align:right;
    color:#FFF;
   
    
}


.singleRecept_Header_Desc_ImageTxt
{
    font-size:12px;
}

#singleRecept_Toolbar
{
    margin:0em 0 0 0;
    width:25em;
    height:20px;
    padding:0em 0 0 0em;
    float:left;
}

.singleRecept_Toolbar_Item
{
    max-width:18em;
    font-size:12px;
    float:left;
    margin-right:1em;
}

.singleRecept_Toolbar_Feedback
{
    font-size:12px;
    color:Green;
    height:auto;
    min-width:55em;
    float:left;
    margin-top:0.2em;
    
    
}

#singleRecept_Content_Ingredienses
{
    width:15em;
    float:left;
    
}

.singleRecept_IngredientListItem
{
    font-weight:bold;
    font-size:12px;
    color:#808080;
}

#singleRecept_Content_Instructions
{
    width:29em;
    padding-left:1em;
    float:left;
    font-size:12px;
    font-weight:normal;   
}

#singleRecept_Disclaimer_Container
{
    width:44em;
    background-color:Fuchsia;
    float:left;
    text-align:right;
}

.instructionsText
{
    font-size:12px;
    font-weight:normal;
}

.red 
{
    color:Red;
    font-size:12px;
}

.green
{
    color:Green;
}

.ReceptLink
{
    font-size:14px;
    font-weight:bold;
}

.small
{
    font-size:12px;
}



/* EDIT RECEPT CSS */

#editRecept_wrapper
{
    width:45em;   
}

.editRecept_leftItem
{
    width:21em;
    float:left;   
   
}

.editRecept_rightItem
{
    width: 21em;
    float:left;
    padding-left: 2em;
   
}

.editRecept_fullItem
{
    width:45em;
    float:left;
}

.editRecept_paneItem_left
{
    width:3em;
    float:left;
    
}
.editRecept_paneItem_right
{
    width:15em;
    float:left;
    padding-left:1em;
    
   
}
.editRecept_paneItem_right ul
{
    font-size:19px;
}


.editRecept_paneItem_full
{
    width:20em;
   
    float:left;
}

.txtExplain 
{
    font-style:italic;
    color:#999999;
}

.headline
{
    font-size:12px;
    font-weight:bold;
}

#start_leftPane
{
    width:29em;
    float:left; 
}
#start_leftPane .module_Wide_Container_Left { margin: 0; }
#start_leftPane .module_Wide_Header  h3 {
	text-indent: 0;
	padding: 0;
}

#start_rightPane
{
     width:14em;
     float:left;  
     padding-left:1em;
     margin-right:-1em;
}

#start_rightPane .module_Narrow_Header  h3 {
	text-indent: 0;
	padding: 0 0 0 16px;
}

.gray
{
    color:#808080;
}




/* CompletionList CSS */

.completionList
{
    /*background-color:#FFF;
    /*width:10px;
    font-size:12px;
    border:solid 1px #000;
    /*margin-top:0em !important;
    text-align:left !important;
    /*margin-left : -3em !important;
    /**/
     /*padding-left:2em !important;
     width: auto !important;*/
    /*background-image:url('images/wordWheelBack.gif');*/
    /*background-repeat:repeat-x;*/
    /*background-color:#FFFFFF;*/
    /*overflow-y:scroll;*/
    background-color:#FFF;
    z-index:1000;
    width:245px !important;
    /*max-height:250px !important;*/
    text-align:inherit;
    text-indent:-1;
    list-style:none;
    
    /*overflow-y:scroll;*/
    margin-left:0px;
    /*border-bottom:1px solid #B5C6D4;
    border-left:1px solid #B5C6D4;*/
    margin-top:0px;
    padding-left:0px;
    font-size:12px;
    font-size:12px !important;
    
}
.completionList .completionListItem
{
    /*color:#000;
    background-color:#FFF;
    font-size:12px;
    margin-left : -3em !important;
     width: auto !important;*/
    background:none;
    /*background-color:#FFF;  */
    border-collapse:collapse;
    color:#00337E;
    /*color:Fuchsia;*/
    /*white-space:nowrap;*/
    white-space:normal;
    text-align:inherit left;
    padding-left:0px;
    padding:0px;
    margin:1%;
    font-size:12px;
    font-size:12px !important;
    
    
   
}



.completionList .completionListItemHighlight
{
    /*background-color:#ffad37;
    font-size:12px;*/
    /*margin-left : -3em !important;*/
    /*padding:0px !important;*/
    /*color:#000 !important;
   /* position:relative !important;*/
   /* background-image:url('images/wordWheelSelectedIndexBack.gif');
    background-repeat:repeat-x;*/
    background-color:#EED47D;
    color:#00337E;
    /*border-top:1px solid #FFF8E8;
    border-left:1px solid #FFF8E8;
    border-bottom:1px solid #00337E;
    border-right:1px solid #00337E;*/
    font-size:12px !important;
    
   
    
}

/* For the Add-Ingredient popup */

#popup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:550px;  
width:408px;  
background:#FFFFFF;  
border:2px solid #cecece;  
z-index:2;  
padding:12px;  
font-size:13px;  
}

#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
}   

#popupTopPanel
{
    text-align:right;
    cursor:pointer;
}

#buttonpop
{
    width:5em;
    padding-top:1em;
    text-align:center;
    background-color:Blue;
    float:left;
}

.popup_nutrients_item
{
    width:250px;
    float:left;
    height:auto;
    margin-top:0.2em;
}
.popup_nutrients_item_left
{
    width:100px;
    float:left;
    font-size:12px;
}
.popup_nutrients_item_right
{
    width:100px;
    float:left;
    font-size:12px;
   
}

.popupContent_Units
{
    width:120px;
    float:left;
    height:auto;  
}

.popupContent_Units_left
{
   width:50px;
   float:left;
   font-size:12px;
}
.popupContent_Units_right
{
    width:70px;
    float:left;
    font-size:12px;
}

.popup_head
{
    font-weight:bold;
}

#popup_Units_Desc
{
    float:left;
    width:400px;
    
}

#popup_bottom_left
{
    width:400px;
    float:left;
    padding-top:0.5em;
    text-align:center;
}
#popup_bottom_right
{
    width:400px;
    float:left;
    color:#52B42E;
    padding-top:0.5em;
    display:none;
    text-align:center
    
    
   
    
}

.popup_errorText
{
    padding-top:1em;
    font-size:11px;
    color:#F80A21;
    width:300px;
    float:left;
    height:auto;
}

.new
{
    color:#F8BB08;
}

#preview_leftPane
{
	width:25em;
	float:left;
}

#preview_rightPane
{
	padding-left:2em;
	width:15em;
	float:left;
}

#preview_buttons
 {
 	width:45em;
    text-align:center;
 	float:left;
 	bottom:0px;
 }

@media print 
{

 font-size: 30px;				

}
 
 

/* View comments */

#singleRecept_Comments
{
	/*background-color:Blue;*/	
	width:25em;
	float:left;
}

.commentWrapper
{
	padding-top:1em;
	padding-left:6em;
	width:35em;

	
}
.commentLeft
{
	font-size:12px;
	width:6em;
	float:left;
	
}


.commentCenter
{
	font-size:12px;
	width:32em;
	float:left;
	

	
}

.commentRight
{
	font-size:12px;
	float:left;
	width:8em;
	text-align:right;
	
	
	
}

.commentText
{
	float:left;
	width:40em;
	font-size:12px;
	
}

.printBtn
{
	text-align:right;
	float:right;
	font-size:12px;
	padding-top:0.25em;
}