body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;}
/* mac hide \*/
html,body{height:100%;width:100%;}

/* end hide */
#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:95px; 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: 195px; 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: 150px; 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:800px; }
#treasurebodysm{ position:relative; border-right: solid 1px #5f943f; border-left: solid 1px #5f943f;  padding-top:15px; height:1500px; }
#treasurebodycl{ position:relative; border-right: solid 1px #5f943f; border-left: solid 1px #5f943f;  padding-top:15px; height:1500px; }
#treasurebodyex{ position:relative; border-right: solid 1px #5f943f; border-left: solid 1px #5f943f;  padding-top:15px; height:1500px; }
#treasurebodypr{ position:relative; border-right: solid 1px #5f943f; border-left: solid 1px #5f943f;  padding-top:15px; height:1500px; }
#treasurebodyrm{ position:relative; border-right: solid 1px #5f943f; border-left: solid 1px #5f943f;  padding-top:15px; height:1500px; }
#leftnav{position:relative; float:left; width:239px; height:100%; margin-left:4px;}
#rightnav{position:relative; float:right; height:100%; width:245px; text-align:right; margin-right:4px;}
#main{position:relative; width:490px; float:left; height:100%; text-align:left; margin-left:4px;}
#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; 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:460px; left:5px; 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:200px;}
#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;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8bc356;
	text-align: right;
	font-weight:bold;
}
.text_green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8bc356;
	text-align: right;
	font-weight:bold;
}

.text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #255a24;
	text-align: right;
	font-weight:bold;
}
#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:248px; 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;}
#smfitness{position:relative; top:10px; width:248px; }

/********* 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:238px; }
#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:239px; 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;}
.white12{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:bold;}
.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:10px;}
.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; }
.blue12B {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#778ab9; font-weight:bold;}
.pink12B{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#d14b55; font-weight:bold;} 
.black11B{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold;}
.green11B{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1b4046; font-weight:bold;}
.pblue12B{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#81b2ba; font-weight:bold;}
.orange12B{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f18e00; font-weight:bold;} 
.greay11B{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6d643e; font-weight:bold;}
.gree12B{{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8bc356; font-weight:bold;}
.gree11DB{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#255a24; font-weight:bold;}
.text {
color:#8BC356;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
text-align:right;
}