input { border:none; font-family:Arial, Helvetica, "PMingLiu"; color:#6b6b6b; -webkit-text-size-adjust:none;  }
table { width:100%;}
table td { padding:3px; padding:3px 2px\9;}
table th { font-weight:normal;}
h3 { color:#621104; font-size:25px; font-weight:bold; line-height:28px; margin-bottom:14px;}
h4 { color:#621104; font-size:16px; font-weight:bold; line-height:19px; margin:10px 0;}
h5 { color:#621104; font-size:13px; font-weight:normal; line-height:1.4em; margin:8px 0;}
p { font-size:13px; line-height:18px; margin:9px 0;}
a { color:#1e1e1e; text-decoration:none;}
ol > li { list-style:decimal outside; margin:3px 0 3px 20px;}
a:hover { text-decoration:underline;}
a.hoverFade img {opacity:1; -moz-opacity:1; -khtml-opacity: 1; filter:alpha(opacity=100);}
a.hoverFade:hover img {opacity:0.7; -moz-opacity:0.7; -khtml-opacity: 0.7; filter:alpha(opacity=70);}
a.hoverRedTxt { color:#1e1e1e;}
a.hoverRedTxt:hover { color:#f2514d !important; text-decoration:none;}
a.redTxt { color:#f2514d; text-decoration:none;}
a.redTxt:hover { color:#f2514d !important; text-decoration:underline;}
.imgBtn { text-indent:-9999px; display:block; background-repeat:no-repeat; background-position:left top;}
.imgBtn:hover, .en .imgBtn:hover { background-position:left bottom;}
.remarks { font-size:12px; -webkit-text-size-adjust:none; }
.remarksBrown { color:#5c3713 !important; font-size:12px; -webkit-text-size-adjust:none; }
.titBlack {color:#1e1e1e; font-size:16px; font-weight:bold; line-height:19px; margin:10px 0;}
.txt-pink{color:#fc6256; font-weight:bold;}
.fontSize12{font-size:12px;}
.displayNone { display:none !important;}

.floatL { float:left !important;}
.floatR { float:right !important;}
.alignC { text-align:center !important;}
.alignR { text-align:right !important;}
.valignT { vertical-align:top !important;}
.valignM { vertical-align:middle !important;}
.valignB { vertical-align:bottom !important;}
.valignTextBtm { vertical-align:text-bottom;}
.tableValignT td, .tableValignT th { vertical-align:top !important;}

.marginBtm0 { margin-bottom:0 !important;}
.marginT45 { margin-top:45px;}
.marginT60 { margin-top:60px;}
.marginTB20 { margin:20px 0;}
.marginL125 { margin-left:125px !important;}
.marginL130 { margin-left:130px;}
.inputPadding { padding:3px 3px 3px 4px;}
.noPadding { padding:0 !important;}
.paddingTB35 {padding:35px 0;}
.paddingR30 { padding-right:30px !important;}
.padT5B20LR30 { padding: 5px 30px 20px 30px;}

.width33percent { width:33%;}
.width100percent { width:100% !important;}
.width18 { width:18px !important;}
.width20 { width:20px !important;}
.width30 { width:30px !important;}
.width40 { width:40px !important;}
.width55 { width:55px !important;}
.width65 { width:65px !important;}
.width75 { width:75px !important;}
.width90 { width:90px !important;}
.width100 { width:100px !important;}
.width110 { width:110px !important;}
.width120 { width:120px !important;}
.width135 { width:135px !important;}
.width160 { width:160px !important;}
.width210 { width:210px !important;}
.width285 { width:285px !important;}
.width300 { width:300px !important;}
.width350 { width:350px !important;}

.jqTransformSelectWrapper > div { padding-right:20px;}
.jqInputW175 .jqTransformInputWrapper input { width:175px !important;}
.jqInputW150 .jqTransformInputWrapper input , .jqInputW150 input{ width:150px !important;}
.jqInputW350 .jqTransformInputWrapper input { width:350px !important;}
.jqInputW175 .jqTransformSelectWrapper { width:181px !important;}
.jqInputW55 .jqTransformSelectWrapper { width:55px !important;}
.jqform input{ background: #ede6dc; border: 1px solid #afaaa3; -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); font-weight:bold;}

.dotted-line { background:url(../images/sep-dotted-line-repeat.png) repeat-x left top; height:1px; border:0; margin:8px 0;}
.title-head { background:url(../images/fullcalendar-head-bg-repeat.jpg) repeat-x left top; height:50px; line-height:50px; color:#fff; font-size:24px; font-weight:bold; padding-left:20px;}
.en .title-head { font-size:20px;}
.title-dynamic-memo-tab { background:url(../images/title-tab-bg-r.jpg) no-repeat right top; padding-right:20px; position:relative; margin:0 0 5px -15px;}
.title-dynamic-memo-tab, .title-dynamic-memo-tab  .bg-left, .title-dynamic-memo-tab .text { height:47px; display:inline-block; color:#1e1e1e; font-size:16px;}
.title-dynamic-memo-tab  .bg-left { background:url(../images/title-tab-bg-l.png) no-repeat left top; width:120px; display:block; position:absolute; left:-10px; top:0;}
.title-dynamic-memo-tab .text { position:relative; line-height:38px; padding-left:20px;}


/* buttons */
.btn-fb-icon { background-image:url(../images/header-top-fb-icon.jpg); width:15px; height:15px;}
.btn-recipe-search { background:url(../images/icon-search-btn.gif); width:14px; height:14px;}
.btn-add { background:url(../images/btn-add.jpg); width:18px; height:18px; display:inline-block; vertical-align:middle;}

.btn-course-advance-search { background-image:url(../images/tc/btn-course-advance-search.png); width:129px; height:45px;}
.btn-course-search { background-image:url(../images/tc/btn-course-search.png); width:129px; height:45px;}

.en .btn-course-advance-search { background-image:url(../images/en/btn-course-advance-search.png); width:141px; height:45px;}
.en .btn-course-search { background-image:url(../images/en/btn-course-search.png); width:119px; height:45px;}

.btn-view-mode-listing { background:url(../images/btn-view-mode.png) no-repeat right top; width:35px; height:34px; display:block;}
.btn-view-mode-listing:hover, .btn-view-mode-listing.selected { background-position:right bottom;}
.btn-view-mode-calendar { background:url(../images/btn-view-mode.png) no-repeat left top; width:35px; height:34px; display:block;}
.btn-view-mode-calendar:hover, .btn-view-mode-calendar.selected { background-position:left bottom;}
.btn-view-mode-listing.selected, .btn-view-mode-calendar.selected { cursor:default;}

.btn-default { background-color:#6e4013; width:62px; height:22px; text-align:center; color:#fff; text-decoration:none; display:inline-block; line-height:22px;line-height:24px\9;}
.btn-default:hover { background-color:#fb8888; text-decoration:none;}
.btn-default-bg { background:url(../images/btn-default-bg-r.png) no-repeat right top; padding-right:22px;}
.btn-default-bg span { background:url(../images/btn-default-bg-l.png) no-repeat left top; padding-left:22px; line-height:24px; line-height:25px\9; min-width:30px; text-align:center;}
.en .btn-default-bg { padding-right:20px;}
.en .btn-default-bg span { padding-left:20px; line-height:24px;}

.btn-default-bg.brownVer { background-image:url(../images/btn-default-bg-r-brown.png);}
.btn-default-bg.brownVer span { background-image:url(../images/btn-default-bg-l-brown.png);}
.btn-default-bg.greyVer { background-image:url(../images/btn-default-bg-r-grey.png); height:22px;}
.btn-default-bg.greyVer span { background-image:url(../images/btn-default-bg-l-grey.png); height:22px; line-height:22px; line-height:23px\9;}
.btn-default-bg, .btn-default-bg span { height:24px; display:inline-block; color:#fff; font-weight:normal; cursor:pointer;}
.btn-default-bg:hover { background-position:right bottom; text-decoration:none;}
.btn-default-bg:hover span { background-position:left bottom; text-decoration:none;}

.btn-grapgic { background:url(../images/btn-grapgic-bg.png) no-repeat right top; height:42px; display:block; width:240px;  margin-left:-10px;}
.btn-grapgic a { width:148px; height:42px; margin-left:26px; display:inline-block;background:url(../images/btn-grapgic-colorbg.jpg) no-repeat right top;}
.btn-grapgic a:hover { background-position:right bottom;}
.btn-grapgic a img { margin:10px 0 0 15px;}
.btn-back { background:url(../images/btn-back-bg.png) no-repeat right top; height:40px; padding-right:45px; width:79px; margin-left:10px; display:block;}
.btn-back a { line-height:35px; margin-left:20px;}
.btn-back a.bullet-brown { background: url("../images/brown-bullet-left.jpg") no-repeat scroll left 1px transparent; padding-left: 20px;}
.btn-back a.bullet-brown:hover { text-decoration:none; background-position:left -19px;}

.btn-top { background:url(../images/btn-top-bg.png) no-repeat right top; height:40px; display:block; padding-left:45px; width:79px; margin-right:10px; position:absolute; right:40px; bottom:0px;}
.btn-top a { line-height:35px; margin-left:12px;}
.btn-top a.bullet-brown { background: url("../images/brown-bullet-top.jpg") no-repeat scroll left 1px transparent; padding-right: 20px;}
.btn-top a.bullet-brown:hover { text-decoration:none; background-position:left -19px;}


.btn-video-recipe { background:url(../images/tc/btn-video-recipe.jpg); width:122px; height:34px;}
.en .btn-video-recipe { background:url(../images/en/btn-video-recipe.jpg); width:135px; height:34px;}
.btn-video-recipe.selected { background-position:left bottom;}

.bullet-brown-right { background: url("../images/brown-bullet-right.gif") no-repeat scroll left 2px transparent; padding-left: 20px;}
.bullet-brown-right:hover { text-decoration:none; background-position:left -54px;}


/* icons */
.icon-shop { background:url(../images/header-top-menu-shopping.gif) no-repeat left center; width:14px; height:13px; padding-left:17px;}
.icon-location { background:url(../images/header-top-menu-location.gif) no-repeat left 1px; padding-left:13px;}
.icon-course { background:url(../images/header-top-menu-course.gif) no-repeat left 1px; padding-left:15px;}
.icon-star { background:url(../images/icon-star.png) no-repeat left top; width:12px; height:13px; display:inline-block; margin:0 2px; vertical-align:middle;}
.icon-video { background:url(../images/icon-video.png) no-repeat left top; width:16px; height:19px; display:inline-block;}
.icon-alert { background:url(../images/icon-alert.gif) no-repeat left top; padding-left:20px; font-weight:normal; color:#c92525; font-size:11px; -webkit-text-size-adjust:none; margin:3px 0;} 
.icon-cooking { background:url(../images/icon-cooking.png) no-repeat left top; padding:2px 0 2px 25px;}
.icon-avenue { background:url(../images/icon-avenue.png) no-repeat left top; padding:2px 0 2px 25px;}
.icon-customer { background:url(../images/icon-customer.png) no-repeat left top; padding:2px 0 2px 25px;}

/* bullet */
.bullet-brown li, a.bullet-brown { background: url("../images/calendar-event-box-bullet.jpg") no-repeat scroll left 2px transparent; padding-left: 18px;}
.statusGrn { background: url("../images/icon-status-green.png") no-repeat scroll left center transparent; padding-left: 15px; font-size:12px; line-height:1.4em;}
.statusYlw { background: url("../images/icon-status-yellow.png") no-repeat scroll left center transparent; padding-left: 15px; font-size:12px; line-height:1.4em;}
.statusRed { background: url("../images/icon-status-red.png") no-repeat scroll left center transparent; padding-left: 15px; font-size:12px; line-height:1.4em;}
.statusGry { background: url("../images/icon-status-grey.png") no-repeat scroll left center transparent; padding-left: 15px; font-size:12px; line-height:1.4em;}
.tips-arrow { background:url(../images/bullet-tips-arrow.gif) no-repeat left 4px; padding-left:12px; color:#fff;}
.bullet-disc, .arrow-pink { margin:7px 0;}
.bullet-disc > li { background:url(../images/bullet-disc.png) no-repeat left 6px; padding-left:13px;}
.arrow-pink > li { background: url("../images/list-arrow-pink.gif") no-repeat scroll 1px 5px transparent; padding-left: 15px;}



/* right column */
.rightCol .btm-shadow { background:url(../images/shadow-bg-inner-fb-activity.png) no-repeat 6px bottom; width:247px; height:16px;}
.rightCol .img-links-box { width:247px; text-align:center;}
.rightCol .img-links-box a { display:block; width:247px;}
.rightCol .img-links-box .dotted-line { margin:0; margin:0 8px;}
.rightCol .promo-banner { margin-top:20px;}



/* template */
.grid-full-width { padding:0 30px; }
.grid-1-out-of-3 { width:248px; }
.grid-2-out-of-3 { width:684px; }
.side-search-box { background:url(../images/side-search-box-bg.png) no-repeat center top; width:217px; height:206px; padding:30px 25px 20px 25px; font-size:12px; position:relative; right:9px; top:0;}
.side-search-box .btn-course-advance-search { position:absolute; left:0; bottom:30px;}
.side-search-box .btn-course-search { position:absolute; right:0; bottom:30px;}
.side-search-box .datepickerInput { width:100px;}
.side-search-box .typeSearch .jqTransformSelectWrapper, .side-search-box .courseNum .jqTransformInputWrapper, .side-search-box .keywordSearch .jqTransformInputWrapper { width:135px !important; *width:122px !important;}
.side-search-box .courseNum .jqTransformInputWrapper input, .side-search-box .keywordSearch .jqTransformInputWrapper input { width:128px !important; *width:115px !important;}

.en .side-search-box .typeSearch .jqTransformSelectWrapper, .side-search-box .courseNum .jqTransformInputWrapper, .side-search-box .keywordSearch .jqTransformInputWrapper { width:117px !important; padding-right:18px;}
.en .side-search-box .typeSearch .jqTransformSelectWrapper { *width:104px !important;}
.en .side-search-box .typeSearch .jqTransformSelectWrapper ul { right:-1px !important; left:auto !important;}

.forSideDatepicker.datepicker { top: 373px !important; left:50% !important; margin-left:260px;}

.html-title-tab { background:url(../images/html-title-tab-shadow.png) no-repeat 1px bottom; padding-bottom:12px;}
.html-title-tab dl { border:1px solid #ede7e1; border-bottom:0; border-right:0; position:relative;}
.html-title-tab dt { width:14px; height:37px; border-bottom:1px solid #d1cbc4; position:absolute; left:0; top:0;}
.html-title-tab dd{ width:100%; height:37px; float:left;  background-color:#FCFBF9; border-bottom:1px solid #ede7e1; border-right:1px solid #ede7e1; }
.html-title-tab dd p { padding-left:30px; font-size:18px; font-weight:bold; line-height:37px; margin:0;}
.html-title-tab dd p a { background:url(../images/btn-collaspe-arrow.gif) no-repeat right 12px; display:block; margin-right:5px;}
.html-title-tab dd p a:hover { background-position:right -28px; text-decoration:none;}
.selected .html-title-tab dd p a, .selected .html-title-tab dd p a:hover { background-position:right -64px;}
.html-title-tab .colorY { background-color:#fea300;}
.html-title-tab .colorGrn { background-color:#92a015;}
.html-title-tab .colorBlu { background-color:#149fdf;}
.html-title-tab .colorRed { background-color:#ff5b57;}

.en .html-title-tab dd p { font-size:17px;}


.collaspeNav > ul { display:none;}


/* tips at right column */
.titleBg, .tipsMemo > div > div.titleBg { background:url(../images/recipe-title-bg.png) no-repeat left 2px; position:absolute; width:161px; left:55px; top:-20px;   padding:0; padding-bottom:5px; text-align:center; border:0; z-index:1;}
.tipsMemo > div { background-color:#FF5C57; width: 260px; padding:5px;}
.tipsMemo > div img { max-width:228px;}
.tipsMemo > div > div { position:relative; border:1px dashed #fff; padding:20px 15px; color:#fff; text-align:center;}
.tipsMemo > div > div p { text-align:left; margin-top:0;}
.tipsMemo .titleBg { top:-25px;}
.cookingTips > div { background-color:#FF5C57; }
.referenceTips > div { background-color:#F4A821; }





/* table */
table.alternative thead th, table.alternative thead td { background:url("../images/table-th-bg-repeat.jpg") repeat-x left top #ff5b57; color:#fff; font-weight:bold;}
table.alternative > tbody .even > th, table.alternative > tbody .even > td { background:url("../images/table-alternative-even-bg.png") repeat left top;}
table.alternative > tbody .even.invalid > th, table.alternative > tbody .even.invalid > td, table.alternative > tbody .invalid > th, table.alternative > tbody .invalid > td { background:#d9cfc6; color:#848382;}
table.alternative th { padding:6px 5px 6px 10px;}
table.alternative td { padding:6px 5px;}

table.table-with-bottom-border th { color:#5d3813; font-weight:normal;}
table.table-with-bottom-border th, table.table-with-bottom-border td { border-bottom:1px solid #b4ae9d; padding:5px 3px;}
table.table-with-bottom-border th.lastItem, table.table-with-bottom-border td.lastItem { border-bottom:0;}
table.table-with-bottom-border th td, table.table-with-bottom-border td td { border:none;}

.table-with-bottom-border .membership { position:relative; text-align:right;}
.table-with-bottom-border .membership > span { position:absolute; left:0; top:0; cursor:pointer;}
.table-with-bottom-border .membership .hover span { cursor:pointer;}
.table-with-bottom-border .membership .membershipBox { position:absolute; right:-15px; display:none; top:30px; background:url(../images/membershipBox-bg-top.gif) no-repeat center top; padding-top:10px; width:140px;}
.table-with-bottom-border .membership .membershipBox div { background-color:#fff; border:1px solid #B4AE9D; border-top:0; padding:8px;}
.table-with-bottom-border .membership .membershipBox div td { padding:2px;}
.en .table-with-bottom-border .membership .membershipBox { width:155px; right:-5px;}




/* pagination */
.pagination { margin-top: 30px; text-align: center;}
.pagination a { border: 1px solid #bbb5a6; color: #db302e; width:18px; height:18px; display:inline-block; line-height:18px; text-decoration:none; text-align:center; background-color:#fff; margin:0 3px; font-size:12px;}
.pagination span { margin:0 3px; font-size:12px; display:inline-block; line-height:18px;}
.pagination a:hover, .pagination .disabled, .pagination .selected { color: #aaaaaa; text-decoration: none; background:url(../images/pagination-btn-bg.jpg) repeat-x left top #e8193c; border-color:#e8193c; color:#fff;}
.pagination .selected, .pagination .disabled { cursor: default;}
.pagination .noBorder { border: medium none; background:none;}
.pagination .disabled, .pagination a.disabled, .pagination a.disabled:hover { cursor: default; color:#b3a58b;}
.pagination .prev, .pagination .next { color:#5c3713;}
.pagination .prev:hover, .pagination .next:hover { color:#e8193c; background:none; border:none;}




.popupBg { background:url(../images/popupbox-bg.png) no-repeat left top; width:525px; height:320px; padding:70px 110px 60px 60px;}
.popupBg-m { background:url(../images/member-forgot-pw-bg.png) no-repeat left top; width:399px; height:229px; padding:60px 40px 20px 45px;}
/* teacher's details pop up box */
#teacherDetailsBox { display:none;}
#teacherDetailsBox dl { padding:5px 0;}
#teacherDetailsBox dt { float:left; width:170px; height:200px;}
#teacherDetailsBox dd { float:left; width:340px; height:310px; overflow-y:auto;}
#teacherDetailsBox dd p { color:32312f;}

/* teacher's details pop up box */
#forgotPW { display:none;}
#forgotPW .jqform { border-bottom:1px solid #dbdada; padding-bottom:10px; margin-bottom:15px; font-weight:bold;}
.forgotPwBox #fancybox-close { top:8px; right:43px;}


/* course apply coupon pop up box */
#CheckCouponList { display:none; background:url(../images/course-apply-coupon-popup-bg.png) no-repeat left top; width:600px; height:310px; padding:70px 35px 60px 60px;}
#CheckCouponList .html-title-tab { padding-bottom:10px;}
#CheckCouponList .html-title-tab dd p { font-size:13px; font-weight:bold;}
#CheckCouponList .html-title-tab dd p input { padding:3px 4px 1px 4px; margin:0 2px; width:150px; background:#EDE6DC; border: 1px solid #AFAAA3; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset; font-weight: bold; font-size:12px; vertical-align:middle;}
.fancyCouponBox #fancybox-close { top:24px; right:56px;}
#CheckCouponList .coupons { overflow:auto; height:181px; *overflow-x:hidden;}
#CheckCouponList div.alignR { padding-top:20px;}
#CheckCouponList .btn-add { background:url(../images/btn-add.jpg); width:18px; height:18px; display:inline-block; vertical-align:middle;}
#CheckCouponList .btn-add:hover { background-position:left bottom;}



/* enew pop up box */

#enewsPopBox { display:none; background:url(../images/enew-pop-bg.png) no-repeat left top; width:394px; height:159px; padding:60px 40px 30px 50px;}
#enewsPopBox th { width:45px;}
#enewsPopBox th, #enewsPopBox td { vertical-align:middle;}
.fancyenewsPop #fancybox-close { top:10px; right:43px;}
#enewsPopBox td a.swapSubscribe { text-decoration:underline;}
#enewsPopBox td a.swapSubscribe:hover { color:#f2514d;}
#enewsPopBox .unsubscribe { display:none;}
.en #enewsPopBox th { width:100px;}

#fancybox-wrap.imageVideo, #fancybox-wrap.fancyVideo { background:url(../images/video-popup-bg-btm.png) repeat-x left bottom; padding-bottom:25px;}
#fancybox-wrap.fancyVideo { width:auto !important;}
#fancybox-wrap.imageVideo #fancybox-outer, #fancybox-wrap.fancyVideo #fancybox-outer { background:#fff; }
#fancybox-wrap.imageVideo #fancybox-content, #fancybox-wrap.fancyVideo #fancybox-content { padding:10px;}
#fancybox-wrap.imageVideo #fancybox-title { margin:0 !important; padding:0 10px; text-align:left;}
#fancybox-wrap.imageVideo #fancybox-title-inside { padding-left:20px; background:url(../images/list-arrow-pink.gif) no-repeat left 4px;}
#fancybox-wrap.imageVideo #fancybox-close, #fancybox-wrap.fancyVideo #fancybox-close { top: -40px; right: 10px; width: 90px; height: 40px; background: url('../images/video-popup-btn.png') no-repeat left top;}
#fancybox-wrap.imageVideo #fancybox-close:hover, #fancybox-wrap.fancyVideo #fancybox-close:hover { background-position:left bottom;}