/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 1%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;

    
    color: #333;
    border: 0px solid red;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#submitButton { cursor: pointer; }
.validation { font-size: 8pt; color: Red; font-weight: bolder; display: block; }

/* rate */
.jqmWindow #rate_this_recipe_modal p {margin:0 auto; width:170px; text-align: center;} 
.jqmWindow #rate_this_recipe_modal span#RateDialog_RollOverRating_lblRatingText { text-align: center; font-size: 0.75em; margin: 8px auto 0; display: block; }
.jqmWindow #rate_this_recipe_modal {width:300px; margin: 0 auto;}
#rate_this_recipe_modal .header {width:301px; border:0px solid yellow; height:108px;}
#rate_this_recipe_modal .header .image{background:url(/en/images/modals/rate_header.png) no-repeat; width:264px; height:110px; float:left;}
#rate_this_recipe_modal .header .frimage{background:url(/fr/images/modals/rate_header.png) no-repeat; width:264px; height:110px; float:left;}
#rate_this_recipe_modal .header .close{background:url(/images/btns/close.gif) no-repeat; width:24px; height:26px; float:left; margin:34px 0 0; cursor:pointer; display:inline;}
#rate_this_recipe_modal .body{margin:0 0 0 10px; padding:12px; width:230px; background-color:White;}
#rate_this_recipe_modal .body ul.star-rating { margin: 0 auto; }
#rate_this_recipe_modal div.jqmdBC {padding: 7px 7px 7px; overflow: auto; background-color:White; width:240px; margin:-6px 0 0 6px;}
#ratingButton{margin:0 auto; width:76px;}

/* review */
.jqmWindow #review_this_recipe_modal p {float:left;} 
.jqmWindow #review_this_recipe_modal {width:520px; margin: 0 auto;}
#review_this_recipe_modal .header {width:510px; border: 0 solid red; height:108px;}
#review_this_recipe_modal .header .image{background:url(/en/images/modals/review_recipe.png) no-repeat; width:464px; height:110px; float:left; display: inline;}
#review_this_recipe_modal .header .frimage{background:url(/fr/images/modals/review_recipe.png) no-repeat; width:464px; height:110px; float:left; display: inline;}
#review_this_recipe_modal .header .close{background:url(/images/btns/close.gif) no-repeat; width:24px; height:26px; float:left; margin:34px 0 0; cursor:pointer; display:inline;}
#review_this_recipe_modal .body{margin:0 0 0 10px; padding:12px; width:430px; background-color:White; height:425px;}
#review_this_recipe_modal .txtYourRating{width:193px; float:left}
#review_this_recipe_modal ul#rating_list { display: block; list-style: none;  float:left; width:140px; height:31px;}
#review_this_recipe_modal div.jqmdBC {padding: 7px 7px 7px; overflow: auto; background-color:White; width:240px; margin:-6px 0 0 6px;}
#review_this_recipe_modal #ratingButton{visibility:hidden;}
#review_this_recipe_modal hr{margin:-33px 0px 0px 0px}

/* send to friend */
.jqmWindow #share_this_recipe_modal p {margin: 0; width: auto; padding: 0; text-align: left;} 

.jqmWindow #share_this_recipe_modal {width:390px; margin: 0 auto;}
#share_this_recipe_modal .header {width:385px; border:0px solid yellow; height:108px;}
#share_this_recipe_modal .header .image{background:url(/en/images/modals/share_this_recipe.png) no-repeat; width:344px; height:110px; float:left;}
#share_this_recipe_modal .header .frimage{background:url(/fr/images/modals/share_this_recipe.png) no-repeat; width:344px; height:110px; float:left;}
#share_this_recipe_modal .header .close{background:url(/images/btns/close.gif) no-repeat; width:24px; height:26px; float:left; margin:34px 0 0; cursor:pointer; display:inline;}
#share_this_recipe_modal .body{margin:0 0 0 10px; padding:12px; width:310px; background-color:White;}
#share_this_recipe_modal div.jqmdBC {padding: 7px 7px 7px; overflow: auto; background-color:White; width:240px; margin:-6px 0 0 6px;}
#ratingButton{margin:0 auto; width:76px;}

/* stars */
ul#rating_list { display: block; list-style: none;  margin:0 auto; width:140px; height:31px;}
ul#rating_list li { float:left; }
ul#rating_list li a { display: block; width: 100%; height: 100%; }
li#rating_one { background: url(/KnorrRecipes/images/common/stars.gif) no-repeat; height:28px; width:27px; }
li#rating_two { background: url(/KnorrRecipes/images/common/stars.gif) no-repeat; height:28px; width:27px; }
li#rating_three { background: url(/KnorrRecipes/images/common/stars.gif) no-repeat; height:28px; width:27px; }
li#rating_four { background: url(/KnorrRecipes/images/common/stars.gif) no-repeat; height:28px; width:27px; }
li#rating_five { background: url(/KnorrRecipes/images/common/stars.gif) no-repeat; height:28px; width:27px; }
#rating_text{ color:#686868; text-align:center; display:block; width:200px !important; font-size:.75em; float:left}


/*Lightbox General */


/* Lightbox: Rate Recipe */
#rateRecipeWindow {margin: 5px; padding: 7px; /*height: 203px;*/ border: 0px dotted #cacaca; }
img#ctl00_MainContentHolder_RateReview_RateDialog_imgLogoImage { float: left; margin-bottom: 10px; border: 1px solid red; }
#ctl00_MainContentHolder_RateReview_RateDialog_imgCloseButton { float: right;  border: 1px solid red; }
#rateRecipeWindow h3 { margin: 10px 0 0 0; clear: both; border: 0px solid red; }
table#recipeRater { margin: 0; }
table#recipeRater td { vertical-align: top; }
table#recipeRater td.inMyOpinion { width: 170px; padding: 6px 0 0 0; }
table#recipeRater td.rating { width: 170px; text-align: center;}
table#recipeRater td.rating ul { margin: 0 auto; }
table#recipeRater td.ratingComment { font-size: 8pt; font-weight: bold; color: #777677; text-align: center; }
div#ratingButton { margin: 10px auto 0; border: 0px solid red; text-align: center; width: auto; }

/* Lightbox: Review Recipe */
#reviewRecipeWindow { margin: 5px; padding: 7px; }
img#ctl00_MainContentHolder_RateReview_ReviewDialog_imgLogoImage { float: left; margin-bottom: 10px; border: 0px solid red; }
#ctl00_MainContentHolder_RateReview_ReviewDialog_imgCloseButton { float: right;  border: 1px solid red; }
#reviewRecipeWindow h3 { clear: both; margin: 15px 0 0 0;  border: 0px solid red; }
table#reviewForm { width: 100%; border-top: 0 solid #cae4be; margin: 0; }
input#txtFirstName, input#txtEmailAddress { border: 1px solid #b2b2b2; width: 184px; clear: left; }
textarea#txtReview { border: 1px solid #b2b2b2; width: 389px; height: 110px; }
table#reviewForm span.formLabel { font-weight: bold; color: #777777; } 
#reviewRecipeWindow .validation { font-size: 8pt; }
#reviewRecipeWindow p#disclaimer { font-size: 8pt; margin: 0px 5px;}
#reviewRecipeWindow  #optIn {clear: both; font-size: 8pt; margin: 0px 5px; }
#reviewRecipeWindow #submitButton { margin: 20px 0; text-align: center; float:right;}

/* Lightbox: Email Recipe */
#TB_title { display: none; }
#sendEmailForm { margin: 5px; padding: 7px; height: 400px; border: 0px dotted #cacaca; }
img#ctl00_MainContentHolder_PrintEmail_imgLogoImage { float: left; margin-bottom: 10px; border: 0px solid red; }
#ctl00_MainContentHolder_PrintEmail_imgCloseButton { float: right;  border: 1px solid red; }
#ctl00_MainContentHolder_PrintEmail_btnSendRecipe { margin: 10px 0; }
#sendEmailForm h3 { clear: both; margin: 15px 0 0 0;  border: 0px solid red; }
#sendEmailForm table { width: 245px; margin: 0 auto; padding: 0; }
#sendEmailForm table td { padding: 2px 0; vertical-align: top; }
#sendEmailForm table td.col1 { /*width: 100px;*/ padding: 0 0 10px 0; }
#sendEmailForm table td.col2 { /*width: 250px;*/ }
#sendEmailForm table td.sendButton { text-align: center; }
#sendEmailForm span.formLabel  { font-weight: bold; color: #777777; } 
#sendEmailForm .validation { font-size: 8pt; }
input#txtYourName, input#txtYourEmail, input#txtFriendName, input#txtFriendEmail  { width: 200px; border: 1px solid #b2b2b2 }
div#share_this_recipe_modal input[type="text"], div#share_this_recipe_modal textarea { width: 240px; border: 1px solid #b2b2b2 }
textarea#txtMessage { width: 365px; height: 90px; border: 1px solid #b2b2b }

.recipe_photo {	border: solid 1px #aebc6b }