body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;}

#outer{
	width:990px;
	vertical-align:middle;
	padding:5px;
	background-image:url(/en_US/yourhms/images/question_bg.jpg);}
#container {text-align: center; position:relative;
	vertical-align:middle;
	border-left: #a5c653 solid 1px;
	border-top: #a5c653 solid 1px;
	border-right: #a5c653 solid 1px;	
	}
#header{ text-align:left; padding:20px; position:relative; height:60px; left:0; top:0;}
#footer{position:relative; left: 0; top:1px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#8a7f6f;}
#qfooter{position:relative; left: 0; top:10px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#8a7f6f; z-index:50;}
#bodycontent{position:relative; top:0; left:0; padding-left:0px; height:450px;}
.show_error{position:relative; clear:both; left:75px; top:100px; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#FF0000; font-size:12px;}
.loading{text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6cb60e; font-weight:bold;  padding-left:5px; padding-right:5px; }
#show_errors, #one, #two, #three {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CC0000;
	font-weight:normal;
	line-height:12px;
}  
#loading{
	position:absolute;
	width:100px;
	height:14px;
	left: 75px;
	top: 100px;
}

/**** question css define here ***/

.errors{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#CC0000; font-weight:normal; line-height:12px;}
#question{	position:relative; clear:both; width:824px; left: 0; top: 0; float:left;}
#qustext{width:700px; position:relative; top: 85px;	padding-left:65px; float:left; text-align:left;}
.question01{background-image:url(/en_US/yourhms/images/bg_question_top.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
.question02{background-image:url(/en_US/yourhms/images/bg_question_top_02.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
.question03{background-image:url(/en_US/yourhms/images/bg_question_top_03.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
.question04{background-image:url(/en_US/yourhms/images/bg_question_top_04.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
.question05{background-image:url(/en_US/yourhms/images/bg_question_top_05.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
.question06{background-image:url(/en_US/yourhms/images/bg_question_top_06.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
.question07{background-image:url(/en_US/yourhms/images/bg_question_top_07.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
.question08{background-image:url(/en_US/yourhms/images/bg_question_top_08.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
.question09{background-image:url(/en_US/yourhms/images/bg_question_top_09.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
.question10{background-image:url(/en_US/yourhms/images/bg_question_top_10.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
.question11{background-image:url(/en_US/yourhms/images/bg_question_top_11.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
.question12{background-image:url(/en_US/yourhms/images/bg_question_top_12.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
.question13{background-image:url(/en_US/yourhms/images/bg_question_top_13.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
.question14{background-image:url(/en_US/yourhms/images/bg_question_top_14.jpg); background-position:left; background-repeat:no-repeat; height:439px;}
.question15{background-image:url(/en_US/yourhms/images/bg_question_top_15.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
.question16{background-image:url(/en_US/yourhms/images/bg_question_top_16.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
.question17{background-image:url(/en_US/yourhms/images/bg_question_top_17.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
.question18{background-image:url(/en_US/yourhms/images/bg_question_top_18.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
.question19{background-image:url(/en_US/yourhms/images/bg_question_top_19.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
.question20{background-image:url(/en_US/yourhms/images/bg_question_top_20.jpg); background-position:left; background-repeat:no-repeat; height:442px;}
#qoute{text-align:left; float:left; width:417px;}
#butnext{position:relative; width:101px; height:57px; float:left; padding-top:4px;}
#subfooter{	display:table-cell;
	position:absolute;
	float:left;
	top:320px;
	left: 141px;
}

/*** answers css is defined here ***/
h3{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#6cb60e; font-weight:bold; margin: 0px;}
.whiteans{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; font-weight:bold;}
.greenans{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6cb60e; text-decoration:none;}
.greenansb{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6cb60e; font-weight:bold;}
.green13n{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6cb60e; text-decoration:none; font-weight:normal;}
.ansselectbg{background-image:url(/en_US/yourhms/images/ans_select_bg.jpg); background-repeat:no-repeat; height:84px; padding:19px; width:240px;}

.ansbtnselbg{background-image:url(/en_US/yourhms/images/ans_btn_sel_bg.jpg); background-repeat:no-repeat; width:180px; height:144px;}
.ansbtnnormbg{border: #dedfe0 solid 1px; background-color:#FFF; width:170px;}

.ansnormal{border: #dedfe0 solid 1px;  padding:19px; height:76px; width:234px; background-color:#FFFFFF;}
.anslist{padding: 2px 0 0 0; vertical-align:bottom; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6cb60e; text-decoration:none;}
#answers{position:absolute; top:162px; left:77px; float:left; width:790px; clear:both;}
#answersphoto{position:absolute; top:162px;	left:66px; float:left; width:700px;	clear:both;}
#answersradiolist{position:relative; top:140px; text-align:left; clear:left;}
#answersa{position:relative; padding:19px; float:left; text-align:left; }
#photocover{position:relative; float:left; width:180px; height:144px;}
#photoansa{position:relative; float:left; text-align:left; width: 170px;}
#photoansb{position:relative; float:left; text-align:left; width: 170px; left:30px;}
#photoansc{position:relative; float:left; text-align:left; width: 170px; left:50px;}
#list{position:relative; left:150px; height:25px; text-align:left; width:400px;}
#radiolist{position:relative; float:left; width:20px; height:20px;}
#cradiolist{position:relative; float:left; width:20px; height:50px;}
#photo{position:relative; float:right;}
#answersb{position:relative; left:20px; float:left; text-align:left; padding:19px;}
#radio{width:20px; height:40px; float:left;}
#pollgrpah{padding: 10px 10px 5px 25px;}


/****** regisration page CSS ******/
#regouter{	width:1000;	vertical-align:middle;	padding: 4px;	background-image:url(/en_US/yourhms/images/registration_bg.jpg);}
#regbody{ position:relative; background-image:url(/en_US/yourhms/images/reg_body_bg_bot.png); background-position:bottom; background-repeat:no-repeat; height:795px;}
#regtop{background-image:url(/en_US/yourhms/images/reg_body_bg_top.png); background-repeat:no-repeat; background-position:right;}
.loginbg{background-image:url(/en_US/yourhms/images/login_bg.jpg); background-repeat:no-repeat; font-family:Helvetica, sans-serif; width:256px; height:106px;}
.loginbgnew{background-image:url(/en_US/yourhms/images/login_bg.jpg); background-repeat:no-repeat; font-family:Helvetica, sans-serif; height:106px;}


.loginfeild{
	height: 15px; width: 120px;
	border-top: solid 1px #b1cf64;
	border-right: solid 1px #e7e8e0;
	border-bottom: solid 1px #e7e8e0;
	border-left: solid 1px #b1cf64;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#558d0f;
	margin-left:9px;
	line-height:10px;
	text-decoration:none;
}
.password{
	height: 15px; width: 120px;
	border-top: solid 1px #b1cf64;
	border-right: solid 1px #e7e8e0;
	border-bottom: solid 1px #e7e8e0;
	border-left: solid 1px #b1cf64;
	text-decoration:none;
	margin-left:8px;
	line-height:10px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#558d0f;
}
.forgotpass{height: 20px; width: 165px;	border-top: solid 1px #b1cf64; border-right: solid 1px #e7e8e0;	border-bottom: solid 1px #e7e8e0; border-left: solid 1px #b1cf64; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#558d0f;}
.bodyborderold{ width:1000; border-left: #a5c653 solid 1px; border-top: #a5c653 solid 1px;	border-right: #a5c653 solid 1px;}
.bodyborder{ width:1000; border: #a5c653 solid 1px; }
.formbg{background-image:url(../../yourhms/images/reg_form_bg.jpg); background-repeat:no-repeat; background-position:left;}
.textfeild{	background-color:#f9f8fd; font-family:Arial, Helvetica, sans-serif;	font-size:12px;	color:#4a63a2;
	border:solid 1px #FFFFFF; height: 18px; width: 200px; line-height:15px;}
.personalmessg{	background-color:#f9f8fd; font-family:Arial, Helvetica, sans-serif;	font-size:12px;	color:#4a63a2;
	border:solid 1px #FFFFFF; height: 44px; width: 200px; line-height:15px;}
.textfeildecard{	background-color:#f9f8fd; font-family:Arial, Helvetica, sans-serif;	font-size:11px;	color:#4a63a2;
	border:solid 1px #FFFFFF; height: 17px; width: 200px; line-height:13px;}
.textfeildsmall{	background-color:#f9f8fd; font-family:Arial, Helvetica, sans-serif;	font-size:11px;	color:#4a63a2;
	border:solid 1px #FFFFFF; height: 17px; width: 180px; line-height:13px;}
.dropdown{	background-color:#f9f8fd; font-family:Arial, Helvetica, sans-serif;	font-size:12px;	color:#4a63a2;
border:solid 1px #FFFFFF;}
.dob_bg{ background-image:url(/en_US/yourhms/images/reg_txt_divider.jpg); background-repeat:no-repeat; background-color:#f9f8fd;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4a63a2; border:solid 1px #FFFFFF; width:30px;}
.dob{ background-color:#f9f8fd;	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4a63a2; border:solid 1px #FFFFFF;
	width:30px;}
.update_fields{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#393939;
	height: 19px;
	width: 219px;
	border-top: solid 1px #8e8e8e;
	border-right: solid 1px #f3f2f2;
	border-bottom: solid 1px #f3f2f2;
	border-left: solid 1px #8e8e8e;
}
/*****************   POPup CSS is defined here ****/
.cont_txt { font-family:Arial, Helvetica, sans-serif;
          font-size:12px;
		  font-style:normal;
		  font-weight:normal;
		  color: #969696;
		  line-height:15px;		  
		  }
.txt_gr12 { font-family:Arial, Helvetica, sans-serif;
          font-size:12px;
		  font-style:normal;
		  font-weight:normal;
		  color: #558d0f;
		  line-height:15px;		  
		  }
.txt12_wt { font-family: Arial, Helvetica, sans-serif;
          font-size:12px;
		  font-style:normal;
		  font-weight:normal;
		  color: #ffffff;
		  line-height:15px;		  
		  }
.txt14_wt { font-family: Arial, Helvetica, sans-serif;
          font-size:14px;
		  font-style:normal;
		  font-weight:normal;
		  color: #ffffff;
		  line-height:15px;		  
		  }		  
.txt11_gn { font-family: Arial, Helvetica, sans-serif;
          font-size:11px;
		  font-style:normal;
		  font-weight:normal;
		  color: #4c8992;
		  line-height:15px;
		  }
.txt16_gn { font-family: Arial, Helvetica, sans-serif;
          font-size:16px;
		  font-style:normal;
		  font-weight:normal;
		  color: #4c8992;
		  }		
.txt12_ltgn { font-family: Arial, Helvetica, sans-serif;
          font-size:12px;
		  font-style:normal;
		  font-weight:normal;
		  color: #81b2ba;
		  line-height:15px;		  
		  }		
.txt12_dkgn { font-family: Arial, Helvetica, sans-serif;
          font-size:12px;
		  font-style:normal;
		  font-weight:normal;
		  color: #1b4046;
		  line-height:18px;		  
		  }	
.txt12_org { font-family: Arial, Helvetica, sans-serif;
          font-size:12px;
		  font-style:normal;
		  font-weight:normal;
		  color: #f18e00;
		  line-height:15px;		  
		  }		
.txt11_org { font-family: Arial, Helvetica, sans-serif;
          font-size:11px;
		  font-style:normal;
		  font-weight:normal;
		  color: #ea7100;
		  }		  	  		  	  	  
.txt12_ddkgn { font-family: Arial, Helvetica, sans-serif;
          font-size:12px;
		  font-style:normal;
		  font-weight:normal;
		  color: #6d643e;
		  line-height:18px;		  
		  }
.dgreen12 { font-family: Arial, Helvetica, sans-serif;
          font-size:12px;
		  font-style:normal;
		  font-weight:normal;
		  color: #6d643e;
		  line-height:16px;		  
		  }		
.txt12_drkred { font-family: Arial, Helvetica, sans-serif;
          font-size:11px;
		  font-style:normal;
		  font-weight:normal;
		  color: #d14b55;
  
		  }	
.txt12_blk { font-family: Arial, Helvetica, sans-serif;
          font-size:12px;
		  font-style:normal;
		  font-weight:normal;
		  color: #000000;
		  line-height:18px;		  
		  }	
.txt11_wt { font-family: Arial, Helvetica, sans-serif;
          font-size:11px;
		  font-style:normal;
		  font-weight:normal;
		  color: #ffffff;
		  line-height:18px;
  
		  }	
.txt12_grn_fr{ font-family: Arial, Helvetica, sans-serif;
          font-size:12px;
		  font-style:normal;
		  font-weight:normal;
		  color: #8bc356;
		  line-height:15px;		  
		  }	
.txt11_dkgrn_dk { font-family: Arial, Helvetica, sans-serif;
          font-size:11px;
		  font-style:normal;
		  font-weight:normal;
		  color: #255a24;
		  line-height:15px;		  
		  }	
.txt12_ltgrn_lt { font-family: Arial, Helvetica, sans-serif;
          font-size:11px;
		  font-style:normal;
		  font-weight:normal;
		  color: #b7ca71;
		  line-height:15px;		  
		  }	
.txt11_blk { font-family: Arial, Helvetica, sans-serif;
          font-size:11px;
		  font-style:normal;
		  font-weight:normal;
		  color: #000000;
		  line-height:18px;		  
		  }	
.txt12_pur{ font-family: Arial, Helvetica, sans-serif;
          font-size:12px;
		  font-style:normal;
		  font-weight:normal;
		  color: #778ab9;
	  
		  }
.txt11_pur{ font-family: Arial, Helvetica, sans-serif;
          font-size:11px;
		  font-style:normal;
		  font-weight:normal;
		  color: #778ab9;
	  
		  }
/********** treasurebox css is defined here *****/
#treasure{width:1000px;}
#treasurehead{background-color:#FFF; padding:5px 5px 0 5px;}
#info{ position:relative; float:right; width:240px; padding-top:5px;}
#headertreasure{border: solid 1px #a9e104; text-align:left; padding: 0 0 0 20px; position:relative; height:118px; }
#treasurebody{ position:relative; border-right: solid 1px #5f943f; border-left: solid 1px #5f943f;  padding-top:15px; height:1935px; }
#treasurebodysm{ position:relative; border-right: solid 1px #5f943f; border-left: solid 1px #5f943f;  padding-top:15px; height:1300px; }
#treasurebodycl{ position:relative; border-right: solid 1px #5f943f; border-left: solid 1px #5f943f;  padding-top:15px; height:1300px; }
#treasurebodyex{ position:relative; border-right: solid 1px #5f943f; border-left: solid 1px #5f943f;  padding-top:15px; height:1300px; }
#treasurebodypr{ position:relative; border-right: solid 1px #5f943f; border-left: solid 1px #5f943f;  padding-top:15px; height:1300px; }
#treasurebodyrm{ position:relative; border-right: solid 1px #5f943f; border-left: solid 1px #5f943f;  padding-top:15px; height:1300px; }
#leftnav{position:relative; float:left; width:239px; height:100%; margin-left:4px;}
#rightnav{position:inherit; float:right; height:100%; width:245px; text-align:right; margin-right:4px;}
#main{position:relative; width:487px; float:left; height:100%; text-align:left; margin-left:8px;}
#bonus{position:relative; width:239px;}
#decor{position:relative; width:215px; top:10px; float:left;}
#date{ position:relative; height:14px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; background-color:#336d78; text-align:left; padding-left:5px;}
#cleankit{position:relative; top:20px; width:237px; border: solid 1px #bae150; background-color:#67a1aa; float:left;}
#fitness{position:relative; top:10px; float:left; left:-10px;}
#hmssite{position:relative; top:35px; width:188px; text-align:right; float:left;}
#staionary{position:relative; top:30px; float:right;}
#friends{position:relative; top:20px; float:right;}
#rss{position:relative; left:-50px;}
#ban{position:relative; float:right; top:60px; width:235px; text-align:center;}
#bodytop{background-image:url(/en_US/yourhms/treasurebox/images/main_bg_top.gif); text-align:center; background-repeat:no-repeat; background-position:bottom; height:340px;}
#bodybottom{background-image:url(/en_US/yourhms/treasurebox/images/main_bg_bottom.jpg); position:relative; left:2px; background-repeat:no-repeat; height:256px; padding:20px;}
#mainphoto{position:relative; width:490px; left:6px; top:15px; height:187px; float:left; text-align:center;}
#arttext{background-image:url(/en_US/yourhms/treasurebox/images/main_bg_art.jpg); background-repeat:no-repeat; position:relative; height:127px; margin-top:36px; float:left; padding: 25px 0 0 35px; width:220px;}
#botflower{width:67px; height:76px; position:relative; left:-30px; top:10px;}
#topflower{position:relative; width:56px; height:45px;}
#hlh{position:absolute;top:749px; left: 5px;} 
.protector_bg{background-image:url(/en_US/yourhms/treasurebox/images/protector_bg.jpg); padding: 0 5px 0 5px;}
#pollgraph{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; text-align: left; width:200px; padding: 10px 10px 5px 25px;}


/********* clasic page CSS is defined here **********/

.classic_bg{background-image:url(/en_US/yourhms/treasurebox/images/endclass_bg.jpg); padding: 0 5px 0 5px;}
.new {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	color: #717171;
	line-height:14px;
}
#classicdate{ position:relative; height:14px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; background-color:#94212a; text-align:left;}
#clcleankit{position:relative; top:20px; width:237px; border: solid 1px #bae150; background-color:#f5f1e4; float:left;}
#cldecor{position:relative; width:214px; height:108px;}
#clarttext{position:relative; height:126px; float:left; padding: 40px 0 0 0; width:246px;}
#clbodytop{height:340px; position:relative; float:left;}
#clbodytext{background-image:url(/en_US/yourhms/treasurebox/images/main_bg_cl_top.jpg); background-repeat:no-repeat; background-position:top; height:235px; text-align:left;}
#clbodybottom{background-image:url(/en_US/yourhms/treasurebox/images/main_bg_cl_bottom.jpg); height:235px; padding:20px; float:left; position:relative; width:447px;}
#clpollgraph{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#df3c33; text-decoration:none; text-align:left; padding: 10px 0 5px 20px;}
#clmainphoto{position:relative; width:460px; top:15px; height:187px; float:left; text-align:center;}
#clrightnav{position:relative; float:left; width:245px;}



/********* expressive page CSS is defined here **********/
.expressive_bg{background-image:url(/en_US/yourhms/treasurebox/images/expressive_bg.jpg); padding: 0 5px 0 5px;}
#xpdate{ position:relative; height:14px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; background-color:#d45c03; text-align:left; padding-left:5px;}
#xpdecor{position:relative; }
#xpcleankit{position:relative; float:left; top:20px; width:237px; border: solid 1px #bae150; background-color:#a22321;}
#xparttext{position:relative; height:126px; float:left; padding: 35px 0 0 0; text-align:right; width:240px;}
#xphlh{position:relative; width:200px; float:right; clear:both; top:40px; text-align:center;} 
#xpmainphoto{position:relative; width:470px; top:434px; text-align:center;}
#xpmainphotos{position:relative; width:470px; top:25px; height:187px; text-align:center;}
#xpbodytext{background-image:url(/en_US/yourhms/treasurebox/images/main_bg_xp_top.jpg); text-align:center; background-repeat:no-repeat; background-position:top; height:240px; width:437px;}
#xpbodybottom{background-image:url(/en_US/yourhms/treasurebox/images/main_bg_xp_bottom.jpg); width:447px; height:200px; padding:20px;}
#xpbodytop{position:relative; height:354px;}
#xppollgraph{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7c511a; text-decoration:none; width:195px; text-align:left; padding: 10px 0 5px 15px;}


/********* simplifier CSS is defined here **********/
.simplifier_bg{background-image:url(/en_US/yourhms/treasurebox/images/simplifier_bg.jpg); padding: 0 5px 0 5px;}
#smdecor{position:relative; border: solid 3px #8bc356; width:213px; height:114px; padding: 20px 10px 10px 10px;  top:9px; background-color:#69a3af;}

#smdate{ position:relative; height:14px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; background-color:#8bc356; text-align:left; padding-left:5px;}
#smcleankit{position:relative; top:20px; width:237px; border: solid 1px #bde253; float:left; background-color:#8b99a3;}
#smbodytext{background-image:url(/en_US/yourhms/treasurebox/images/main_bg_sm_top.jpg); text-align:center; background-repeat:no-repeat; background-position:top; height:240px; width:437px;}
#smbodybottom{background-image:url(/en_US/yourhms/treasurebox/images/main_bg_sm_bottom.jpg); width:447px; height:160px; padding:20px;}
.smtext_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#22555f; font-weight:bold; background-color:#8bc356;  padding-right:2px;}
.smpollgraph{background-color:#8b99a3;}

/********* simplifier CSS is defined here **********/
.wishdom_bg{background-image:url(/en_US/yourhms/treasurebox/images/wishdom_bg.jpg); padding: 0 5px 0 5px;}
#wdfitness{position:relative; top:10px; width:225px; }
#wddate{ position:relative; height:14px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; background-color:#192f6c; text-align:left; padding-left:5px;}
#wdcleankit{position:relative; top:20px; width:237px;  background-color:#699fc7;}
#wddecor{position:relative; width:220px; top:5px;} 
#wdarttext{position:relative; height:126px; float:left; padding: 37px 0 0 0; text-align:right; width:242px;}
#wdbodytop{position:relative; height:344px;}
#wdbodytext{background-image:url(/en_US/yourhms/treasurebox/images/main_bg_wd_top.jpg); text-align:center; background-repeat:no-repeat; background-position:top; height:240px; width:437px;}
#wdbodybottom{background-image:url(/en_US/yourhms/treasurebox/images/main_bg_wd_bottom.jpg); width:447px; height:210px; padding:20px;}
.wdtext_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-weight:bold; background-color:#aab4d1; padding-left:3px; padding-right:3px;}
#wspollgraph{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:none; text-align:left; width:200px; padding: 10px 0 5px 20px;}


/*** common ccss for text is defined here *******/
.lblue12{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cee8eb; text-decoration:none;}
.dbgreen{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1f425d; font-weight:bold;}
.dbgreen12{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1f425d; font-weight:normal;}
.greygreen{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6d643e; line-height:15px;}
.grey14{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#67a1aa; font-weight:bold;}
.dgrey{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#444444; line-height:13px;}
.grey10{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#67a1aa; text-decoration:none;}
.lgreen11u{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#a9e104;	text-decoration:none;}
.green13{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#b7ca71; text-decoration:underline;}
.greytext{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#777777; text-decoration:none;}
.browntext{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#583c33; text-decoration:none;}
.white12{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:bold;}
.white12_new{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF;}
.white11{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-decoration:none;}
.lgreenlink{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6cb60e; text-decoration:underline; line-height:10px;}
.lgreen{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6cb60e; text-decoration:none;}
.lgreen9{font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#6cb60e; text-decoration:none;}
.lgreen11{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6cb60e; text-decoration:none;}
.dgreen{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#558d0f;}
.dgreenb12{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#558d0f; font-weight:bold;}
.brown{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#b5a491; text-decoration:none;}
.brown11{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7c511a; font-weight:normal;}
.brown12b{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7c511a; font-weight:bold;}
.greenbig{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#6cb60e; font-weight:normal;}
.qoutetext{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#b5a491; padding-top:14px;}
.red11{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#94212a; text-decoration:none;}
.red14{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#d7636c; font-weight:bold;}
.red12{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#94212a; font-weight:bold;}
.red12n{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#94212a; font-weight:normal;}
.blue11{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#192f6c;}
.black11{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
.black12{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold;}
.black12n{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal;}
.pinktext_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; background-color:#e28389; font-weight:bold; padding-left:3px; padding-right:3px;}
.lightredtext_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; background-color:#d36757; font-weight:bold; padding-left:3px; padding-right:3px;}
.lorangetext_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; background-color:#f99b20; font-weight:bold; padding-left:3px; padding-right:3px;}
.lgreentext_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; background-color:#92d2d4; font-weight:bold; padding-left:3px; padding-right:3px;}
.llavendertext_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; background-color:#9c4e80; font-weight:bold; padding-left:3px; padding-right:3px;}
.lred_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; background-color:#ef6654; font-weight:bold; padding-left:3px; padding-right:3px;}
.creamtext_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6d643e; background-color:#f5f2e5; font-weight:bold; padding-left:3px; padding-right:3px;}
.greebtext_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; background-color:#aecc5f; font-weight:bold; 	padding-left:3px; padding-right:3px;}
.bluetext_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; background-color:#69a3af; font-weight:bold; padding-left:3px; padding-right:3px;}
.orangetext_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; background-color:#fe974f; font-weight:bold; padding-left:3px; padding-right:3px;}
.lightorangetext_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6d643e; background-color:#fcb222; font-weight:bold; padding-left:3px; padding-right:3px;}
.dgreentext_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#22555f; font-weight:bold; background-color:#79b4c0; padding-left:3px; padding-right:3px;}
.dredtext_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:bold; background-color:#a22321; padding-left:3px; padding-right:3px;}
.green11text_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:bold; background-color:#5b945d; padding-left:3px; padding-right:3px;}
.dgreytext_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:bold; background-color:#909da8; padding-left:3px; padding-right:3px;}
.lgreytext_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:bold; background-color:#c3d5de; padding-left:3px; padding-right:3px;}
.navybluetext_bg{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:bold; background-color:#192f6c; padding-left:3px; padding-right:3px;}
.cont_txt { font-family:Arial, Helvetica, sans-serif;  font-size:12px;  font-style:normal;  font-weight:normal;  color: #969696;  line-height:15px;}
.txt_gr12 { font-family:Arial, Helvetica, sans-serif;  font-size:12px; font-style:normal;  font-weight:normal; color: #558d0f;		  line-height:15px;		  
		  }
.txt_brwn16 { font-family:Arial, Helvetica, sans-serif;
          font-size:16px;
		  font-style:normal;
		  font-weight:normal;
		  color: #721316;
		  line-height:18px;		  
		  }
.txt_orange16 { font-family:Arial, Helvetica, sans-serif;
          font-size:16px;
		  font-style:normal;
		  font-weight:normal;
		  color: #d44228;
		  line-height:18px;		  
		  }
.txt_dpink16 { font-family:Arial, Helvetica, sans-serif;
          font-size:16px;
		  font-style:normal;
		  font-weight:normal;
		  color: #c2084b;
		  line-height:18px;		  
		  }
.txt_dgreen16 { font-family:Arial, Helvetica, sans-serif;
          font-size:16px;
		  font-style:normal;
		  font-weight:normal;
		  color: #0f7e9b;
		  line-height:18px;		  
		  }
.pink11u{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#c05b8c; text-decoration:underline; font-weight:bold;}
.pink12{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#c05b8c; text-decoration:none; font-weight:bold;}
.lightblue12{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9ac6cf; text-decoration:none; font-weight:bold;}
.lightgrey12{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#777777; text-decoration:none; font-weight:bold;}
.stftxt12{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3b630a; text-decoration:none;}
.stftxt10{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#3b630a; text-decoration:none;}
.stfemail{border: solid 1px #d5e4ac; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3b630a; height:22px; width:202px; font-weight:normal;}
.stfid{border: solid 1px #d5e4ac; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3b630a; height:51px; width:320px;}
.stfmessage{border: solid 1px #d5e4ac; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3b630a; height:103px; width:557px;}
.cont_txt11 { font-family:Arial, Helvetica, sans-serif; font-size:11px;  font-style:normal; font-weight:normal; color: #969696;}

/*trendwatch_printable_s starts here*/

.close_btn{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#b7ca71;
padding-right:8px;
text-decoration:none;
}
.print_btn{
padding-right:19px;
}
.body_content_table{
padding-top:9px;
padding-left:22px;
padding-right:19px;

}
.txt_11_phase2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #917a63;
	text-decoration: none;
	line-height:13px;
}
.txt_12_phase2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #917a63;
	text-decoration: none;
	line-height:13px;
}
/*trendwatch_printable_e starts here*/
.txt_12_phase2_e {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #917a63;
	text-decoration: none;
	line-height:13px;
	font-style:italic;
}
.txt_12_phase2_sm {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #6d643e;
	text-decoration: none;
	line-height:13px;	
}
.txt11_ecard { font-family: Arial, Helvetica, sans-serif;
          font-size:11px;
		  font-style:normal;
		  font-weight:normal;
		  color: #ababab;
		  text-decoration:none;	  
		  }	
.txt13_ecard { font-family: Arial, Helvetica, sans-serif;
          font-size:13px;
		  font-style:normal;
		  font-weight:normal;
		  color: #666666;	  
		  }	
.txt17_ecard { font-family: Arial, Helvetica, sans-serif;
          font-size:17px;
		  font-style:normal;
		  font-weight:normal;
		  color: #a3a3a3;		  
		  }	
.txt14_ecard { font-family: Arial, Helvetica, sans-serif;
          font-size:14px;
		  font-style:normal;
		  font-weight:normal;
		  color: #a3a3a3;		  
		  }	
		  
/******* Design 101 class  ************/

.colorpatsel{
	border: #bb4f84 solid 1px; width:86px;
	height:95px; background-color:#FFF;}
.ds101textfiled{ border-left: #b4d068 solid 1px; border-top: #b4d068 solid 1px; border-bottom:#eae7e4 solid 1px; border-right:#eae7e4 solid 1px; width:262px; font-family:Arial, Helvetica, sans-serif; color:#4c8992; font-size:16px; text-decoration:none; padding:5px;}
.storepadd{ padding-left:30px;}
.pdfcount {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#99ccff;
	text-decoration:none;
	font-weight:bold;
	background-color: #fdc555;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 10px;
	line-height: 25px;
}
.pdfremove {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#993365;
	text-decoration:none;
	font-weight:bold;
	background-color: #fdc555;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 10px;
	line-height: 25px;
}
/* phase III virtual flower css is defined here */

.grey13{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#67a1aa; text-decoration:none;}
.vftextarea{	background-color:#f9f8fd; font-family:Arial, Helvetica, sans-serif;	font-size:11px;	color:#79797a;
	border:solid 1px #FFFFFF; height: 17px; width: 200px; }
.vfmesagarea{ background-image:url(/en_US/yourhms/images/virtual_flowers/cl_vf_message_bg.jpg);  font-family:Arial, Helvetica, sans-serif;	font-size:13px;	color:#79797a;
	border:solid 0 #FFFFFF;  line-height:24px; height:79px; width: 318px; vertical-align:bottom;}
.idfAnswer{ background-image:url(/en_US/yourhms/images/virtual_flowers/cl_vf_message_bg.jpg);  font-family:Arial, Helvetica, sans-serif;	font-size:13px;	color:#79797a; border:solid 0 #FFFFFF;  line-height:24px; height:104px; width: 318px; vertical-align:bottom;}
.dgrey13{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#79797a; font-weight:normal; text-decoration:none; left:25px;}

/* phase III newsletter css is defined here */
.crabNormal{
	background-image:url(/en_US/yourhms/images/newsletter/news_bg_crab_n.jpg); 
	background-repeat:no-repeat; 
	height:172px; 
	}
.crabSelected{
	background-image:url(/en_US/yourhms/images/newsletter/news_bg_crab_s.jpg); 
	background-repeat:no-repeat; 
	height:172px;
	}
.shrimpNormal{background-image:url(/en_US/yourhms/images/newsletter/news_bg_srimph_n.jpg); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#16668f; height:172px; }
.shrimpSelected{background-image:url(/en_US/yourhms/images/newsletter/news_bg_srimph_s.jpg); background-repeat:no-repeat; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#16668f; height:172px;}
.musseNormal{background-image:url(/en_US/yourhms/images/newsletter/news_bg_musse_n.jpg); background-repeat:no-repeat;  height:172px;}
.musseSelected{background-image:url(/en_US/yourhms/images/newsletter/news_bg_musse_s.jpg); background-repeat:no-repeat; background-repeat:no-repeat;  height:172px;}
.maron11{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#a42c2c;}
.pblue11{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#16668f;}
.laven11{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#79536e;}
.green15n{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#76c215; font-weight:bold;}
.grey10n{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ababab; line-height:10px;}
.idfSeparator{background-image:url(../../yourhms/images/ideaforum/idf_separate_bg.jpg); height:22px;}
.green13b{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6cb60e; text-decoration:none; font-weight:bold;}
.grey13n{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#79797a; font-weight:normal;}
.green10n{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6cb60e; text-decoration:underline; }

/* RECEIPE css is defined here */
/*home*/
.transparent_bg { position:relative; 
	background-image:url(/en_US/yourhms/images/recipewidget/recipe_transparent_bg.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/en_US/yourhms/images/recipewidget/recipe_transparent_bg.png'); 
	height:48px;
	width:380px;
	padding:10px 0 3px 4px;
	margin:0 0 3px 0;
}
.recipe_bck{ padding: 3px 0 0 0; margin: 0;}
.search_transparent_bg {
	background:url(/en_US/yourhms/images/recipewidget/recipe_hd_searchbox_bg.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/en_US/yourhms/images/recipewidget/recipe_hd_searchbox_bg.png');
	background-repeat:no-repeat;
	height:27px;
	padding:0 0 0 0;
	margin:0 0 3px 0;
}
#searchDiv {
	position:relative; 
	padding:2px 1px 0 0;
	_padding:1px 1px 0 0;
}
#searchDiv input {
	height:15px;
}
.recipe_hd {
	font-size: 14px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	text-align: left;
	color:#284241;
	font-weight: bold;
}

.recipe_txt {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left; 
	color:#525453;
}

/*home Expanded*/
#scroll {
	width/**/:379px;
	width:379px !important;
	overflow:auto;
	height:316px;
	padding:0px;
	border:0px;
	margin:0 0 3px 0;
}
#scroll_home {
	width/**/:380px;
	width:380px !important;
	overflow:auto;
	height:240px;
	padding:0px;
	border:0px;
}

.recipe_exp_bg {background-image:url(/en_US/yourhms/images/recipewidget/recipe_transparent_bg.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/en_US/yourhms/images/recipewidget/recipe_transparent_bg.png');
	width:380px;
	height:250px;
	padding:0 0 3px 4px;
	margin:0 0 3px 0;

}

.recipe_exp_hd {
	font-size: 14px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	text-align: left;
	color:#284241;
	font-weight: bold;
}

.recipe_exp_txt {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left; 
	color:#525453;
	font-weight:normal;
}
.recipe_exp_txt ol li {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left; 
	color:#525453;
	font-weight:normal;
}
.recipe_exp_txt ol{
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	_padding: 0 0 0 12px;
	
}
.recipe_exp_drktxt {
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left; 
	color:#284241;
	font-weight:normal;
}

.recipe_exp_txt_bold {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left; 
	color:#525453;
	font-weight:normal;
	font-weight: bold;
}

.recipe_exp_grntxt {
	font-size: 11px; 
	font-family: Georgia, 'Times New Roman', Times, serif; 
	text-align: left; 
	color:#6cb60e;
}
.recipe_exp_grntxt_bold {
	font-size: 11px; 
	font-family: Georgia, 'Times New Roman', Times, serif; 
	text-align: left; 
	color:#6cb60e;
	font-weight: bold;
	text-decoration:none;
}
.recipe_exp_whttxt {
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	color:#FFFFFF;
}

.border{
	border: 1px solid #b4bbba;
}
#click_swf2_text .makeScroll{
	width:380px;
	overflow: hidden;
	height:255px;
	padding:0px;
	border:0px;
}
.makeScroll{
	width:376px;
	overflow: hidden;
	height:317px;
	padding:0px;
	border:0px;
}
/*callout*/
#callout_bg{
	background-image:url(/en_US/yourhms/images/recipewidget/recipe_callout.png); background-repeat:no-repeat;
	_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/en_US/yourhms/images/recipewidget/recipe_callout.png');
	background-position:top left;
	width:137px;
	position: absolute;
	height:94px;
	margin: -13px 0 0 20px;
}
#callout_img{
	width:90px;
	height:71px;
	padding:10px 0 0 38px;
}

/*Remove Box*/
#RemoveBox_bg{
	/*background-image:url(/en_US/yourhms/images/recipewidget/recipe_remove_bg.gif);
	background-repeat:no-repeat;*/
	width:167px;
	height:86px;
	position: relative;
	padding:40px 0 0 110px;
}
#RemoveBox_txt{
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left; 
	color:#6cb60e;
	padding:8px 15px 6px 12px;
	text-decoration:none;
	position:absolute;
	width:128px;
}
#RemoveBox_btn_outer{
	width:151px;
	padding:0 0 0 16px;
	position:absolute;
	z-index:200;
	margin: 55px 0 0 0;
}

#RemoveBox_btn_yes {
	float:left;
	width::85px;
	position:relative;
}

#RemoveBox_btn_cls {
	float:left;
	margin:0 0 0 9px;
	position:relative;
}

/*search*/
.searchBox_txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ae9f88;
	font-weight:normal;
	border:0px solid #947f60;
	width:126px;
	height:13px;
}

.searchBox_btn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#f9e8ce;
	font-weight:normal;
	background:#f9ad1f;
	border:0px solid #947f60;
	width:57px;
	height:16px;
}

/*Start DropDown*/
/*Receip Type Menu start here*/
.menu {width:112px; height:32px; position:relative; z-index:100; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
/** html .menu {width:112px; w\idth:745px;}*/
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:94px;}
body .menu ul ul img {
	display: inline;
	margin: 0;
	_margin-top:-15px;

}
 
/*.menu ul ul li { height:9px}*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; width:94px; height:19px; _height:24px; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block; width:94px;}
/* a hack so that IE5.5 faulty box model is corrected */
/** html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}*/
/* style the second level background */
/*.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(#breadcrumbs/grey-arrow.gif) no-repeat 130px center;}*/
/* style the second level hover */
/* style the third level background */
/*.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}*/
/* style the third level hover */
/*.menu ul ul ul a:hover {background:#b2ab9b;}*/
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; top:33px; _top:46px; left:0; width:94px;}
.menu ul ul li {height:20px; _margin-top: -13px; _height: 33px; }
/* another hack for IE5.5 */
/** html .menu ul ul {top:30px;t\op:31px;}*/
/* position the third level flyout menu */
/*.menu ul ul ul{left:149px; top:-1px; width:149px;}*/
/* position the third level flyout menu for a left flyout */
/*.menu ul ul ul.left {left:-149px;}*/
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {top:0; left:0; border-collapse:collapse;}
/* style the second level links */
.menu ul ul a{ background-image:url(/en_US/yourhms/images/recipewidget/recipe_drop_normal.gif); background-position:0 0; background-repeat:no-repeat; color:#407906; padding:2px 10px 4px 10px;  width:94px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align:center; font-size:12px; text-decoration: none;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:94px; height:13px;}
* html .menu ul ul li #m6, * html .menu ul ul li #m6:visited {width:94px; height:24px; padding:0 10px;}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {background-image:url(/en_US/yourhms/images/recipewidget/recipe_drop_normal.gif); background-position: 0 -20px; background-repeat:no-repeat; height:24px;}
.menu ul ul #m1.selected, .menu ul ul #m2.selected, .menu ul ul #m3.selected, .menu ul ul #m4.selected, .menu ul ul #m5.selected {background-image:url(/en_US/yourhms/images/recipewidget/recipe_drop_normal.gif); background-position: 0 -20px; background-repeat:no-repeat; height:24px;}
.menu a:hover, .menu ul ul li #m6:hover {background-image: url(/en_US/yourhms/images/recipewidget/recipe_drop_bottom.gif); background-position:0 -36px; background-repeat:no-repeat; height:24px;}
.menu ul ul li #m6.selected {background-image: url(/en_US/yourhms/images/recipewidget/recipe_drop_bottom.gif); background-position:0 -36px; background-repeat:no-repeat; height:24px;}
/*.menu :hover > a, .menu ul ul :hover > a {background-image: url(images/recipe_drop_rollover_bg.gif); background-repeat:no-repeat;}*/
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.menu ul ul li #m6{background-image: url(/en_US/yourhms/images/recipewidget/recipe_drop_bottom.gif); background-position:0 0; background-repeat:no-repeat; height:24px; padding:0 10px;}
/*Receip Type Menu end here*/

/*Time Menu start here*/
.time_menu {width:102px; height:32px; position:relative; z-index:100; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
/** html .menu {width:112px; w\idth:745px;}*/
/* remove all the bullets, borders and padding from the default list styling */
.time_menu ul {padding:0;margin:0;list-style-type:none;}
.time_menu ul ul {width:83px;}
.time_menu ul ul { display: inline; _margin-top:-4px;
}
/*.menu ul ul li { height:9px}*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.time_menu li {float:left; width:83px; height:26px; _height:20
px; position:relative;}
/* style the links for the top level */
.time_menu a, .time_menu a:visited {display:block; width:83px;}
/* a hack so that IE5.5 faulty box model is corrected */
/** html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}*/
/* style the second level background */
/*.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(#breadcrumbs/grey-arrow.gif) no-repeat 130px center;}*/
/* style the second level hover */
/* style the third level background */
/*.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}*/
/* style the third level hover */
/*.menu ul ul ul a:hover {background:#b2ab9b;}*/
/* hide the sub levels and give them a positon absolute so that they take up no room */
.time_menu ul ul {visibility:hidden; position:absolute; height:80; top:33px; _top:46px; left:0; width:83px;}
.time_menu ul ul li { _margin-top: -13px; _height:39px;}
/* another hack for IE5.5 */
/** html .menu ul ul {top:30px;t\op:31px;}*/
/* position the third level flyout menu */
/*.menu ul ul ul{left:149px; top:-1px; width:149px;}*/
/* position the third level flyout menu for a left flyout */
/*.menu ul ul ul.left {left:-149px;}*/
/* style the table so that it takes no ppart in the layout - required for IE to work */
.time_menu table {top:0; left:0; border-collapse:collapse;}
/* style the second level links
.time_menu ul ul a{ background-image:url(/en_US/yourhms/images/recipewidget/recipe_droptime_normal_bg.gif); text-align:center; background-repeat:no-repeat;  padding:4px 10px 3px 10px; width:82px; _height:20px;} */
.time_menu ul ul li #d1{background-image:url(/en_US/yourhms/images/recipewidget/time_15.gif); background-position:0 0; text-align:center; background-repeat:no-repeat;  padding:4px 10px 3px 10px; width:82px; height:26px;}
.time_menu ul ul li #d2{background-image:url(/en_US/yourhms/images/recipewidget/time_30.gif); background-position:0 0; text-align:center; background-repeat:no-repeat;  padding:4px 10px 3px 10px; width:82px; height:26px;}
.time_menu ul ul li #d3{background-image:url(/en_US/yourhms/images/recipewidget/time_45.gif); background-position:0 0; text-align:center; background-repeat:no-repeat;  padding:4px 10px 3px 10px; width:82px; height:30px;}
/* yet another hack for IE5.5 */
* html .time_menu ul ul a, * html .time_menu ul ul #d1:visited {width:83px; height:15px; _height:20px;}
* html .time_menu ul ul a, * html .time_menu ul ul #d2:visited {width:83px; height:15px; _height:20px;}
* html .time_menu ul ul a, * html .time_menu ul ul #d3:visited {width:83px; height:15px; _height:20px;}
/* style the top level hover */

.time_menu a:hover, .time_menu ul ul #d1:hover{background-image: url(/en_US/yourhms/images/recipewidget/time_15.gif); background-position:0 -26px ; background-repeat:no-repeat; height:26px; _height:20px;}
.time_menu a:hover, .time_menu ul ul #d2:hover{background-image: url(/en_US/yourhms/images/recipewidget/time_30.gif); background-position:0 -26px; background-repeat:no-repeat; height:26px; _height:20px;}
.time_menu a:hover, .time_menu ul ul #d3:hover{background-image: url(/en_US/yourhms/images/recipewidget/time_45.gif); background-position:0 -50px; background-repeat:no-repeat; height:30px; _height:30px;}
.time_menu a:hover, .time_menu ul ul #d1.selected{background-image: url(/en_US/yourhms/images/recipewidget/time_15.gif); background-position:0 -26px ; background-repeat:no-repeat; height:26px; _height:20px;}
.time_menu a:hover, .time_menu ul ul #d2.selected{background-image: url(/en_US/yourhms/images/recipewidget/time_30.gif); background-position:0 -26px; background-repeat:no-repeat; height:26px; _height:20px;}
.time_menu a:hover, .time_menu ul ul #d3.selected{background-image: url(/en_US/yourhms/images/recipewidget/time_45.gif); background-position:0 -50px; background-repeat:no-repeat; height:30px; _height:30px;}
/*.menu :hover > a, .menu ul ul :hover > a {background-image: url(images/recipe_drop_rollover_bg.gif); background-repeat:no-repeat;}*/
/* make the second level visible when hover on first level list OR link */
.time_menu ul li:hover ul,
.time_menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.time_menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.time_menu ul :hover ul :hover ul{ visibility:visible;}
/*Time Menu end here*/
.h123{height:123px;}
.h80{height:80px;}
/*End DropDown*/

/*Start Tab*/
.hidden_div {
	position: absolute;
	visibility: hidden;
	display: none;
	width: 0px;
	height: 0px;
	top: -10;
	left: -100;
}
.hidden_div_displayed {
	position: absolute;
	visibility: hidden;
	/*display: none;*/
	width: 0px;
	height: 0px;
	top: -10;
}
.tab_noraml {
	padding:0px 15px; 
	font-family:Arial, Helvetica, sans-serif;	
	font-size:11px;	
	color:#8e8e8e;
	text-decoration:none;

}
.tab_selected {
	padding:0px 15px; 
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;	
	color:#284241;
	text-decoration:none;

}
.tab_selec_arch {
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;	
	color:#284241;
	text-decoration:none;

}
.tab_noraml_arch {
	font-family:Arial, Helvetica, sans-serif;	
	font-size:11px;	
	color:#8e8e8e;
	text-decoration:none;

}
.tab_bg_green{
	background-image:url(/en_US/yourhms/images/recipewidget/recipe_green_bg.gif); 
	background-repeat:repeat-x; 
	background-position:top;
	height:34px;
	vertical-align:bottom;
}
/*End Tab*/


/**/
/*home*/
.search_bg{
background-image:url(/en_US/yourhms/images/recipewidget/recipe_hd_search_bg.gif);
width:380px;
height:66px;
background-repeat:no-repeat;
}
.drop_bg{
background-image:url(/en_US/yourhms/images/recipewidget/recipe_hd_drop_bg.gif);
width:380px;
height:15px;
background-repeat:no-repeat;
}

.recipe_exp_whttxt {
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	color:#FFFFFF;
}
.border{
	border: 1px solid #b4bbba;
}

.recipe_nav{
	width:103px;
	height:21px;
	background-image:url(../images/recipe_nav_tab.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#284241;
	vertical-align:bottom;
}
.recipe_tab{
padding:50px 0 0 10px;
}

#recipe_main{
width:378px;
height: 317px;
background-color:#FFFFFF;
border-left:1px solid #ac987b;
border-right:1px solid #ac987b;
}

#recipe_main_tbl{
margin-left:5px;
}
.recipe_tbl{
margin:5px 0 20px 0;
}
.recipe_slash{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
.view_recipe{
color:#6cb60e;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:underline;
padding:12px 0 10px 0;
}
.key{
background-color:#284241;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
padding:3px 0px 3px 3px;
width:30px;
}
.dish_txt{
color:#284241;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding:3px 0px 3px 5px;
}
.white_txt{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding-right:5px;
}
#recipe_img{
padding-right:20px;
}
/*.bold{font-weight:bold;}
.size11{font-size:11px;}
.size12{font-size:12px;}
.underline{text-decoration:underline;}
.arial{font-family:Arial, Helvetica, sans-serif}
.verdana{font-family:Verdana, Arial, Helvetica, sans-serif;}
.grey{color:#525453;}
.black{color:#000000;}
.borderBot{border-bottom:1px solid #ac987b;}
.borderTop{border-top:1px solid #ac987b;}
.borderRight{border-right:1px solid #ac987b;}
.borderLeft{border-left:1px solid #ac987b;}*/

.recipe_bold{
color:#284241;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
}
.gray_txt{
color:#525453;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
/*padding-bottom:15px;*/
}
.gray_txt ol{
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	_padding: 0 0 0 12px;
	
}
.gray_txt ol li{
color:#525453;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;

/*padding-bottom:15px;*/
}
.gray_txt_bld{
color:#525453;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
padding-bottom:5px;
}

.my_recipe_box{
color:#6cb60e;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
}

.symbole_bld{
font-size:50px;
font-weight:bold;
color:#6cb60e;
padding:0 5px 0 5px;
}
.add_recipe{
color:#6cb60e;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
padding:5px 0 0 0;
}
.add_recipe_home{
color:#6cb60e;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
padding:5px 0 0 0;
font-weight:bold;
}
.add_recipe_link {
color:#6cb60e;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:5px 0 0 0;
text-decoration: none;
font-weight:bold;
}
.icon_plus{
background:url(/en_US/yourhms/images/recipewidget/icon_plus.gif) no-repeat 60% 65%;
}
.icon_minus{
background:url(/en_US/yourhms/images/recipewidget/icon_minus.gif) no-repeat 60% 65%;

}
.icon_dot{
background:url(/en_US/yourhms/images/recipewidget/icon_dot.gif) no-repeat 60% 55%;
background-position:left;
}
.padding_btm{
padding-bottom:15px;
}
.sort_main_tbl{
Padding:8px 0px 0px 0px;
}
.sort{
background-color:#e3eec9;
border:1px #c5c5c5 solid;
color:#6cb60e;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
height:19px;
width:48px;
text-align:center;
}
.list_menu{
background-color:#f8f7f8;
color:#949292;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
height:19px;
width:94px;
}
.borderBot{border-bottom:1px solid #c5c5c5;}
.borderTop{border-top:1px solid #c5c5c5;}
.borderRight{border-right:1px solid #c5c5c5;}
.padd_top_btm{padding:10px 0 0 0;}

/**/
/* RECEIPE css is defined here */
.recipe_BG{
background-color:#284241;
}
.pdg_tbl{ margin-top:10px; margin-bottom:10px;}
.borderW8{border: #FFFFFF solid 8px;}
.bg_W{background-color:#FFFFFF;}
.whiteBG{ background-color:#FFFFFF; height:8px;}
.border_W8{ border-bottom:#FFFFFF solid 8px; border-left:#FFFFFF solid 8px; border-right:#FFFFFF solid 8px; border-top:#FFFFFF solid 16px;}

/***************************** SCROLLER CSS IMPORTATNT STARTS DO NOT MODIFY **************************************/
.scroll-track{
height:8px;
width:17px;
background-image: url('/en_US/yourhms/images/recipewidget/VScrollTrackFill.gif');
background-repeat: repeat;
}
.scroll-handle{
border: 0px;
height:10px;
width:17px;
background-image: url('/en_US/yourhms/images/recipewidget/HandleVFill.gif');
background-repeat: repeat;
background-position: 0 50%;
cursor:pointer;
}
#scroll-track-top-2{
height:17px;
width:17px;
background-image: url('/en_US/yourhms/images/recipewidget/up.gif');
}
#scroll-handle-bot-2{
height:8px;
width:17px;
background-image: url('/en_US/yourhms/images/recipewidget/bot.gif');
}
#scroll-handle-top-2{
height:8px;
width:17px;
background-image: url('/en_US/yourhms/images/recipewidget/top.gif');
background-repeat: no-repeat;
}
#scroll-track-bot-2{
height:17px;
width:17px;
background-image: url('/en_US/yourhms/images/recipewidget/down.gif');
}
.splitpane-divider {
    border: 1px solid black;
    background:#5B207B;
    opacity: .5;
   filter: alpha(opacity=50);
}
/* The classes/ids below are just used in this example. You can use whatever you like */
#parent {
    width: 100%;
    background: #eeeeee;
}
.column {
    float: left; /* This is forces the page content to adjust to changes in height of the columns */
    overflow: hidden; /* As a precaution, all content is clipped to the column width */
    margin: 0; /* This and padding need to be zero */
    padding: 0;
    z-index: 1;
    background:#E7FECD;
    color: #666666;
    width: 33%; /* Default value, overridden by class */
}
/* Any spacing must be on a child of the column, not the column itself */
	.content {
	border: 1px solid black;
	margin: 5px;
	padding: 5px;
}
/***************************** SCROLLER CSS IMPORTATNT ENDS DO NOT MODIFY **************************************/

/* CSS Document for Recipe Box Drop Down */
#drop_outer{
border:1px solid #c5c5c5;
width:98px;
height:19px;
}
#drop_txt{
font:normal 11px Arial, Helvetica, sans-serif;
color:#949292;
background-color:#f8f7f8;
width:74px;
padding:2px 0 0 8px;
height:17px;
}
.flt_left{
float:left;
}
#drop_grn{
height:19px;
}
#drop_down{
border:1px solid #c5c5c5;
width:98px;
position:absolute;
z-index:1000;
}
.drop_list{
font:normal 11px Arial, Helvetica, sans-serif;
color:#949292;
padding:0 0 0 1px;
margin:2px 0 0 0;
_margin:-2px 0 0 0;
background-color:#FFFFFF;
}
.drop_list ul{
margin:0;
padding:0;
list-style:none;
}
.drop_list ul li{
margin:0;
padding:0;
height:18px;
_height:14px;
}
.drop_list ul li a{
color:#949292;
text-decoration:none;
}
.drop_list ul li a:hover{
background-color:#f8f7f8;
text-decoration:none;
display:block;
height:14px;
}
.drop_recipe_type{
position:absolute;  
z-index:1000; 
margin:8px 0 0 5px; 
font-family:Arial, Helvetica, sans-serif; 
font-size:14px; 
color:#FFFFFF;
width:83px;
text-align:center;
}
.drop_total_time{
position:absolute;  
z-index:1000; 
margin:8px 0 0 5px; 
font-family:Arial, Helvetica, sans-serif; 
font-size:14px; 
color:#FFFFFF;
}