/*
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
root {
display: block;
}
/* #doc{
width: 1007px;
} */
#hd{
height: 79px;
}
#blue_head{
width: 35%;
}
#u_header{
background: url(../images/blue-header-bg.png) repeat-x;
height: 25px;
width: 100%;
top: 0;
left: 0;
-webkit-background-size: 100% 100%;
}
#blue_title{
text-align: center;
padding-top: 3px;
color: white;
width: 100%;
top: 0;
left: 0;
-webkit-background-size: 100% 100%;
}
body ul.ui-autocomplete {
height: 150px !important;
overflow: auto !important;
}
#main_header{
background: url(../images/white.png) repeat-x;
height: 60px;
width: 100%;
top: 0;
left: 0;
-webkit-background-size: 100% 100%;
}
.left{
margin-left: 10px;
padding-top: 11px;
float: left;
width:120px;
}
.hiddenDiv{
display:none;
position:absolute;
width:300px;
height:200px;
background-color: black
}
.left_btn{
float: left;
}
.left1{
margin-left: 10px;
padding-top: 11px;
float: left;
width: 33%;
}
.middle{
padding-top: 3px;
padding-left:10px;
}
#left_panel{
background: url(../images/bg-left-pannel_1.png) repeat;
width: 100%;
height: 2000px;
top: 0;
left: 0;
/* margin-top: -12px;
-webkit-background-size: 100% 100%; */
}
html>body #left_panel{
height:100%;
}
.left-title{
color:#5F7081;
font-family:helvetica-bold,arial;
font-size:11px;
margin-left:10px;
margin-top:12px;
}
.left_contents{
/*margin-left: 15px;*/
margin-top: 12px;
/*width: 100px;*/
}
.left_contents1{
margin-left: -30px;
/*margin-top: 12px;*/
margin-top: 5px;
}
.left_name{
margin-left: 25px;
/*margin-top: 4px;*/
color: blue;
width: 100px;
padding-top: 4px;
}
html>body .left_name{
margin-top: 4px;
width: 125px;
}
.left_name1{
margin-left: 25px;
/*margin-top: 4px;*/
color: blue;
width: 125px;
padding-top: 4px;
}
#shoppingListLinkDiv{
margin-top: -21px;
}
html>body #shoppingListLinkDiv{
margin-top: 0;
}
.cd_link_further{
color: blue;
margin-top:5px;
}
.left_img{
float: left;
margin-top: 5px;
}
.left_img1{
float: left;
/* margin-top: 5px;*/
}
#right_panel{
background: url(../images/bg_body.png) repeat;
width: 800px;
top: 0;
left: 0;
-webkit-background-size: 100% 100%;
}
#hd_title{
font-weight: bold;
font-size: 20px;
padding: 5px 0 0 10px;
/*margin-left: 20px;*/
/*margin-top: 10px;*/
}
#hd_title_wp{
font-weight: bold;
font-size: 20px;
margin-left: 10px;
margin-top: 10px;
}
#hd_label_wp{
font-weight: bold;
font-size: 15px;
margin-left: 10px;
margin-top: 10px;
vertical-align: middle;
}
.hd_label_wp{
font-weight: bold;
font-size: 15px;
margin-left: 10px;
margin-top: 10px;
vertical-align: middle;
}
.hd_label_wp1{
display:block;
font-weight: bold;
font-size: 15px;
margin-left: 0px;
margin-top: 10px;
vertical-align: middle;
}
#hd_state{
/*margin-left: 20px;*/
margin-top: 5px;
padding: 5px 0 0 10px;
}
#details{
padding-top: 30px;
padding-left: 15px;
}
.details{
padding-top: 25px;
padding-left: 15px;
}
#d_left{
color: #8A8E8E;
font-weight: bold;
font-size: 18px;
margin-left: 5px;
}
.d_left{
color: #8A8E8E;
font-weight: bold;
font-size: 18px;
margin-left: 5px;
}
.input{
height: 2.37em;
width: 21em;
}
.input2{
height: 2.37em;
width: 10em;
}
.inputSelect{
height: 2.37em;
width: 12em;
}
.inputSelectP{
height: 2.37em;
width: 10em;
}
.inputSelectWinePairing{
height: 2.37em;
width: 8em;
}
.inputServes{
height: 2.37em;
width: 3em;
}
#cat_detail{
width:650px;
margin-left: 90px;
margin-top: 20px;
}
.recipeNotes{
float:left;
margin-left: 20px;
margin-top: 10px;
width:97%;
}
.divStyle{
width: 20%;
float:left
}
#border{
padding-top: 15px;
border-bottom: 1px solid silver;
width: 780px;
}
.ingredients{
/* border: 1px solid silver; */
height: 180px;
/*width: 620px;*/
width: 547px;
background: white;
overflow: scroll;
margin-top: -14px;
}
html>body .ingredients{
width: 578px;
}
.amount{
height: 2.37em;
width: 3.5em;
}
#amount{
height: 2.37em;
width: 3.5em;
}
#unit{
height: 2.37em;
width: 3.5em;
}
.unit{
height: 2.37em;
width: 3.5em;
}
#below{
background: url(../images/bg-left-pannel_1.png) repeat;
padding-top: 9px;
border: 1px solid silver;
height: 61px;
margin-top: 55px;
}
.imageThumb{
padding-top: 2px;
/*border: 1px solid silver;*/
width: 90%;
margin: 5px;
/*height: 61px;*/
margin-top: 20px;
margin-left: auto;
margin-right: auto;
text-align: center;
opacity: 0.77;
}
.categoryAddButton{
width: 3.35em;
height: 2.37em;
}
.imageThumbCenterImage
{
display: block;
margin-left: auto;
margin-right: auto;
}
.amt{
float: left;
width: 55px;
}
.ing{
float: left;
width: 135px;
}
.prep{
float: left;
width: 300px;
}
.ingredient1{
height: 2.37em;
/*width: 35em;*/
width: 10em;
}
html>body .ingredient1{
width: 10em;
}
.preparations1{
height: 2.37em;
/*width: 35em;*/
width: 25em;
}
html>body preparations1{
width: 10em;
}
.addImg{
padding-top: 12px;
/*padding-left: 575px;*/
padding-left: 510px;
}
html>body .addImg{
padding-left: 543px;
}
.ingredient{
margin-left: 10px;
/* border: 1px solid silver; */
padding-left: 10px;
margin-top: 1px;
width: 553px;
background: #A9E6FC;
height: 23px;
padding-top: 8px;
-moz-border-radius:0.5em;
-khtml-border-radius:0.5em;
}
.bindIngredientsList {
margin-left: 1px !important;
margin-right: 1px !important;
width: auto !important;
}
.amountDiv{
float: left;
width: 50px;
margin-top: -3px;
}
html>body .amountDiv{
margin-top: 0px;
}
.unitDiv{
float: left;
width: 105px;
margin-top: -3px;
}
html>body .unitDiv{
margin-top: 0px;
}
.prepDiv{
float: left;
width: 200px;
margin-top: -3px;
}
html>body .prepDiv{
margin-top: 0px;
}
.ingDiv{
float: left;
width: 370px;
margin-top: -3px;
}
html>body .ingDiv{
width: 170px;
margin-top: 0px;
}
.arrow{
float: left;
margin-left: -20px;
margin-top: 4px;
}
.left_child{
float: left;
margin-left: 20px;
margin-top: 4px;
}
.left_child1{
margin-top: 4px;
margin-left: 48px;
}
#rdetail{
width: 160px;
}
.rdetail{
/*width: 160px;*/
width: 200px;
}
#q {
background: white url(../images/search-bg.png) no-repeat 100% 0;
/*-moz-border-radius : 9px;*/
-webkit-border-radius : 9px;
padding: 5px 20px 2px 5px;
border: 1px solid #aaa;
width: 170px;
color: #777;
height: 25px;
font-size: 12px;
float: right;
}
html>body #q{
}
.searchField{
-moz-border-radius : 9px;
}
.right{
margin-right: 10px;
margin-top: 10px;
}
.header_b{
}
#ft{
background: url(../images/footer_bg1.png) repeat-x;
}
.bot{
width: 100%;
}
.b_left{
float: left;
margin-left: 25px;
margin-top: 7px;
}
.b_middle{
float: left;
margin-top: 15px;
margin-left: 112px;
}
.b_right{
margin-top: 7px;
margin-left: 6px;
float: left;
}
/* channel details */
.channel_tabs{
/*margin-top: -104px;*/
margin-top: -64px;
min-width: 100%;
}
.recipe_tabs{
margin-top: -145px;
min-width: 100%;
}
.channel_tabs1{
margin-top: -30px;
min-width: 100%;
}
#tab_contents{
background: url(../images/bg_body.png) repeat;
min-height: 200px;
border: 0px;
}
#tabs_nav {
padding-left: 247px;
}
#center_panel{
width: 100%;
}
#back{
background: #ccc;
border-top: 2px solid gray;
}
#upper{
padding-left: 248px;
font-size: 22px;
font-weight: bold;
padding-top: 25px;
padding-top: 19px;
}
#upper-l{
margin-top: 8px;
margin-left: 255px;
font-weight: bold;
}
#upper-ll{
margin-top: 8px;
margin-left: 255px;
font-weight: bold;
}
#upper-des{
margin-top: 8px;
margin-left: 255px;
font-weight: bold;
}
#c_detail{
/*background-color: #e7edf1;*/
/*border-top: 1px solid gray;*/
height: 250px;
/*min-width: 850px;*/
margin-top: 15px;
width: 100%;
}
#cook_detail{
background-color: #e7edf1;
border-top: 1px solid gray;
height: 250px;
/*min-width: 850px;*/
margin-top: 15px;
width: 120%;
}
html>body #cook_detail{
width: 100%;
}
#upper-l1{
margin-top: 21px;
margin-left: 40px;
font-weight: bold;
float: left;
}
.upper_image{
z-index: 1;
position: absolute;
/*margin-top: -20px;*/
margin-top: -42px;
margin-left: -236px;
}
html>body .upper_image{
margin-left: 20px;
}
.center_top{
background: url(../images/r-h-bg.jpg) repeat-x;
height: 38px;
}
#main{
/* min-width: 850px;*/
min-width: 100%;
}
#data_table{
margin-top: 10px;
margin-left: 10px;
}
html>body #data_table{
margin-left: 12px;
}
.left_tab_part{
float: left;
}
#data_table1{
margin-left: 11px;
margin-top: 12px;
}
#data_table2{
margin-left: 11px;
margin-top: 12px;
}
#data_table3{
margin-left: 11px;
margin-top: 12px;
}
.right_tab_part{
margin-left: 226px;
}
.tab_left_title{
margin-top: 10px;
}
.tab_left_border{
margin-top: -5px;
}
/*********commit changes by 1047 change position of description field on addVarietal page***********/
#description{
/* margin-left: 365px;
width: 371px;
width: 40%;
margin-top: 15px; */
}
.desc{
float: left;
}
#rdb_description1{
/*margin-left: 366px;*/
margin-left: 360px;
/*width: 371px;
width: 40%;*/
margin-top: 10px;
}
#description1{
margin-left: 366px;
/*width: 371px;
width: 40%;*/
/*margin-top: 10px;*/
margin-top: 9px;
}
#descriptionl1 {
margin-left:366px;
margin-top:15px;
}
#lc_rating{
margin-left: 366px;
/*width: 371px;*/
width: 40%;
margin-top: 10px;
}
#home_title{
text-decoration: none;
color: white;
}
.library{
color:#333333;
font-family:helvetica,arial;
font-size:13px;
text-decoration:none;
}
.cd_center {
margin-left:5px;
padding-top:3px;
}
.yui-dt table{
width:100%;
}
.small-heading{
font-size: 100%;
color: #5f7081;
font-weight: bold;
}
.estore_left{
padding-left: 30px;
margin-top: -16px;
}
.e-store, .channels, .redeem{
margin-top:15px;
margin-left:15px;
}
.cd_dt{
padding-bottom: 5px;
font-weight: bold;
border-bottom: 1px dotted gray;
/*width: 250px;*/
width: 85%;
}
.cb-topLinks{
text-decoration: none;
font-weight: bold;
}
#chd_fr{
font-size:16px;
font-weight:bold;
margin-bottom:12px;
}
#chd_see_all{
color:blue;
font-size:12px;
margin-left:143px;
margin-top:-17px;
}
#chd_subscribe{
margin-left:970px;
/*margin-top:-31px;*/
margin-top: -32px;
float: right;
}
.estore_rxb_center{
/*background:url("../images/kraft_food_bg.png") no-repeat;*/
width: 100%;
height: 100%;
}
#estore_rxb_left_div{
-moz-border-radius:0.7em 0.7em 0.7em 0.7em;
border-radius:0.7em 0.7em 0.7em 0.7em;
background:url("../images/estore_rxb_dialog_bg.png") repeat scroll 0 0 transparent;
/*border:1px solid gray;*/
height:375px;
margin-left:20px;
margin-top:48px;
width:379px;
}
#rxb_recipe_code{
margin-left: 10px;
}
#rxb_input_text{
color:#666666;
font-family:arial;
font-size:14px;
margin-left:19px;
margin-top:34px;
}
#rxb_input{
height:35px;
width:307px;
}
#rxb_buttons{
margin-left:68px;
margin-top:75px;
}
#kraft_food{
float:right;
margin-left:50px;
margin-top:-331px;
}
#rxb_top_left{
float:right;
margin-top:-19px;
padding-right:5px;
}
#rxb_main{
/*background:url("../images/rxb_bg.png") repeat-x scroll 0 0 #DCEFF9;*/
background:url("../images/kraft_food_bg.png") no-repeat;
margin-left: 65px;
margin-top: 35px;
width: 87%;
}
#rxb_act{
text-decoration: none;
font-size: 20px;
/*font-weight: bold;*/
float: left;
color: #006699;
}
.esite_sgnup{
margin-top: 30px;
}
.rxb_signin{
margin-top: 30px;
}
.esite_sgnin_btn{
margin-top: 30px;
margin-left: 20px;
}
.xrb_adv{
font-style: italic;
font-weight: bold;
font-size: 15px;
border-bottom: 1px dotted gray;
margin-top: 20px;
margin-left: 20px;
height: 25px;
}
#estore_rxb_left_div1{
-moz-border-radius:0.7em 0.7em 0.7em 0.7em;
border-radius:0.7em 0.7em 0.7em 0.7em;
background: url("../images/esite_rxb_bg.png") repeat;
border:1px solid gray;
height:600px;
margin-left:20px;
margin-top:48px;
width:400px;
/*background-color: #f0f0f0;*/
}
#kraft_food1{
float:right;
margin-left:50px;
margin-top:-770px;
}
/* ------------- search page css -------------------- */
.search_title{
margin-left: 35px;
font-size: 20px;
font-weight: bold;
margin-top: 20px;
}
.dt_portion{
margin-top: 25px;
margin-left: 35px;
}
.dt_title{
font-size: 17px;
font-weight: bold;
}
.dts{
margin-top: 5px;
width: 98%;
}
.dts_library_search{
border: 1px solid;
margin-top: 5px;
max-height: 160px;
min-height: 60px;
overflow-y: scroll;
width: 98%;
}
#dt_seeAll{
margin-left: 10px;
font-size: 12px;
font-weight: normal;
}
#chd_subscribe1 {
margin-left:247px;
margin-top:-34px;
float: left;
}
#sch_top{
margin-top: -34px;
float: left;
}
/* ------------- end search page css ---------------- */
/******************Recipe Detail Section**************************/
.top_button_panel{
background:url("../images/white.png") repeat-x;
width: 100%;
height: 45px;
}
#rd_radio_div{
margin-left: 10px;
/*margin-top: -17px;*/
margin-top: 0px;
}
html>body #rd_radio_div{
margin-top: 0px;
}
#rd_radio_div1{
margin-left: 10px;
/*margin-top: -17px;*/
padding-top: 15px;
}
html>body #rd_radio_div1{
padding-top: 10px;
}
#rd_serving_div{
float: left;
width: 55px;
margin-left: -50px;
margin-top: 3px;
}
html>body #rd_serving_div{
margin-left: 0px;
margin-top: 0px;
}
#rd_serving_input{
float: left;
width: 60px;
}
#span_us{
float: left;
width: 19px;
margin-left: -270px;
}
html>body #span_us{
margin-left: 0px;
}
.amazing_desserts{
margin-left:10px;
padding-top: 9px;
/*width:121px;*/
}
#central_controls{
/* margin-top:-24px; */
margin-left: 300px;
/*position:relative;*/
}
#serving_input{
margin-left: -300px;
width:22px;
height:23px;
text-align: center;
}
html>body #serving_input{
margin-left:8px;
}
.rd_cheks{
float: left;
margin-left: -250px;
margin-top: 3px;
}
html>body .rd_cheks{
margin-left: 0px;
margin-top: 0px;
}
.rd_cheks1{
float: left;
margin-left: -205px;
margin-top: 3px;
}
html>body .rd_cheks1{
margin-left: 0px;
margin-top: 0px;
}
#span_metric{
margin-left: -225px;
width: 24px;
float: left;
}
html>body #span_metric{
margin-left: 12px;
}
#calculate_button{
margin-left: 547px;
}
html>body #calculate_button{
margin-left: 547px;
}
#cal_button_div{
float: left;
margin-left: -150px;
}
html>body #cal_button_div{
margin-left: 25px;
}
.yui-skin-sam .yui-navset .yui-nav li{
}
.yui-skin-sam .yui-navset .yui-nav{
padding-left:222px;
}
#tab1_left_portion{
height:400px;
margin-left:10px;
margin-top:25px;
width:100%;
}
#tab1_left_portion1{
height:400px;
/* margin-left:10px; */
margin-left: -38px;
margin-top:25px;
width: 260px;
/* width:337px; */
}
#tab1_right_portion {
height:400px;
margin-left:25px;
margin-top:25px;
width:100%;
}
#tab1_right_portion1 {
height:400px;
/* margin-left:25px; */
margin-left: -25px;
margin-top:25px;
/* width:385px; */
width: 275px;
}
#thumb_image{
height:10px;
margin-left:14px;
margin-top:-159px;
}
#rd_content_pane{
margin-top:-40px;
}
#internal_content_pane{
background: url("../images/bg_body.png") repeat-x;
}
#home_bkg{
background: url("../images/home_bkg.jpg") repeat-y;
width: 1200px;
margin-left: auto;
margin-right: auto;
}
.captions{
font-size: 15px;
font-family: arial;
font-weight: bold;
border-bottom: 1px dotted gray;
height: 25px;
}
.glossary_button{
float:left;
margin-left:10px;
margin-top:1px;
}
.wine_selections_button{
float:left;
margin-left:1px;
margin-top:1px;
}
.smart_substitutions_button{
float:left;
margin-top:1px;
}
.timer_button{
float:left;
margin-top:1px;
}
.measures_button{
float:left;
margin-top:1px;
}
.thumb_image_bg{
background: url("../images/bg-22.png") repeat;
height:170px;
width:100%;
}
#rd_dets{
width: 100%;
}
.recipe_name{
font-family:arial;
font-size:18px;
height:21px;
/*margin-left:210px;*/
margin-left:260px;
margin-top:25px;
width:auto;
font-weight: bold;
}
.recipe_details {
height:120px;
/*margin-left:211px;*/
margin-left:260px;
padding-top: 7px;
margin-top: 7px;
}
.desription{
margin-top: 10px;
}
.heading_span{
font-size: 12px;
font-family: arial;
font-weight: bold;
}
.detail_div{
height:auto;
margin-left:110px;
margin-top:-14px;
width:74%;
}
.prepration_time{
margin-top:5px;
}
.prepration_times{
margin-top:5px;
width: 500px;
}
.cooking_time{
/*margin-top:5px;*/
margin-top: -3px;
}
.yui-skin-sam .yui-navset .yui-nav li{
}
/***********************Recipe Xpress***************/
#rx_content_div{
background: url("../images/bg_body.png") repeat-x;
width: 10000px;
height:628px;
}
.hd_title{
color:#333333;
font-family:arial;
font-size:20px;
font-weight:bold;
margin-left:20px;
margin-top:10px;
}
.rx_heading{
padding-top: 10px;
}
.rx_hd_detail{
color:#333333;
font-family:arial;
font-size:12px;
margin-left:19px;
margin-top:15px;
}
.input_div{
margin-left:19px;
margin-top:30px;
}
.input_text{
margin-left:25px;
width:250px;
}
.rx_below{
background: url("../images/bg-left-pannel.png") repeat scroll center top transparent;
border:1px solid silver;
height:61px;
margin-left:23px;
margin-top:55px;
padding-top:9px;
width:760px;
}
.links{
color: black;
text-decoration: none;
}
#child_chris{
display: block;
}
.rx_top_button_panel{
background:url("../images/white.png") repeat-x scroll center top transparent;
height: 45px;
width: 100%;
}
/********Menu**********/
#mymenu .bd{
margin-left: 10px;
}
/*RecipXpressLanding*/
#rxl_top_bar{
background:url("../images/white.png") repeat-x scroll 0 0 transparent;
height:70px;
margin-left:-7px;
width:10000px;
}
#rlx_logo{
margin-top: -10px;
margin-left:10px;
}
#recipeXpress{
margin-left:69px;
margin-top:34px;
}
#recipeXpress_heading{
color:grey;
font-family:arial;
font-size:19px;
font-weight:bold;
}
#recipeXpress_text{
font-size: 12px;
font-family: arial;
}
#rxl_text_div{
margin-top: 20px;
}
#rxl_body{
background: url("../images/bg_body.png") repeat-x;
}
#rxl_create_an_account_span{
font-family: arial;
font-size: 20px;
color: #0070A0;
}
#rxl_createAnAccount_div{
margin-left:66px;
margin-top:30px;
}
#rxl_signup_is_easy{
margin-left: 10px;
font-family: arial;
font-size: 12px;
}
#signup_now_div{
margin-top: 10px;
}
#line_div{
margin-left: 156px;
margin-top:10px;
font-style:italic;
}
#signin_div{
margin-left: 66px;
margin-top: 20px;
}
#rlx_username{
margin-top: 5px;
}
#rlx_password{
margin-top: 17px;
margin-left: 2px;
}
.credentials{
font-family: arial;
font-size: 12px;
}
#signin_image_div{
margin-top: 15px;
}
#rxl_left_image{
margin-top: 1px;
}
#home_title{
text-decoration: none;
color: white;
}
#xrecipe{
text-decoration: none;
color: #333333;
}
.library{
text-decoration: none;
color: black;
}
.estore_left{
padding-left: 30px;
margin-top: -16px;
}
.left_main{
margin-top: 5px;
color:#333333;
font-family: Helvitica, arial, san-serif;
font-size:11px;
}
.left_main1{
margin-top: 10px;
color:#333333;
font-family: Helvitica, arial, san-serif;
font-size:11px;
}
#rd_topbg{
width: 100%;
}
#tab_contents{
border: none;
background: url("../images/bg_body.png") repeat-x;
}
#rd_rightTab{
width: 44%;
margin-right: 1.4%;
}
#rd_rightTab1{
/*width: 44%; */
width: 33%;
}
.rd_tabs{
overflow: scroll;
height:350px;
margin-top:15px;
width:100%;
}
.rd_tabs_estore{
overflow: scroll;
height:350px;
margin-top:15px;
/*width:337px; */
width: 260px;
}
.rd_tabs1{
overflow: scroll;
height:350px;
margin-top:15px;
width:100%;
}
.rd_tabs1_estore{
overflow: scroll;
height:350px;
margin-top:15px;
/*width:385px; */
width: 275px;
}
.heading_span1{
font-size: 12px;
font-family: arial;
font-weight: bold;
float: left;
/*width: 110px;*/
width: 103px;
margin-left: 255px;
}
.heading_span2{
font-size: 12px;
font-family: arial;
font-weight: bold;
float: left;
width: 110px;
margin-left: 251px;
}
#rd_prep{
/*width: 88%;*/
width: 73%;
margin-left: -251px;
}
#recipe_detail_prep{
width: 88%;
}
#detail_span{
}
.heading_rating{
margin-top: 6px;
float: left;
font-weight: bold;
}
#rd_rating{
float:left;
margin-left:22px;
margin-top:4px;
}
.dt_link{
text-decoration: none;
color: #333333;
}
#rcp_detail{
width: 600px;
}
/*********** css for tree **********/
/* first or middle sibling, no children */
.ygtvtn { background: url(../images/folder_close.png) 0 6px no-repeat; width:2em; height:20px; }
/* first or middle sibling, collapsable */
.ygtvtm { background: url(../images/tree_img/collapse.png) 0 6px no-repeat; width:3.5em; height:22px; cursor:pointer }
/* first or middle sibling, collapsable, hover */
.ygtvtmh { background: url(../images/tree_img/collapse.png) 0 6px no-repeat; width:3.5em; height:22px; cursor:pointer }
/* first or middle sibling, expandable */
.ygtvtp { background: url(../images/tree_img/expand.png) 0 6px no-repeat; width:3.5em; height:22px; cursor:pointer }
/* first or middle sibling, expandable, hover */
.ygtvtph { background: url(../images/tree_img/expand.png) 0 6px no-repeat; width:3.5em; height:22px; cursor:pointer }
/* last sibling, no children */
.ygtvln { background: url(../images/folder_close.png) 0 6px no-repeat; width:2em; height:20px; }
/* Last sibling, collapsable */
.ygtvlm { background: url(../images/tree_img/collapse.png) 0 6px no-repeat; width:3.5em; height:22px; cursor:pointer }
/* Last sibling, collapsable, hover */
.ygtvlmh { background: url(../images/tree_img/collapse.png) 0 6px no-repeat; width:3.5em; height:22px; cursor:pointer }
/* Last sibling, expandable */
.ygtvlp { background: url(../images/tree_img/expand.png) 0 6px no-repeat; width:3.5em; height:22px; cursor:pointer }
/* Last sibling, expandable, hover */
.ygtvlph { background: url(../images/tree_img/expand.png) 0 6px no-repeat; width:3.5em; height:22px; cursor:pointer }
/* Loading icon */
.ygtvloading { background: url(../images/tree_img/loading.gif) 0 6px no-repeat; width:3.5em; height:22px; }
/* the style for the empty cells that are used for rendering the depth
* of the node */
.ygtvdepthcell { background: transparent; width:1em; height:20px; }
.ygtvblankdepthcell { background: transparent; width:1em; height:20px; }
/* the style of the div around each node */
.ygtvitem { border: 0px solid grey;
margin-left: 22px;
}
/* the style of the div around each node's collection of children */
.ygtvchildren { }
* html .ygtvchildren { height:1%; }
/* the style of the text label in ygTextNode */
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {
/*
margin-left:2px;
text-decoration: none;
*/
font-size: 12px;
}
/************* end tree css *****************/
/************* start css for menu *************/
div.yuimenu .bd {
zoom: normal;
}
/*
Set the "zoom" property to "normal" since it is set to "1" by the
".example-container .bd" rule in yui.css and this causes a Menu
instance's width to expand to 100% of the browser viewport.
*/
div.yuimenu .bd {
zoom: normal;
}
#button-example-form fieldset {
border: 2px groove #ccc;
margin: .5em;
padding: .5em;
}
#menubutton3menu,
#menubutton4menu {
position: absolute;
visibility: hidden;
border: solid 1px #000;
padding: .5em;
background-color: #ccc;
}
#button-example-form-postdata {
border: dashed 1px #666;
background-color: #ccc;
padding: 1em;
}
#button-example-form-postdata h2 {
margin: 0 0 .5em 0;
padding: 0;
border: none;
}
h1 {
font-weight: bold;
}
/* Define a style for the "toolbar" */
.ytoolbar {
bottom:0;
margin-left:-110px;
margin-top:-8px;
width:1%;
}
/* Style the "Yahoo!" anchor to look like a button */
.ytoolbar #yahoo {
border-width: 2px;
border-color: #ddd #666 #666 #ddd;
float: left;
padding: 4px 12px 4px 28px;
margin: 4px;
color: #000;
text-decoration: none;
}
/* Define a new style for each menu */
.yui-skin-sam .yuimenu {
line-height: 2; /* ~24px */
}
.yui-skin-sam .yuimenu .bd {
border-width: 2px;
border-color: #ddd #666 #666 #ddd;
border-style: solid;
background-color: white;
-moz-border-radius: 0.7em;
-khtml-border-radius: 0.7em
}
/* Define a new style for each MenuItem instance. */
.yui-skin-sam #yproducts li.yuimenuitem .yuimenuitemlabel {
/*background: url(http://l.yimg.com/a/i/us/nt/b/purpley.1.0.gif) no-repeat 4px;*/
padding: 0 20px 0 24px;
}
.yui-menu-shadow-visible{
visibility: hidden;
}
.yui-skin-sam #yproducts li.yuimenuitem {
/*
For IE 7 Quirks and IE 6 Strict Mode and Quirks Mode:
Used to collapse superfluous white space between
elements that is triggered by the "display" property of the
elements being set to "block."
*/
_border-bottom: solid 1px #ccc;
}
/* Define a new style for a MenuItem instance's "selected" state. */
.yui-skin-sam #yproducts .yuimenuitem-selected {
background-color: #039;
}
.yui-skin-sam #yproducts .yuimenuitemlabel-selected {
color: #fff;
}
/* Add unique icons to some of the MenuItem instances. */
.yui-skin-sam #yproducts li#help .yuimenuitemlabel {
/*background-image: url(http://l.yimg.com/a/i/nt/ic/ut/bsc/hlp16_1.gif);*/
}
.yui-skin-sam #yproducts li#search .yuimenuitemlabel {
/*background-image: url(http://l.yimg.com/a/i/nt/ic/ut/bsc/srch16_1.gif);*/
}
.yui-skin-sam #yproducts li#goto .yuimenuitemlabel {
/*background-image: url(http://l.yimg.com/a/i/nt/ic/ut/bsc/arorght16_1.gif);*/
}
.yui-skin-sam #yproducts1 li.yuimenuitem .yuimenuitemlabel {
/*background: url(http://l.yimg.com/a/i/us/nt/b/purpley.1.0.gif) no-repeat 4px;*/
padding: 0 20px 0 24px;
}
.yui-skin-sam #yproducts1 li.yuimenuitem {
/*
For IE 7 Quirks and IE 6 Strict Mode and Quirks Mode:
Used to collapse superfluous white space between
elements that is triggered by the "display" property of the
elements being set to "block."
*/
_border-bottom: solid 1px #ccc;
}
/* Define a new style for a MenuItem instance's "selected" state. */
.yui-skin-sam #yproducts1 .yuimenuitem-selected {
background-color: #039;
}
.yui-skin-sam #yproducts1 .yuimenuitemlabel-selected {
color: #fff;
}
/* Add unique icons to some of the MenuItem instances. */
.yui-skin-sam #yproducts1 li#help .yuimenuitemlabel {
/*background-image: url(http://l.yimg.com/a/i/nt/ic/ut/bsc/hlp16_1.gif);*/
}
.yui-skin-sam #yproducts1 li#search .yuimenuitemlabel {
/*background-image: url(http://l.yimg.com/a/i/nt/ic/ut/bsc/srch16_1.gif);*/
}
.yui-skin-sam #yproducts1 li#goto .yuimenuitemlabel {
/*background-image: url(http://l.yimg.com/a/i/nt/ic/ut/bsc/arorght16_1.gif);*/
}
/************* end css for menu **************/
/************* css for branded recipe page ***********/
.tab_bottom{
margin-left:249px;
margin-top:10px;
}
#add_heading{
border-bottom: 1px dotted gray;
font-size: 13px;
font-style: italic;
font-weight: bold;
height: 23px;
}
.advs{
margin-top: 23px;
}
#rd_prep1{
width: 20%;
margin-left: 248px;
}
.prepration_time{
margin-top:5px;
}
.heading_span11{
font-size: 12px;
font-family: arial;
font-weight: bold;
float: left;
width: 118px;
}
.heading_rating{
margin-top: 6px;
float: left;
font-weight: bold;
margin-left: 40px;
}
#rd_rating{
float:left;
margin-left:22px;
margin-top:4px;
}
#rdb_detail{
/*width:630px;*/
width: 100%;
}
#rdb_left_panel{
/*width:290px;*/
width: 97%;
height: 300px;
overflow: scroll;
}
#rdb_right_panel{
/*width: 290px;*/
width: 97%;
height: 300px;
overflow: scroll;
}
#rdb_prep{
border-bottom: 1px dotted gray;
padding-bottom: 5px;
font-weight: bold;
width: 75%;
height: 5%;
}
#center_bottom_bar{
background:url("../images/r-h-bg.jpg") repeat-x scroll 0 0 transparent;
height:38px;
/*width:100%;*/
width: 99.8%;
border: 1px solid lightgrey;
}
.left_tab_part1 {
float:left;
/* margin-left:15px;*/
margin-top:39px;
}
.right_tab_part1 {
margin-left:250px;
margin-top:17px;
}
/************ end css for branded recipe page *************/
/************ css for dialog *************/
#example {
height:30em;
}
/*label {
display:block;
float:left;
width:45%;
clear:left;
}*/
.clear {
clear:both;
}
#resp {
margin:10px;
padding:5px;
border:1px solid #ccc;
background:#fff;
}
#resp li {
font-family:monospace
}
.yui-pe .yui-pe-content {
display:none;
}
#addMenuDialog .menuName{
background: url(../images/input_bg.png) repeat;
height: 38px;
-moz-border-radius:0.5em;
-khtml-border-radius:0.5em;
width: 380px;
font-style: arial;
font-size: 12px;
color: #999999;
border: 1px solid gray;
}
#addMenuDialog.yui-panel .hd{
background: url("../images/add_menu_top.png") no-repeat;
border:medium none;
height:42px;
width:405px;
}
#addMenuDialog.yui-panel .bd{
background:url("../images/add_menu_bottom.png") no-repeat scroll 0 0 transparent;
height:182px;
width:405px;
border:none;
}
#addMenuDialog.yui-panel .container-close {
background:url("../images/x.png") no-repeat scroll 0 0 transparent;
height:10px;
position:absolute;
right:7px;
top:20px;
width:10px;
}
#info_text{
margin-left:10px;
padding-top:15px;
padding-bottom: 5px;
}
#combo_box {
height:23px;
margin-left:10px;
margin-top:25px;
width:385px;
}
#addMenuDialog.yui-panel .ft {
border:medium none;
font-size:11px;
height:26px;
margin-left:125px;
margin-top:-43px;
padding:0 10px;
}
#addMenuDialog.yui-panel .ft .button-group{
margin-top: -10px;
}
#addMenuDialog.yui-panel .ft .button-group #yui-gen0 {
background:url("../images/add_a_menu_default.png") no-repeat scroll 0 0 transparent;
height:43px;
margin-left:-40px;
margin-top:-20px;
width:104px;
}
#addMenuDialog.yui-panel .ft .button-group #yui-gen1 {
background:url("../images/cancel_default.png") no-repeat scroll 0 0 transparent;
height:43px;
margin-left:8px;
margin-top:-20px;
width:104px;
}
#header_text{
color:white;
font-family:arial;
font-size:14px;
font-weight:bold;
left:18px;
position:absolute;
top:13px;
}
/*
.yui-skin-sam .yui-panel{
border:none;
border-style:none;
}
.yui-skin-sam .yui-panel-container.shadow .underlay{
background-color: none;
}
*/
/************ end css for dialog **********/
/************ start css for library *******/
#middle_panel{
background-color: white;
border-right: 1px solid gray;
width: 18%;
height: 100%;
min-height: 760px;
}
#lib_middle{
width: 100%;
}
#center_panel1{
width: 81%;
}
/*********** end css for library **********/
/********** for signup page **********/
#doc{
background: url(../images/bg_body.png) repeat;
/* margin: auto;
width: 1024px;*/
font-family: Arial;
font-size: 12px;
color: #666666;
}
#doc1{
background: url(../images/bg_body.png) repeat;
/* margin: auto;
width: 1024px;*/
font-family: Arial;
font-size: 12px;
/*color: #666666;*/
color: #333333;
width: 120%;
}
html>body #doc1{
width: 100%;
}
#hd1{
background: url(../images/signup_top.jpg) repeat-x;
height: 81px;
width: 120%;
}
#hd2{
background: url(../images/header2.jpg) repeat-x;
height: 49px;
width: 1200px;
margin-left: auto;
margin-right: auto;
}
html>body #hd1{
width: 100%;
}
#logo{
margin-left: 60px;
}
#logo2{
height: 146;
padding-top: 30px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#textContent{
height: 100px;
width: 750px;
margin-left: auto;
margin-right: auto;
}
#textContent2{
height: 65px;
width: 900px;
margin-top: 50px;
text-slign: center;
margin-left: auto;
margin-right: auto;
}
#textContent_large{
width: 900px;
text-slign: center;
margin-left: auto;
margin-right: auto;
}
#content_signup{
height: 65px;
width: 725px;
margin-top: 50px;
text-slign: center;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
}
#login{
background: url(../images/searchbar.png) no-repeat;
float: right;
margin-right: 10px;
margin-top: -50px;
height: 52px;
width: 585px;
}
#login1{
background: url(../images/searchbar_home.png) no-repeat;
float: right;
margin-right: 200px;
margin-top: -50px;
height: 52px;
width: 360px;
}
html>body #login1{
margin-right: 10px;
}
#login_title{
margin-left: 10px;
height: 40px;
padding-top: 16px;
float: left;
font-family: arial;
color: #666666;
}
#login_user{
float: left;
margin-left: 12px;
padding-top: 7px;
}
#login_user1{
float: left;
margin-left: 15px;
margin-top: 9px;
border-right: 1px dotted gray;
width: 90px;
}
#login_userLogin{
float: left;
margin-left: 15px;
margin-top: 9px;
border-right: 1px dotted gray;
width: 90px;
}
#login_user2{
float: left;
margin-left: 15px;
margin-top: 13px;
width: 90px;
}
.userName{
background: url(../images/textfiled.png) no-repeat;
height: 38px;
-moz-border-radius:0.5em;
-khtml-border-radius:0.5em;
width: 153px;
font-style: arial;
font-size: 12px;
color: #999999;
}
#b_title{
padding-left: 59px;
padding-top: 30px;
font-size: 24px;
color: black;
font-family: Helvitica, arial, san-serif;
font-weight: normal;
}
#b_statement{
color:#4D4D4D;
font-family:arial;
font-size:12px;
padding-left:59px;
padding-top:15px;
}
#firstname{
padding-left: 59px;
padding-top: 15px;
float: left;
}
.fname{
height: 40px;
width: 195px;
border: 1px solid gray;
}
#lastname{
padding-left: 269px;
padding-top: 15px;
}
.lname{
height: 40px;
width: 213px;
border: 1px solid gray;
}
.b_border{
padding-left: 59px;
padding-top: 20px;
}
#email_field{
padding-top: 20px;
padding-left: 59px;
}
.email_field{
width:420px;
height: 40px;
border: 1px solid gray;
}
#password{
padding-left: 59px;
padding-top: 15px;
}
.password{
height: 40px;
width: 195px;
border: 1px solid gray;
}
#zipcode{
padding-left: 59px;
padding-top: 15px;
}
.zipcode{
height: 40px;
width: 195px;
border: 1px solid gray;
}
#terms{
padding-left: 59px;
padding-top: 20px;
}
#submit{
padding-left: 59px;
padding-top: 20px;
}
.left_p{
margin-left: 40px;
margin-top: 40px;
/*width: 322px;*/
/*width: 75%;*/
width: 100%;
}
#news{
border-right: 1px dotted gray;
margin-left: 85px;
margin-top: 10px;
float: left;
width: 107px;
}
#news_next{
margin-top: 10px;
margin-right: 222px;
float: right;
}
#question{
border-bottom: 1px dotted gray;
/*margin-left: 60px;*/
margin-left: 37px;
margin-top: 30px;
width: 90%;
font-family: Arial;
color: #808080;
font-size: 20px;
}
#fav_recipe{
/*margin-left: 58px;*/
margin-left: 37px;
margin-top: 30px;
/* width: 90%; */
}
#video_portion{
background: url(../images/blue_Bg.png) repeat-x;
margin-left: auto;
margin-right: auto;
height: 422px;
width: 1200px;
text-align: center;
vertical-align: middle;
}
#h_link{
font-family:Arial;
font-size:16px;
font-weight:bold;
margin-left:45px;
margin-top:-31px;
}
#h_link2{
font-family:Verdana;
font-size:15pt;
}
.setLink{
text-decoration: none;
color: #0070a0;
}
.setLink2{
text-decoration: none;
color: white;
}
.setLink2:hover{
color:#99CCFF;
}
.h_detail{
margin-top: 20px;
}
.h_heading{
border-bottom:1px dotted gray;
color:#808080;
font-family:Arial;
font-size:18px;
height:20px;
width:100%;
}
.h_featured{
margin-top: 15px;
}
#h_lLink{
margin-left: 31px;
margin-top: -13px;
}
#ft1{
background: url(../images/home_bottom_bg.png) repeat-x;
height: 65px;
width: 100%;
/* padding-left: 250px;*/
}
#ft2{
background: url(../images/home_footer.jpg) repeat-x;
height: 88px;
width: 1200px;
margin-left: auto;
margin-right: auto;
}
html>body #ft1{
/* width: 1013px;*/
/* margin:0 auto*/
}
.bot{
/* margin-left: 48px; */
}
.bot1{
border-right:1px dotted gray;
color:#4C4C4C;
float:left;
font-family:arial;
font-size:11px;
margin-left:10px;
padding-right:10px;
padding-top:10px;
}
.bot_link1{
color:gray;
float:left;
font-family:sans-serif;
font-size:9pt;
letter-spacing: 0.1px;
word-spacing: 1px;
text-decoration: none;
}
#home_tbtn{
margin-left: 20px;
margin-top: 40px;
width: 100.5%;
}
html>body #home_tbtn{
margin-left: 40px;
width: 113%;
}
.bt_btns{
margin: 14px;
float: left;
}
.bot_links{
float: left;
}
#last_bot{
margin-left: 10px;
float: left;
color:#4C4C4C;
padding-right:10px;
padding-top:10px;
font-family:arial;
font-size:11px;
}
.adds{
margin-top: 16px;
}
#see_c{
margin-top: 40px;
height: 70px;
}
#see_c1{
margin-top: 10px;
height: 70px;
}
#see_c2{
margin-top: 34px;
height: 70px;
}
#home_title{
text-decoration: none;
color: white;
}
.library{
text-decoration: none;
color: black;
}
.fpwd{
color:#006699;
font-size:11px;
margin-left:81px;
margin-top:-41px;
width:10px;
}
#fpd{
text-decoration: none;
color:#006699;
}
/* -------- for new login panel by Rizwan ------------- */
#login_panel{
background-color: #fefefe;
z-index: 1;
position: absolute;
border: 1px solid gray;
height: 235px;
margin-left: -526px;
margin-top: 35px;
width: 396px;
-moz-border-radius: 0.7em;
-webkit-border-radius: 0.7em;
border-radius: 0.7em;
/*behavior: url(../css/border-radius.htc);*/
}
html>body #login_panel{
margin-left: -186px;
}
#login_heading{
margin-left: 20px;
margin-top: 20px;
color: #8e8e8e;
font-weight: bold;
font-family: helvitica, arial, sans-serif;
font-size: 17px;
}
.label{
margin-left: 20px;
float: left;
margin-top: 25px;
}
#login_userhome{
margin-left: 100px;
padding-top: 17px;
}
.userName1{
background: url(../images/input_bg.png) repeat;
height: 38px;
-moz-border-radius:0.5em;
-khtml-border-radius:0.5em;
width: 275px;
font-style: arial;
font-size: 12px;
color: #999999;
}
.signup_email{
background: url(../images/signup_bg.png) repeat;
height: 25px;
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
width: 441px;
/*font-style: arial;*/
font-size: 14pt;
color: #999999;
border-style: solid;
border-color: gray;
border_width: 2px;
padding-left: 20px;
padding-top: 14px;
padding-bottom: 12px;
margin-left: auto;
margin-right: auto;
}
.fpwd1{
color:#006699;
font-size:11px;
margin-left:95px;
margin-top:-31px;
width:110px;
}
.w_login{
margin-left: -204px;
margin-top: 3px;
position: absolute;
z-index: 2;
border: none;
}
html>body .w_login{
margin-left: 138px;
}
/* -------- end login panel -----------*/
/********** end css of signup page ********/
/********** for channels home page ************/
#channel_list{
/* width: 13%; */
min-width: 110px;
}
.channel_list{
/* width: 13%; */
min-width: 110px;
}
/********** end **********/
/***** for background in channel home *****/
#center1{
background: url(../images/bg_body.png) repeat;
height: 100%;
}
/***** END *****/
/***** for home page latest css *****/
#h_pc{
/* width: 34%; */
margin-top: 15px;
}
.home_til{
font-family: Arial;
font-size: 24px;
color: #333333;
/*width: 113%;*/
width: 100%;
}
#loggedUser{
margin-top: 18px;
margin-left: 40px;
}
/*****end*****/
/*--------css for different portions of app page-------- */
#three-col{
display: none;
}
#two-col{
}
#center-header{
display: none;
}
/*--------end-------*/
/*-------css for ------- */
#rdd_lower_portion{
width: 100%;
}
/*-----css for validation error messages -----*/
#userCreateForm label.error {
color:red;
display: block;
/*margin-left:-194px;
margin-top:42px;*/
position:absolute;
width:auto;
z-index:1;
}
#lastname label.error{
margin-left: 0.1em;
}
#images_pane{
/*
margin-left:25px;
padding-top:20px;
*/
height: 0%;
}
#image_pane2{
height:0%
}
#recipe_detail{
display: none;
}
.coll_six{
float:left;
margin-top: 4px;
}
#collection_recipe{
margin-top: 8px;
margin-left: 248px;
font-weight: bold;
}
/*Drag Drop */
.dropTarget{
background-color : yellow;
}
.selectedTreeNode{
background-color: gold;
}
#MooFlow{
width:100%;
float:center;
height:500px;
}
#list-view{
height: 100%;
}
#cb-two-col-list{
height: 100%;
}
#nav1:link,#nav2:link,#nav3:link,#food:link,#international:link{
color:#000000;
}
#nav1:visited,#nav2:visited,#nav3:visited,#food:visited,#international:visited {
color:#000000;
}
.library:hover,#nav1:hover,#nav4:hover,#nav2:hover,#nav3:hover,#nav5:hover,#foodPrefDiv:hover,#foodPrefDiv1:hover,#food:hover,#international:hover,#basic_info:hover,#winePairDiv:hover {
color:#FFFFFF;
background-color: #5E9CC0;
}
#nav1:active,#nav2:active,#nav4:active,#nav3:active,#food:active,#international:active {
color:#FFFFFF;
background-color: #5E9CC0;
}
.bg_set{
background-color: #5E9CC0;
padding-left: 15px;
height: 25px;
}
.bg_set1{
background-color: #5E9CC0;
padding-left: 55px;
height: 25px;
}
#nCookbook{
display: none;
}
#exCookbook{
display: none;
}
.ch_heading_top{
font-weight: bold;
font-family: arial;
font-size: 150%;
float: left;
}
.heading_top{
font-weight: bold;
font-family: arial;
font-size: 150%;
}
.ch_heading{
font-weight: bold;
font-family: arial;
font-size: 150%;
}
.t-channel{
font-weight: bold;
font-family: arial;
font-size: 115%;
border-bottom: 1px dotted gray;
height: 25px;
}
.t-channel-list{
font-family: verdana;
font-size: 100%;
text-decoration: none;
}
.u-t-channels{
background-color: white;
/*margin-left:-206px;*/
margin-top:15px;
padding:20px;
/* width:200px; */
border: 1px solid gray;
-moz-border-radius: 0.7em;
-khtml-border-radius: 0.7em;
}
#ch_topChannels{
/*width: 5%;*/
}
#ch_images_pane{
margin-top: -6px;
margin-left: 10px;
}
.ch_images_pane{
margin-top: 10px;
margin-left: 10px;
}
#ch_images_pane_library{
margin-top: -6px;
margin-left: 10px;
}
.ch_images_pane_library{
margin-top: 10px;
margin-left: 10px;
}
#ch_images_second_pane{
margin-top: 10px;
margin-left: 10px;
}
#editors_pick{
margin-left:10px;
margin-top:30px;
width:345px;
padding-bottom:5px;
}
.new_addition_heading{
margin-left:15px;
margin-top:5px;
}
#ch_top_panel{
background: url("/ChefVivant/images/white.png") repeat-x scroll center top transparent;
height:35px;
}
#see_all{
color:blue;
font-size:10px;
/*margin-left:150px;*/
padding-top:7px;
/*width:123px;*/
}
.top_channels{
margin-top: 10px;
}
.top_clink{
margin-left:25px;
margin-top:-15px;
}
#ch_main {
/* min-width: 88%; */
}
.b_center{
/*margin-left: 215px;*/
margin-left: 95px;
float:left;
margin-top: 7px;
}
.timer{
float: left;
margin-top: 7px;
}
#b_cover{
width: 47%;
}
.timer1{
float: left;
}
#addRecipe label.error {
color:red;
display: block;
/*margin-left:-273px;
margin-top:38px;*/
position:absolute;
width:auto;
z-index:1;
}
#cookbookCheckboxes label.error {
color:red;
display: block;
/*margin-left:-273px;
margin-top:38px;*/
position:absolute;
width:auto;
z-index:1;
margin-top: 67px;
}
/* CSS For Glossary dialog
#glossaryDialogDiv.yui-panel .hd{
background: url("../images/add_menu_top.png") no-repeat;
border:medium none;
height:42px;
width:405px;
}
#glossaryDialogDiv.yui-panel .bd{
background:url("../images/add_menu_bottom.png") no-repeat scroll 0 0 transparent;
height:182px;
width:405px;
border:none;
}
#glossaryDialogDiv.yui-panel .container-close {
background:url("../images/x.png") no-repeat scroll 0 0 transparent;
height:10px;
position:absolute;
right:7px;
top:20px;
width:10px;
}
*/
/* End CSS for glossary dialog */
#glossaryTermDetail
{
/* border: 1px solid black;
height: 34em;
background-color: #white;*/
border: 1px solid black;
height: 18em;
margin-top: 18px;
overflow-y: scroll;
}
/*-----end-----*/
.timerDiv
{
border: 1px solid black;
height: 6em;
letter-spacing: 0.1em;
word-spacing: 0.1em;
}
.cookingTimer1SetupDiv
{
position: relative;
top: 10px;
left: 10px;
height: 4em;
border-top-left-radius: 0.7em 0.7em;
border-top-right-radius: 0.7em 0.7em;
border-bottom-right-radius: 0.7em 0.7em;
border-bottom-left-radius: 0.7em 0.7em;
-moz-border-radius: 0.7em 0.7em 0.7em 0.7em;
border-radius: 0.7em 0.7em 0.7em 0.7em;
}
#cookingTimer1, #cookingTimer2, #cookingTimer3
{
position: relative;
top: 10px;
width: 240px;
height: 4em;
left: 10px;
border-top-left-radius: 0.7em 0.7em;
border-top-right-radius: 0.7em 0.7em;
border-bottom-right-radius: 0.7em 0.7em;
border-bottom-left-radius: 0.7em 0.7em;
-moz-border-radius: 0.7em 0.7em 0.7em 0.7em;
border-radius: 0.7em 0.7em 0.7em 0.7em;
/*background: url("../images/estore_rxb_dialog_bg.png");*/
}
#cdb_description{
margin-left: 40px;
}
#cbdb_recipes{
/*margin-left:45px;*/
margin-left:18px;
margin-top:58px;
/*width:93%;*/
width:97%;
}
.rdpt_heading{
border-bottom:1px dotted gray;
color:#333333;
font-family:helvetica,arial,sans-serif,serif;
font-size:12pt;
font-weight:bold;
height:27px;
width:80%;
}
.divSpacing{
height: 35px;
}
.tabDetailHeading{
border-bottom:1px dotted gray;
font-weight:bold;
width:85%;
}
.tabTitleHeading{
font-family:helvetica,arial,serif;
font-size:14pt;
font-weight:bold;
height:35px;
}
.spacing{
height: 10px;
}
.tabContact{
width: 77%;
}
.aboutUsContainer{
margin-left:5%;
padding-top:13px;
width:90%;
}
.aboutUsHeading{
border: none;
color:#006699;
font-family:arial;
font-size:17px;
}
.textalignCenter{
text-align: center;
}
.botHome{
width: 96%;
margin-left: 4%;
}
.botHome2{
width: 1200px;
margin-left: auto;
margin-right: auto;
height: 88px;
}
.ulList{
list-style: disc;
}
.ulPositioning{
margin-left: 1.5%;
}
.userInfoMain{
margin-left: 76%;
margin-top: -16px;
}
.userInfo{
border-right:1px dotted white;
float:left;
margin-left:5px;
padding-right:5px;
}
.removeSection{
letter-spacing: 0em;
word-spacing: 0em;
margin-left: 9px;
}
.fieldSet{
margin-left: 20px;
width: 97%;
border: 1px solid silver;
}
.legendTitle{
color: #8A8E8E;
font-weight: bold;
font-size: 18px;
/*margin-left: 46%;*/
}
.storeTable{
border:1px solid gray;
height:50%;
overflow:scroll;
width:88%;
}
.sTbleHead{
background:url("../General/script/assets/skins/sam/sprite.png") repeat-x scroll 0 0 #D8D8DA;
height: 25px;
}
.stTitle1{
border-right:1px solid gray;
float:left;
height:22px;
padding-top:3px;
text-align:center;
width:23%;
}
.stTitle2{
float:left;
height:22px;
padding-top:3px;
text-align:center;
width:23%;
}
.stName{
border-right:1px solid gray;
float:left;
height:22px;
margin-left:10px;
padding-top:3px;
width:50%;
}
.stDataCell{
float:left;
margin-top:5px;
text-align:center;
width:26%;
}
.stDataCellName{
float:left;
margin-top:5px;
width:61%;
}
/* font-size: 20px;
margin-left: 46%;
}*/
.yui-skin-sam .yui-ac-input {
position: static;
width: 20em;
vertical-align: middle;
}
.yui-skin-sam .yui-ac-container {
width: 20em;
left: 0px;
}
#winePairingResultDiv{
height: 100%;
}
.cartBottom{
background:url("../General/script/assets/skins/sam/sprite.png") repeat-x scroll 0 0 #D8D8DA;
height: 25px;
border: 1px solid gray;
width: 95%;
}
.cartAmount{
color:#333333;
font-size:13px;
font-weight:bold;
margin-left:80%;
}
.fpHeading{
color: #8A8E8E;
font-size: 15px;
font-weight: bold;
width: 11%;
}
.lineDiv{
border-bottom: 1px solid gray;
margin-top: 8px;
width: 83%;
}
.foodPref{
/* margin-left: 40px; */
}
.leftNav{
padding-left: 15px;
height: 25px;
}
.leftNav1{
padding-left: 55px;
height: 25px;
}
.bottom-portion{
background:url("../images/bg-left-pannel_1.png") repeat scroll 0 0 transparent;
border:1px solid silver;
height:61px;
margin-top:8px;
padding-top:9px;
width:88%;
}
.contentsText{
font-family: Arial;
font-size: 14px;
}
.contentsTextMyridPro{
font-family: sans-serif;
font-size: 18pt;
text-align: center;
width: 750px;
margin-left: auto;
margin-right: auto;
word-spacing: 1px;
letter-spacing: -1px;
}
.contentsTextSansSerif_blue{
font-family: sans-serif;
font-size: 12pt;
text-align: left;
margin-left: 3px;
margin-right: auto;
word-spacing: 1px;
letter-spacing: 0px;
color:#237ABA;
padding-top: 8px;
width: 290px;
}
.contentsTextSansSerif_small{
font-family: sans-serif;
font-size: 9pt;
text-align: left;
margin-left: 3px;
margin-right: auto;
word-spacing: 1px;
letter-spacing: 0px;
padding-top: 6px;
padding-bottom: 3px;
width: 265px;
}
.contentsTextSansSerif{
font-family: sans-serif;
font-size: 14pt;
text-align: center;
width: 900px;
margin-left: auto;
margin-right: auto;
word-spacing: 1px;
letter-spacing: 0px;
}
.contentsTextSansSerif_23{
font-family: sans-serif;
font-size: 23pt;
text-align: center;
width: 700px;
margin-left: auto;
margin-right: auto;
word-spacing: 1px;
letter-spacing: 0px;
color: #0B6EB8;
}
.contentsTextSansSerif_14{
font-family: Verdana;
font-size: 14pt;
text-align: center;
width: 700px;
margin-left: auto;
margin-right: auto;
word-spacing: 1px;
letter-spacing: 0px;
color: #2E90F2;
}
.contentsTextSansSerif_9{
font-family: sans-serif;
font-size: 9pt;
text-align: center;
width: 700px;
margin-left: auto;
margin-right: auto;
word-spacing: 1px;
letter-spacing: 0px;
text-align: left;
}
.contents{
font-family: Arial;
font-size: 12px;
color: #333333;
}
.signUp_bg{
background: url(../images/how_signup_bg.png) repeat;
padding-top: 9px;
height: 61px;
margin-top: 55px;
}
.bold{
font-weight: bold;
}
.textChanger{
height:35px;
margin-left:71.1%;
padding-top:7px;
}
.addToMenu{
height:35px;
margin-left:70%;
padding-top:7px;
}
.yui-skin-sam .ratings {
background: transparent url("../images/star-bg.png") repeat-x 0 0;
border:0;
}
.yui-skin-sam .ratings .yui-pb-mask {
border:0;
}
.yui-skin-sam .ratings .yui-pb-bar {
background: transparent url("../images/star.png") repeat-x 0 0;
}
/* Just a little decoration for the page, not relevant to the usage of the progress bar */
.dp-highlighter th, .dp-highlighter td {
border:0;
padding:0;
}
.dp-highlighter .line1, .dp-highlighter .line2 {
padding-left:10px;
white-space:nowrap;
}
.yui-skin-sam .yui-pb-ltr .yui-pb-bar, .yui-skin-sam .yui-pb-rtl .yui-pb-bar {
background: transparent url("../images/star.png") repeat-x 0 0;
}
.yui-skin-sam .yui-pb-rtl, .yui-skin-sam .yui-pb-ltr {
background: transparent url("../images/star-bg.png") repeat-x 0 0;
}
#upperLeft .yui-dt table,#upperRight .yui-dt table,#lowerLeft .yui-dt table,#lowerRight .yui-dt table {
width:95%;
}
table{
width: 100%;
}
.breadCrum{
border-bottom:1px solid gray;
border-right:1px solid gray;
border-top:1px solid gray;
color:#333333;
font-family:arial;
font-size:12px;
height:25px;
line-height:22px;
margin-left:62px;
margin-top:4px;
text-align:center;
vertical-align:bottom;
width:123px;
}
.breadCrum1{
border-bottom:1px solid gray;
border-right:1px solid gray;
border-top:1px solid gray;
color:#333333;
font-family:arial;
font-size:12px;
height:25px;
line-height:22px;
margin-left:185px;
margin-top:-27px;
text-align:center;
vertical-align:bottom;
width:123px;
}
#sl_rightDiv_top{
background: url("../General/script/assets/skins/sam/sprite.png") repeat-x scroll 0 0 #D8D8DA;
font-weight: bold;
line-height: 2.5;
text-align: left;
height: 32px;
border-left: 1px solid silver;
border-right: 1px solid silver;
border-top: 1px solid silver;
}
#sl_leftDiv{
height: auto;
}
#sl_top_silver_bar-div{
background: url("../images/white.png") repeat-x scroll 0 0 transparent;
height: 50px;
}
.sl_category {
/*font-weight: bold;*/
color: #0070A0;
height: 25px;
line-height: 2;
background-color: #FFFFFF;
}
.sl_category1 {
/*font-weight: bold;*/
color: #0070A0;
height: 25px;
line-height: 2;
background-color: #EDF5FF;
}
.estoreChannelNameLink{
color:#333333;
font-size:12px;
text-decoration:none;
}
.estoreChannelAuthorLink{
color:#666666;
font-size:12px;
}
#sl_manager_middle{
width:90%;
}
#sl_manager_right{
width:5%;
}
#sl_manager_left{
width:5%;
}
#sl_manager_top_bar_div{
background: url("../images/white.png") repeat-x scroll 0 0 transparent;
height: 39px;
}
#sl_heading_left_div{
width:5%;
}
#sl_heading_middle_div{
font-size: 20px;
font-weight: bold;
}
#sl_heading_content_div{
margin-top: 15px;
margin-bottom:15px;
}
#sl_add_link_right_div{
width:5%;
}
#sl_add_link_middle_div{
width: 87%
}
#sl_add_link_left_div{
width:8%;
}
#addShoppingListLinkDiv{
float:right;
margin-right:10px;
margin-top:7px;
}
#sl_recipes_left_div{
width: 5%;
}
#sl_recipes_middle_div{
width: 90%;
}
#sl_recipes_right_div{
width:5%;
}
#sl_category_detail_left_div{
width:5%;
}
#sl_category_detail_middle_div{
width:90%;
}
#sl_category_detail_right_div{
width:5%;
}
#sl_category_detail_main_div{
margin-top: 30px;
}
#sl_recipes_listing_main_div{
margin-top: 15px;
}
#sl_category_top_heading_ing_div{
height: 20px;
width: 68%;
}
#sl_category_top_heading_store_div{
border-left: 2px solid silver;
height: 30px;
width: 15%;
}
#sl_category_top_heading_remove_div{
border-left: 2px solid silver;
height: 30px;
width: 15%;
}
#sl_category_dynamic_content_div{
border: 2px solid silver;
}
.print_email_cellphone{
float:right;
margin-top: 5px;
}
.sl_ingredient_div{
width: 70%;
}
.sl_store_div{
width:15%;
}
.sl_remove_div{
width:15%;
}
#sl_name_heading_div{
margin-top: 15px;
margin-bottom: 15px;
font-weight:bold;
font-size: 22px;
}
#sl_name_heading_right_div{
width:5%;
}
#sl_name_heading_left_div{
width:5%;
}
#sl_name_heading_middle_div{
width:90%;
}
@media print
{
.non-printable { display: none; }
.printable { display: block; }
}
.addRecipePrep{
margin-top: -10px;
}
/**ChefVivant Landing Page**/
.landing_bg{
background: url(../images/bg_landing.png) repeat;
margin-top: -30px;
padding-left: 13%;
height: auto;
}
#landing_email_div{
background: url(../images/bg_email.png);
height: 35px;
margin-top: 30px;
width: 278px;
float:left;
}
#landing_email_container_div{
margin-left: 0px;
}
#landing_email_button_img{
margin-top: 30px;
margin-left: 15px;
}
#landing_email_input_text{
margin-left:1px;
height:31px;
width:273px;
margin-top:2px
}
.general_landing_left_margin{
margin-left: 45px;
}
.general_landing_top_margin{
margin-top: 31px;
}
#cookbooks_image_div{
width: 30%
}
#landing_left_content_div{
/*width: 40%;*/
width: 50%;
}
#landing_content_right_blank_div{
width: 30%;
}
#landing_central_text_div{
font-size: 18px;
color: #656667;
font-family: "Myriad Pro";
text-align: left;
}
#landing_bottom_panel_first{
font-family: tahoma;
/*margin-left: 254px;*/
margin-left: 5%;
margin-top: -180px;
position: absolute;
text-align: left;
width: 15%;
}
#landing_bottom_panel_second{
font-family: tahoma;
/*margin-left: 476px;*/
margin-left: 25%;
margin-top: -182px;
position: absolute;
text-align: left;
width: 15%;
}
#landing_bottom_panel_third{
font-family: tahoma;
/*margin-left: 694px;*/
margin-left: 44%;
margin-top: -180px;
position: absolute;
text-align: left;
width: 14%;
}
#landing_bottom_panel_fourth{
font-family: tahoma;
/*margin-left: 902px;*/
margin-left: 63%;
margin-top: -187px;
position: absolute;
text-align: left;
width: 14%;
}
#facebookTwitterLinkDiv{
margin-top: 35px;
margin-left: 40px;
width: 300px;
}
#we_will_not_spam_div{
margin-top: 10px;
font-family:'Times New Roman';
color:#96969a;
font-size:14px;
/*margin-left: -196px;*/
}
#signup_now_div{
font-size: 17px;
word-spacing: -1px; color: blue;
font-family: 'Myriad Pro';
}
#background_with_alpha_div{
background-color: gray;
height: 200px;
opacity:0.7;
margin-left: 35px;
width: 76.6667%;
}
#alpha_wrapper{
color: #FFFFFF;
position:relative;
}
#white_line_div{
border-top: 1px solid white;
margin-top: -199px;
position: absolute;
/*margin-left: 223px;*/
margin-left: 35px;
width: 76.6667%;
}
.amountDiv1{
border-right:1px solid gray;
float:left;
height:20px;
padding-top:5px;
text-align:center;
width:12%;
}
.ingredientDiv{
float:left;
height:20px;
padding-top:5px;
text-align:center;
width:60%;
border-right: 1px solid gray;
}
@charset "utf-8";
body {
font: 100%/1.4 Helvetica, Arial, sans-serif;
background: #42413C;
margin: 0;
padding: 0;
color: #000;
}
ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
}
a img {
border: none;
}
a:link {
}
a:visited {
color: #6E6C64;
text-decoration: underline;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
.container {
width: 1000px;
/*background: #FFF;*/
margin: 0 auto;
}
.feature {
padding: 18px;
}
/*.feature-book {
width: 764px;
height: 300px;
background: url(../images/feature-bg.jpg) no-repeat;
}*/
.feature-book-wrap {
width: 100%;
height: 100%;
background: url(../images/feature-overlay.png) no-repeat;
}
.feature-nav {
margin-left: 764px;
width: 200px;
height: 300px;
background: url(../images/feature-nav-bg.jpg) repeat;
}
.feature-nav-wrap {
height: 300px;
background: url(../images/feature-nav-overlay.png) no-repeat top right;
}
.feature-item {
padding: 4px;
width: 192px;
}
.feature-item-wrap {
padding: 4px;
height: 80px;
border: 1px dashed #CCC;
}
.feature-item img{
float: left;
margin-right: 10px;
}
.feature-item p{
font-size: 12px;
}
.author-btn {
background-color: #8b8b8b;
height: 17px;
font-size: 10px;
line-height: 17px;
display:inline-block;
}
.author-btn-lt {
padding-left: 3px;
background: url(../images/author-btn-lt.png) no-repeat top left;
display:inline-block;
}
.author-btn-rt {
padding-right: 3px;
background: url(../images/author-btn-rt.png) no-repeat top right;
display:inline-block;
}
.cf:before, .cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}
.cf {
zoom: 1;
}
.fltrt {
float: right;
}
.fltlft {
float: left;
}
/*************/
.feature-book-text{
width:764px;
height:284px;
padding-top:16px;
}
.feature-book-text h1{
font-size:42px;
color:#fff;
display:block;
}
.feature-book-text p{
width:300px;
display:block;
font-size:13px;
margin:0px 0px 0px 120px;
}
.feature-book-text p strong{
float:left;
margin:10px;
}
p.units{
font-weight:bold;
margin-top:10px;
}
.collector_series_books{
width:984px;
padding:40px 0px 10px 16px;
}
.frame_lt {
padding-left: 8px;
height:253px;
background: url(../images/frame_lft.png) no-repeat top left;
display:inline-block;
}
.frame_rt {
padding-right: 8px;
height:253px;
background: url(../images/frame_rgt.png) no-repeat top right;
display:inline-block;
}
.frame_mdl {
width:950px;
height:253px;
display:block;
background: url(../images/frame_mdl.png) repeat-x;
}
.frame_md2 {
width:1110px;
/*width:950px;*/
/* height:253px;*/
display:block;
background: url("../images/bg_book_section.png") no-repeat scroll 0 0 transparent;
}
.frame_top{
height:37px;
padding:8px 4px 0px 7px;
margin-bottom:5px;
}
.frame_top h2{
margin:0px;
padding:0px;
font-size:16px;
color:#3f3f3f;
}
.frame_nav{
width:95px;
height:24px;
padding:8px 0px 0px 10px;
background:url(../images/bg_frame_nav.png) no-repeat;
}
.blt{
width:11px;
height:10px;
display:block;
float:left;
margin:5px ;
background:url(../images/blt.png) no-repeat;
}
.blt:hover, .blt.select{
width:11px;
height:10px;
display:block;
background:url(../images/blt_select.png) no-repeat;
}
.books_container ul{
margin:0px;
padding:0px;
}
.books_container ul li{
width:132px;
height:176px;
padding:10px;
list-style:none;
float:left;
margin-right:5px;
}
.books_container ul li:hover, .books_container ul li.select{
background:url(../images/bg_book.png) no-repeat;
}
.btn_units{
width:93px;
height:40px;
line-height:40px;
text-align:center;
color:#fff !important;
display:block;
font-size:16px;
font-weight:bold;
text-decoration:none;
float:left;
background:url(../images/btn_units.png) no-repeat;
}
@charset "utf-8";
body {
font: 100%/1.4 Helvetica, Arial, sans-serif;
background: #fff;
margin: 0;
padding: 0;
color: #000;
}
ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0px;
}
a img {
border: none;
}
a:link {
}
a:visited {
color: #6E6C64;
text-decoration: underline;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
.container {
width: 1140px;
/*background: #FFF;*/
margin: 0 auto;
height: auto;
}
.feature {
padding: 18px;
}
.feature-book {
width: 764px;
height: 300px;
/* background: url(../images/feature-bg.jpg) no-repeat;*/
}
.feature-book-wrap {
width: 100%;
height: 100%;
background: url(../images/feature-overlay.png) no-repeat;
}
.feature-nav {
margin-left: 764px;
width: 200px;
height: 300px;
background: url(../images/feature-nav-bg.jpg) repeat;
}
.feature-nav-wrap {
height: 300px;
background: url(../images/feature-nav-overlay.png) no-repeat top right;
}
.feature-item {
padding: 4px;
width: 192px;
}
.feature-item-wrap {
padding: 4px;
height: 80px;
border: 1px dashed #CCC;
}
.feature-item img{
float: left;
margin-right: 10px;
}
.feature-item p{
font-size: 12px;
}
.author-btn {
background-color: #8b8b8b;
height: 17px;
font-size: 10px;
line-height: 17px;
display:inline-block;
}
.author-btn-lt {
padding-left: 3px;
background: url(../images/author-btn-lt.png) no-repeat top left;
display:inline-block;
}
.author-btn-rt {
padding-right: 3px;
background: url(../images/author-btn-rt.png) no-repeat top right;
display:inline-block;
}
.cf:before, .cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}
.cf {
zoom: 1;
}
.fltrt {
float: right;
}
.fltlft {
float: left;
}
/*************/
.feature-book-text{
width:764px;
height:284px;
padding-top:16px;
}
.feature-book-text h1{
font-size:42px;
color:#fff;
display:block;
}
.feature-book-text p{
width:300px;
display:block;
font-size:13px;
margin:0px 0px 0px 120px;
}
.feature-book-text p strong{
float:left;
margin:10px;
}
p.units{
font-weight:bold;
margin-top:10px;
}
.collector_series_books{
width:984px;
padding:0px 0px 10px 16px;
position:relative;
}
.frame_lt {
padding-left: 8px;
height:253px;
background: url(../images/frame_lft.png) no-repeat top left;
display:inline-block;
}
.frame_rt {
padding-right: 8px;
height:253px;
background: url(../images/frame_rgt.png) no-repeat top right;
display:inline-block;
}
.frame_mdl {
width:950px;
height:253px;
display:block;
background: url(../images/frame_mdl.png) repeat-x;
}
.frame_top{
height:22px;
padding:8px 4px 0px 7px;
margin-bottom:5px;
}
.frame_top h2{
margin:0px;
padding:0px;
font-size:16px;
color:#3f3f3f;
}
.frame_nav{
width:95px;
height:24px;
padding:8px 0px 0px 10px;
background:url(../images/bg_frame_nav.png) no-repeat;
}
.next{
/*width:16px;
height:18px;
display:block;
float:left;
margin-left:5px;
background:url(../images/btn_next.png) no-repeat;*/
}
.blt{
width:11px;
height:10px;
display:block;
float:left;
margin:5px ;
background:url(../images/blt.png) no-repeat;
}
.blt:hover, .blt.select{
width:11px;
height:10px;
display:block;
background:url(../images/blt_select.png) no-repeat;
}
.books_container ul{
margin:0px;
padding:0px;
}
.books_container ul li{
width:132px;
height:176px;
padding:10px;
list-style:none;
float:left;
margin-right:5px;
}
.books_container ul li:hover, .books_container ul li.select{
background:url(../images/bg_book.png) no-repeat;
}
.btn_units{
width:93px;
height:40px;
line-height:40px;
text-align:center;
color:#fff !important;
display:block;
font-size:16px;
font-weight:bold;
text-decoration:none;
float:left;
background:url(../images/btn_units.png) no-repeat;
}
/****************COOKBOOK SECTION*********************/
.cookbook_info{
width:960px;
height:240px;
background-color:#e7edf1;
padding:28px 15px 7px 25px;
background:url(../images/bdr_desc.png) repeat-x bottom;
background-color: #edf2f6;
}
.cookbook_img{
width:135px;
height:204px;
padding:0px 15px;
background:url(../images/book_shadow.png) no-repeat;
}
.cookbook_description{
width:755px;
height:215px;
float:right;
margin-right:35px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/bookshape_pic.png) no-repeat bottom right;
}
.cookbook_description h1{
width:750px;
display:block;
font-size:20px;
padding-bottom:5px;
background:url(../images/bdr_btm.png) repeat-x bottom;
}
.cookbook_description strong{
font-size:12px;
font-weight:bold;
}
.cookbook_description p{
font-size:12px;
line-height:17px;
padding:7px 0px 7px 0px;
}
.cookbook_description p a{
color:#0070a0;
}
.btn_buy{
width:86px;
height:53px;
display:block;
margin-top:10px;
background:url(../images/btn_buy.png) no-repeat;
}
.recipies_container{
height:500px;
overflow:auto;
/*padding:5px 0px 5px 15px;*/
position:relative;
/*margin-top:30px;*/
}
.favorite_container{
height:320px;
overflow:auto;
padding:5px 0px 5px 15px;
position:relative;
margin-top:30px;
height:100%
}
.recipe{
width:163px;
height:124px;
padding:12px;
position:relative;
float:left;
margin-right:5px;
background:url(../images/bdr_recipie_small.png) no-repeat;
}
.cbThumbImages{
width:185px;
height:260px;
padding:6px;
position:relative;
float:left;
mergin-right:5px;
background:url(../images/bdr_recipie.png) no-repeat;
cursor: pointer;
}
.cbThumbImages:hover, .cbThumbImages.select{
background:url(../images/bdr_recipie_hover.png) no-repeat;
}
.cb_section_recipe_name{
width:170px;
height:36px;
display:block;
position:absolute;
background:url(../images/bg_recepiname.png) repeat-x;
bottom:12px;
font-size:16px;
line-height:20px;
color:#393939;
overflow: hidden;
}
.recipe:hover, .recipe.select{
background:url(../images/bdr_recipie_hover_small.png) no-repeat;
}
.book_section{
width:998px;
height:156px;
display:block;
position:absolute;
padding:30px 0px 0px 12px;
background:url(../images/bg_book_section.png) no-repeat;
margin: 10px;
}
.bs_recipe{
width:163px;
height:124px;
padding:12px;
position:relative;
float:left;
margin-right:2px;
background:url(../images/bs_recepi.png) no-repeat;
}
.bs_recipe_name{
width:163px;
height:36px;
display:block;
position:absolute;
background:url(../images/bg_recepiname.png) repeat-x;
bottom:36px;
font-size:15px;
line-height:18px;
color:#393939;
}
.bs_recipe:hover, .bs_recipe.select{
background:url(../images/bs_recepi_hover.png) no-repeat;
}
.bs_units{
font-size:12px;
color:#3f3f3f;
padding-top:3px;
}
.bs_units span{
border-right:2px #3f3f3f !important;
padding-right:10px;
}
span.units{
width:65px;
height:21px;
line-height:21px;
text-align:center;
color:#fff;
font-weight:bold;
display:block;
float:right;
border:none !important;
background:url(../images/bg_units.png) no-repeat;
}
.bs_btn_next{
width:32px;
height:38px;
display:block;
position:absolute;
background:url(../images/bs_btn_next.png) no-repeat;
top: 90px;
right:10px;
}
/**************COOKBOOK DETAIL***************************/
.btn_buy_cookbook{
width:143px;
height:53px;
display:block;
margin-top:10px;
/*background:url(../images/btn_buy_cookbook.png) no-repeat;*/
}
/**************RECIPE POPUP**********************************/
.recipe_popup{
width:702px;
height:593px;
position:relative;
}
.recipe_popup_inner{
position:absolute;
height:490px;
left: 2px;
top: 2px;
z-index:1;
}
.recipe_popup_btm{
width:576px;
height:233px;
position:absolute;
padding:5px 12px;
z-index:2;
background:url(../images/bg_recepi_popup_btm.png) top repeat-x ;
left: 0px;
top:240px;
}
.recipe_popup_btm p{
display:block;
color:#393939;
font-size:30px;
}
.serves{
color:#494949;
font-size:16px;
padding:20px 0px 5px 0px;
font-weight:bold;
}
ul{
padding:0px;
margin:0px;
}
ul li{
list-style:none;
}
.ingredients strong{
font-size:15px;
}
.buy_recipe{
width:130px;
float:right;
text-align:center;
color:#484848;
font-weight:bold;
padding:75px 15px 0 8px;
}
.ingredients{
color: #494949;
font-size: 14px;
left: 260px;
}
.recipe_section_width {
/*margin: 0px auto !important; width: 980px !important;*/
}
.recipe_section-name {
width:184px !important;
float: left;
}
.recipe_section_name_width {
width: 540px !important;
}
.recipe_section_name_width_input {
margin: 0 0 0 10px !important;
}
.ingredients_list{
color:#494949;
font-size:14px;
}
.btn_share{
width:430px;
float:left;
}
.btn_share a{
color:#494949;
font-weight:bold;
margin-right:10px;
}
.mrg_btm5{
margin-bottom:5px;
display:block;
}
.collection_book_image{
width:150px;
height:200px;
}
#basic-modal-content {display:none;}
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}
/* Container */
#simplemodal-container {height:490px; width:605px; background-color:#FFFFFF; }
#simplemodal-container .simplemodal-data {padding:0px;}
#simplemodal-container code {background:#FFFFFF; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/bg_popup_recipe_close.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
#ch_images_pane .carousel-next{background:url(../images/bs_btn_next.png) 0 0 no-repeat; position:absolute;top: 105px;left:930px;height: 40px;width: 40px;}
#ch_images_pane .carousel-previous{background:url(../images/bs_btn_back.png) 0 0 no-repeat; position: absolute; top: 105px; }
/*#ch_images_pane .js ul li{width:150px;height:200px!important;}*/
#ch_images_pane .carousel-wrap ul li{width:148px;height:170px!important; padding: 6px; text-align:left;}
#ch_images_pane .carousel-wrap{margin:0px 60px 15px;position:absolute; width:803px!important; height:182px!important; outline:none;}
#ch_images_pane input:focus {
border: 0;
outline:none;
}
#ch_images_pane .js{zoom:1!important; border:none;}
#ch_images_pane .carousel-wrap ul li:hover{
background:url(../images/bg_book.png) no-repeat;
}
#ch_images_pane_library .carousel-next{background:url(../images/bs_btn_next.png) 0 0 no-repeat; position:absolute;top: 85px;left:1060px;height: 40px;width: 40px;}
#ch_images_pane_library .carousel-previous{background:url(../images/bs_btn_back.png) 0 0 no-repeat; }
/*#ch_images_pane .js ul li{width:150px;height:200px!important;}*/
#ch_images_pane_library .carousel-wrap ul li{width:148px;height:170px!important; padding: 6px; text-align:left;}
#ch_images_pane_library .carousel-wrap{margin:0 28px 15px 38px; position:absolute; width:985px !important; height:152px!important; outline:none;}
#ch_images_pane_library input:focus {
border: 0;
outline:none;
}
#ch_images_pane_library .js{zoom:1!important; border:none;}
#ch_images_pane_library .carousel-wrap ul li:hover{
background:url(../images/bg_book.png) no-repeat;
}
@charset "utf-8";
/* CSS Document */
body_hp{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
margin:0px;
padding:0px;
background:url(../images/bg.png) #FFF top center no-repeat;
}
/*
h1, h2, h3{
margin:0px;
padding:0px;
word-spacing:-1px;
font-family:Arial, Helvetica, sans-serif;
line-height:normal;
}
h1{font-size:24px;}
h2{font-size:20px; color:#333;}
h3{font-size:18px;}
*/
a{text-decoration:none; outline:none;}
a img{border:none; outline:none;}
p{margin:0px; padding:0px;}
p,div{
display:block;
}
#wraper{
width:1200px;
margin:0 auto;
}
.header{
width:1164px;
height:55px;
padding:15px 18px;
background:url(../images/bg_header.png) repeat-x;
}
.login_hp{
width:352px;
height:52px;
float:right;
}
.sign_up{
width:585px;
height:52px;
float:right;
}
.cnt_login span{
display:block;
float:left;
margin:10px;
}
.lt_login{
width:10px;
height:52px;
display:block;
float:left;
background:url(../images/lt_top_login.png) no-repeat;
}
.cnt_login{
width:332px;
height:45px;
display:block;
float:left;
padding:7px 0px 0px 0px;
background:url(../images/cnt_top_login.png) repeat-x;
}
.rt_login{
width:10px;
height:52px;
display:block;
float:left;
background:url(../images/rt_top_login.png) no-repeat;
}
.btn_login{
width:87px;
height:38px;
display:block;
float:left;
background:url(../images/btn_login.png) no-repeat;
}
.btn_login1{
width:79px;
height:43px;
display:block;
float:left;
background:url(../images/btn_longin1.png) no-repeat;
}
.btn_forgot{
width:55px;
height:24px;
display:block;
float:left;
margin:7px 0px 0px 5px;
background:url(../images/btn_forgot.png) no-repeat;
}
.btn_fb_login{
width:72px;
height:23px;
display:block;
float:left;
margin:5px 0px 0px 10px;
background:url(../images/btn_fb_login.png) no-repeat;
}
.page_contents{
padding-top:25px;
text-align:center;
width: 100%;
/* padding-left: 22px;*/
}
.lt_contents{
width:577px;
float:left;
text-align:center;
color:#858585;
font-size:18px;
}
.lt_contents p{
padding:20px 0px 5px 0px;
}
.rt_contents{
width:530px;
float:right;
text-align:center;
}
.rt_contentsImage{
width:530px;
float:right;
text-align:center;
background:url(/ChefVivant//images/Site-RecipeXPress) no-repeat;
}
.tube{
width:505px;
height:310px;
margin:0 auto;
margin-bottom:25px;
}
.social{
width:300px;
height:25px;
margin:0 auto;
padding-top:20px;
}
.adv_space{
height:72px;
line-height:72px;
text-align:center;
font-size:26px;
background-color:#fff;
border-bottom:1px solid #9a9a9a;
border-top:1px solid #9a9a9a;
margin-top:30px;
width: 1200px;
}
.bottom_section{
height:167px;
background:url(../images/bg_bottom.png) repeat-x;
margin: 20px 0px 0px 32px;
padding: 10px 0px 10px 0px;
width: 1200px;
}
.bottom_feature{
width:244px;
height:137px;
display:block;
float:left;
margin-right:5px;
padding:15px 20px;
color:#fff;
background:url(../images/bg_feature.png) no-repeat;
margin-left: 10px;
}
.bottom_feature h2{
margin:0px;
word-spacing:-1px;
font-family:Arial, Helvetica, sans-serif;
line-height:normal;
font-size:20px;
color:#164c7f;
text-shadow: 1px 1px 1px #fff;
padding-bottom:5px;
}
.bottom_feature p{
font-size:14px;
color:#fff;
text-shadow: 1px 1px 1px #000;
}
.bottom_feature:hover, .bottom_feature.select {
background:url(../images/bg_feature_hover.png) no-repeat;
color:#555 !important;
}
.bottom_feature_home{
width:244px;
height:137px;
display:block;
float:left;
margin-right:5px;
padding:15px 20px;
color:#fff;
background:url(../images/bg_feature.png) no-repeat;
margin-left: 10px;
}
.bottom_feature_home h2{
margin:0px;
word-spacing:-1px;
font-family:Arial, Helvetica, sans-serif;
line-height:normal;
font-size:20px;
color:#164c7f;
text-shadow: 1px 1px 1px #fff;
padding-bottom:5px;
}
.bottom_feature_home p{
font-size:14px;
color:#fff;
text-shadow: 1px 1px 1px #000;
}
.bottom_feature_home:hover, .bottom_feature_home.select {
background:url(../images/bg_feature_hover_home.png) no-repeat;
color:#555 !important;
}
.footer{
width:1140px;
height:22px;
padding:15px 30px;
background-color:#e3e3e3;
color:#3d3d3d;
font-size:11px;
font-weight:bold;
margin-top:20px;
}
.footer a{
color:#3d3d3d;
font-size:11px;
font-weight:bold;
margin:5px;
}
.footer a:hover{
color:#164c7f;
}
.tellmemore_title{
padding-bottom: 10px;
margin: 19px 10px;
word-spacing: -1px;
font-family: Arial, Helvetica, sans-serif;
line-height: normal;
font-size: 20px;
font-weight: bold;
width: 50%;
}
.original_recipe h2{
padding-bottom:10px;
margin:0px;
word-spacing:-1px;
font-family:Arial, Helvetica, sans-serif;
line-height:normal;
font-size: 20px;
font-weight: bold;
}
.original_recipe{
width: 1196px;
}
.original_recipe_hidden{
margin-left: 55px;
width: 86%;
display:none;
}
.original_recipe p{
font-size:14px;
color:#4d4d4d;
padding-bottom:25px;
}
.original_recipe ul{
padding:0px;
margin:0px 0px 0px 15px;
}
.original_recipe ul li{
font-size:14px;
color:#4d4d4d;
padding:2px;
margin:0px;
}
.w530{
width:530px;
float:left;
}
.bg_username{
width:140px;
height:35px;
line-height:35px;
display:block;
float:left;
border:none;
margin-right:10px;
color:#999999;
padding:0px 5px;
background:url(../images/bg_username.png) no-repeat;
}
/*////////////////////Aditional Clasess //////////////////////*/
.margin_t{margin-top:12px;}
.margin_t_15{margin-top:15px;}
.margin_r{margin-right:12px;}
.margin_b{margin-bottom:12px;}
.margin_l{margin-left:12px;}
.margin_l45{margin-left:45px;}
.margin_r_zero{margin-right:0px;}
.margin_t_zero{margin-top:0px;}
.padding_b_zero{padding-bottom:0px !important;}
.padding_t{padding-top:12px;}
.float_left{float:left;}
.float_right{float:right;}
.border_none{border:none !important;}
.width99{width:99px !important;}
.tellmemore_background{
background: url("../images/home_bkg.jpg") repeat-y;
width: 1200px;
margin-left: auto;
margin-right: auto;
}
.search_category_title{
margin:20px 0px 0px 0px;
word-spacing:-1px;
font-family:Arial, Helvetica, sans-serif;
line-height:normal;
font-size: 16px;
font-weight: bold;
}
.dialogStyle{
body { font-size: 62.5%; }
label, input { display:block; }
input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }
h1 { font-size: 1.2em; margin: .6em 0; }
div#users-contain { width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }
}
.prepImag{
width:4%;
/* margin-top:-8px; */
}
.saucImag
{
width:4%;
/* margin-top:-8px; */
}
.modImag
{
width:4%;
/* margin-top:-8px; */
}
.herbImag
{
width:4%;
/* margin-top:-8px; */
}
.getAddRecipe{
width:30%;
margin-left:20px;
font-size:20px;
}
.add_recipe_detail{
margin-left:10px;
width:30%;
}
#myAutoComplete {
width:15em; /* set width here or else widget will expand to fit its container */
padding-bottom:2em;
}
.addRecipe_Preparation_InfoText {
height: 45px !important
}
.width100px {
width: 119px !important;
}
.width90px {
width: 101px !important;
}
.hide {
display: none !important;
}
.addIngredientAutoComplete {
width:10em !important;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #808080;
max-height: 110px;
overflow: auto;
margin:1px 0 0 0;
position: absolute;
min-width: 200px !important;
max-width: 250px !important;
}
.addIngredientAutoComplete li { padding: 0 3px; }
.addIngredientAutoComplete li:hover { background:#b3d4ff; cursor: pointer; }
/*.addIngredientAutoComplete li:hover { background:#426fd9; }*/
.addIngredientAutoCompleteField {
width:10em !important; /* set width here or else widget will expand to fit its container */
}
.recipeRatingContainer {
height: 35px !important; width: 145px !important;
}
.superscript {
color: red;
display:block;
position:relative;
left:2px; top: -5px
}
.d_left-ing{
bottom: 59px !important;
color: #8A8E8E;
font-size: 18px;
font-weight: bold;
margin-bottom: 13px;
bottom: 50px;
width: 140px;
}
.input-name{
bottom: -35px;
height: 2.37em;
right: 135px;
width: 21em;
}
/* menu */
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
margin: 0;
padding: 0;
position: relative;
}
#cssmenu {
height: 49px;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
background: #fefefe;
background: -moz-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #eee9f0));
background: -webkit-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
background: -o-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
background: -ms-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
background: linear-gradient(top, #fefefe 0%, #eee9f0 100%);
border-bottom: 2px solid #aba1a2;
width: auto;
}
#cssmenu:after,
#cssmenu ul:after {
content: '';
display: block;
clear: both;
}
#cssmenu a {
background: #fefefe;
background: -moz-linear-gradient(top, #fefefe 0%, #ececec 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ececec));
background: -webkit-linear-gradient(top, #fefefe 0%, #ececec 100%);
background: -o-linear-gradient(top, #fefefe 0%, #ececec 100%);
background: -ms-linear-gradient(top, #fefefe 0%, #ececec 100%);
background: linear-gradient(top, #fefefe 0%, #ececec 100%);
color: #000;
display: inline-block;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
line-height: 49px;
padding: 0 16px;
text-decoration: none;
}
#cssmenu ul {
list-style: none;
}
#cssmenu > ul {
float: left;
}
#cssmenu > ul > li {
float: left;
}
#cssmenu > ul > li > a {
color: #000;
font-size: 12px;
}
#cssmenu > ul > li:hover:after {
/*content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #aba1a2;
margin-left: -10px;*/
}
#cssmenu > ul > li:first-child > a {
border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li.active:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #aba1a2;
margin-left: -10px;
}
#cssmenu > ul > li.active > a {
-moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background: #ececec;
/background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef));
background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
}
#cssmenu > ul > li:hover > a {
background: #ececec;
background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef));
background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
-moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}
#cssmenu .has-sub {
z-index: 1;
}
#cssmenu .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub ul {
display: none;
position: absolute;
width: 150px;
top: 100%;
left: 0;
}
#cssmenu .has-sub ul li {
*margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
background: #87797a;
border-bottom: 1px dotted #aba1a2;
filter: none;
font-size: 11px;
display: block;
line-height: 120%;
padding: 10px;
color: #ffffff;
}
#cssmenu .has-sub ul li:hover a {
background: #aba1a2;
}
#cssmenu .has-sub .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub .has-sub ul {
display: none;
position: absolute;
left: 100%;
top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
background: #87797a;
border-bottom: 1px dotted #aba1a2;
}
#cssmenu .has-sub .has-sub ul li a:hover {
background: #aba1a2;
}
/* home page highligts */
.home-text-highlights { text-align: left; height: 260px !important; }
.home-text-highlights ul { margin:10px; }
.home-text-highlights ul li { margin: 0 0 5px 0; }
.home-text-highlights ul li a { color:#007ac3; }
.home-text-highlights ul li a:active { color:#007ac3; }
/* my sommelier highlights */
.sommelier-text-highlights { text-align: left; height: 260px !important; }
.sommelier-text-highlights ul { margin:10px; }
.sommelier-text-highlights ul li { margin: 0 0 5px 0; font-weight: bold; }
.sommelier-text-highlights ul li a { color:#007ac3; }
.sommelier-text-highlights ul li a:active { color:#007ac3; }
/* recipe link */
.dialogJoinRecipeLink { width: 750px; }
.dialogJoinRecipeLink .heading { font-size: 25px; font-weight: bold; float: left; }
.dialogJoinRecipeLink .description { float: left; clear: both; font-weight: normal; margin: 8px 0; font-size: 19px; }
.dialogJoinRecipeLink .description ul { margin: 5px; padding:0 0 0 15px; }
.dialogJoinRecipeLink .description ul li { list-style: circle; }
.dialogJoinRecipeLink .description a { color:#007AC3; text-decoration: underline; }
.dialogJoinRecipeLink .description a:hover { color:#000; }
.btnJoin { cursor: pointer; }
.alignCenter { text-align: center}
.messageDimension {
height: 65px;
width: 270px;
overflow: hidden;
}
.emailDialogBoxZIndex {
z-index: 1010 !important;
}
.containerZIndex{
z-index: 1001 !important;
}
.lableWidth {
width: 25.4% !important;
float: left;
}
.border {
border: 1px solid black;
}
.loaderContainer {
position: absolute;
height: 100%;
width: 100%;
top:0;
left:0;
opacity: 0.7;
z-index: 11111;
display:none;
}
#loaderDiv{
position: relative;
width: 50px;
height: 50px;
margin: 23% auto;
background: url(../images/loader.gif) no-repeat;
background-position: center center;
}
.cookingClassNameCls{
max-width: 250px !important;
margin-left: 10px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
display: inline-block !important;
width: 250px !important;
}