@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video { /*max-width: 100%;
	width: 100%;*/ vertical-align: baseline; }
/* IE 6 does not support max-width so default to width 100% */
.ie6 img { width: 100%; }
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
.clear { clear: both; }
@font-face
{
	font-family: MyriadPro;
	src: url('../MyriadPro-Regular.eot'); /* IE9 Compat Modes */
	src: url('../MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../MyriadPro-Regular.woff') format('woff'), /* Modern Browsers */ url('../MyriadPro-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}
body
{
	background-color: #FFF;
	max-width: 100%;
	padding: 0px;
	margin: 0px;
}
.gridContainer
{
	background-color: #e1ecf6;
	font-family: MyriadPro, sans-serif;
	margin: auto !important;
	width: 1000px !important;
	position: relative !important;
}
.gridContainer .ui-page { margin: 0 !important; }
.bgstriphome { /*background-image: url('../images/bgstriphome.png'); background-color:#eb008b;*/ margin-top: -13px; }
#maincontainer
{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#insidecont
{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#formcontent
{
	clear: both;
	float: left;
	margin: 0%;
	display: block;
	background-color: #e1ecf6;
	padding: 0px;
	width: 100%;
	text-align: center;
	height: 600px;
}
#recomm
{
	clear: both;
	float: none;
	/* margin-left: 0; */
	display: block;
	padding: 8px 10px;
	text-align: center;
	font-size: 20px;
	margin-top: 0px;
	color: #eb008b;
}
#menu-main
{
	clear: both;
	float: left;
	margin: 0%;
	display: block;
	background-color: #e1ecf6;
	padding: 0px;
	width: 100%;
	min-height: 600px;
}
#top-bar
{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #72B4F0;
	height: 25px;
	font-size: 19px;
	color: #231f20;
	text-align: center;
	padding-top: 5px;
	text-transform: capitalize;
}
#resultname
{
	/* clear: both; */
	display: block;
	text-align: center;
	font-size: 19px;
	margin: 0px;
	color: #e1ecf6;
	padding-top: 13px;
	text-transform: capitalize;
}
#slideinside
{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.logo_home
{
	background-image: url(../images/logo_big.png);
	background-repeat: no-repeat;
	height: 140px;
	background-position: center center;
}
.logo_result
{
	background-image: url(../images/logo_big.png);
	background-repeat: no-repeat;
	height: 140px;
	background-position: center center;
}
#recomm
{
	clear: both;
	float: none;
	/* margin-left: 0; */
	display: block;
	padding: 8px 10px;
	text-align: center;
	font-size: 20px;
	margin-top: 0px;
	color: #eb008b;
}
#resultname
{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 19px;
	color: #e1ecf6;
}
#slideinside
{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#slidecontainer
{
	clear: both;
	float: left;
	margin: 0%;
	display: block;
	background-color: #e1ecf6;
	padding: 0px;
	width: 100%;
	text-align: center;
	height: 600px;
}
#calrecomm
{
	clear: both;
	font-size: 20px;
	width: 120px;
	display: block;
	background-color: #bccbc6;
	padding: 10px;
	text-align: center;
	margin-top: 5px;
	margin: 3px auto 15px auto !important;
}
#insidediv
{
	clear: both;
	float: left;
	margin: 0%;
	display: block;
	background-color: #e1ecf6;
	padding: 0px;
	width: 100%;
	text-align: center;
	height: 600px;
}
#top-bar
{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #72B4F0;
	height: 25px;
	font-size: 19px;
	color: #231f20;
	text-align: center;
	padding-top: 5px;
}
#resultname
{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 19px;
	color: #e1ecf6;
}
#slideinside
{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */


#contentsection
{
	/*	background-image: url('../images/home.png');
	background-repeat: no-repeat;
		-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	height: 800px;*/
	width: 100%;
	margin: auto;
}
.btmsection
{
	background-color: #e3ece9;
	height: 30px;
}
.enterbtn
{
	padding-top: 659px;
	padding-left: 160px;
}
#header p
{
	padding-left: 20px;
	text-align: center;
	margin-top: 15px;
}
.clear-btn
{
	background-color: #eb008b !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eb008b), to(#eb008b)) !important;
	background-image: -webkit-linear-gradient(#eb008b, #eb008b) !important;
	background-image: -moz-linear-gradient(#eb008b, #eb008b) !important;
	background-image: -ms-linear-gradient(#eb008b, #eb008b) !important;
	background-image: -o-linear-gradient(#eb008b, #eb008b) !important;
	background-image: linear-gradient(#eb008b, #eb008b) !important;
	color: #FFF !important;
	width: 80px;
	height: 30px;
	border: none;
	margin-left: 20px;
	cursor: pointer;
	font-size: 15px;
}
.recall, .savenxt, .homebtn
{
	background-color: #eb008b !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eb008b), to(#eb008b)) !important;
	background-image: -webkit-linear-gradient(#eb008b, #eb008b) !important;
	background-image: -moz-linear-gradient(#eb008b, #eb008b) !important;
	background-image: -ms-linear-gradient(#eb008b, #eb008b) !important;
	background-image: -o-linear-gradient(#eb008b, #eb008b) !important;
	background-image: linear-gradient(#eb008b, #eb008b) !important;
	color: #FFF !important;
	width: 200px;
	height: 40px;
	border: none;
	margin-left: 20px;
	cursor: pointer;
	font-size: 18px;
}
.nextbtn
{
	background-color: #eb008b !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eb008b), to(#eb008b)) !important;
	background-image: -webkit-linear-gradient(#eb008b, #eb008b) !important;
	background-image: -moz-linear-gradient(#eb008b, #eb008b) !important;
	background-image: -ms-linear-gradient(#eb008b, #eb008b) !important;
	background-image: -o-linear-gradient(#eb008b, #eb008b) !important;
	background-image: linear-gradient(#eb008b, #eb008b) !important;
	clear: both;
	margin: 0 auto !important;
	color: #FFF !important;
	width: 150px;
	height: 50px;
	border: none;
	margin-left: 20px;
	position: relative;
	cursor: pointer;
	font-size: 18px;
	top: 5px;
}
.testagainbtn
{
	background-color: #0054a5 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0054a5), to(#0054a5)) !important;
	background-image: -webkit-linear-gradient(#0054a5, #0054a5) !important;
	background-image: -moz-linear-gradient(#0054a5, #0054a5) !important;
	background-image: -ms-linear-gradient(#0054a5, #0054a5) !important;
	background-image: -o-linear-gradient(#0054a5, #0054a5) !important;
	background-image: linear-gradient(#0054a5, #0054a5) !important;
	clear: both;
	margin: 0 auto !important;
	color: #FFF !important;
	width: 150px;
	height: 40px;
	border: none;
	position: relative;
	font-size: 18px;
	right: 0px;
}
#aboutform .ui-radio label
{
	float: none;
	width: auto;
	border-radius: 0px;
	background: transparent;
	border: none;
}
#aboutform table { display: inline-block; }
.ui-input-text.ui-body-c, .ui-input-text.ui-overlay-c
{
	border: 1px solid #aaa;
	color: #333;
	text-shadow: 0 1px 0 #fff;
	background: #f3d7e2 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3d7e2), to(#f3d7e2)) !important;
	background-image: -webkit-linear-gradient(#f3d7e2, #f3d7e2) !important;
	background-image: -moz-linear-gradient(#f3d7e2, #f3d7e2) !important;
	background-image: -ms-linear-gradient(#f3d7e2, #f3d7e2) !important;
	background-image: -o-linear-gradient(#f3d7e2, #f3d7e2) !important;
	background-image: linear-gradient(#f3d7e2, #f3d7e2) !important;
}
.ui-body-c, .ui-overlay-c { text-shadow: none !important; }
.ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon { }
.ui-radio input
{
	width: 20px !important;
	height: 20px !important;
	background-color: #f3d7e2 !important;
	display: none;
}
.ui-btn-active
{
	border: none !important;
	background: #EB008B !important;
	font-weight: 700;
	color: #333;
	cursor: pointer;
	text-shadow: none !important;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EB008B), to(#EB008B)) !important;
	background-image: -webkit-linear-gradient(#EB008B, #EB008B) !important;
	background-image: -moz-linear-gradient(#EB008B, #EB008B) !important;
	background-image: -ms-linear-gradient(#EB008B, #EB008B) !important;
	background-image: -o-linear-gradient(#EB008B, #EB008B) !important;
	background-image: linear-gradient(#EB008B, #EB008B) !important;
	font-family: MyriadPro;
}
#prev
{
	float: left;
	margin-top: 0px;
	margin-left: 10px;
}
#next { float: right; }
/* footer */
.navigation
{
	height: 60px;
	padding-top: 20px;
}
.navigation.ui-bar-a
{
	border: none;
	background: #e1ecf6;
	color: #333;
	font-weight: 700;
	text-shadow: 0 0 0 #000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e1ecf6), to(#e1ecf6));
	background-image: -webkit-linear-gradient(#e1ecf6, #e1ecf6);
	background-image: -moz-linear-gradient(#e1ecf6, #e1ecf6);
	background-image: -ms-linear-gradient(#e1ecf6, #e1ecf6);
	background-image: -o-linear-gradient(#e1ecf6, #e1ecf6);
	background-image: linear-gradient(#e1ecf6, #e1ecf6);/*	border-bottom: 8px solid #9d8e94;*/
}
#insidediv p
{
	padding: 10px;
	font-size: 22px;
	color: #231f20;
	margin-top: 3%;
}
.btngroup .listitem
{
	border-bottom: 1px solid #9d8e94 !important;
	background: #e1ecf6 !important;
	font-weight: normal !important;
	color: #231f20 !important;
	text-shadow: 0 1px 0 #fff !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e1ecf6), to(#e1ecf6)) !important;
	background-image: -webkit-linear-gradient(#e1ecf6, #e1ecf6) !important;
	background-image: -moz-linear-gradient(#e1ecf6, #e1ecf6) !important;
	background-image: -ms-linear-gradient(#e1ecf6, #e1ecf6) !important;
	background-image: -o-linear-gradient(#e1ecf6, #e1ecf6) !important;
	background-image: linear-gradient(#e1ecf6, #e1ecf6) !important;
	text-shadow: 0 0 0 !important;
}
.btngroup .listitem .ui-link-inherit
{
	font-size: 18px !important;
	padding-left: 34px !important;
}
.btngroup .listitem.ui-last-child { border-bottom: none !important; }
#header .ui-btn-corner-all
{
	-webkit-border-radius: 0em;
	border-radius: 0em;
}
#header.ui-header-fixed>.ui-btn-icon-notext { top: 0px !important; }
#header .ui-icon, #header .ui-icon-searchfield:after
{
	background-color: #eb008b;
	border-radius: 0px;
	margin: 0px;
}
#header .ui-icon, #header .ui-btn-icon-notext
{
	width: 45px;
	height: 60px;
	margin-top: 0px;
	border: none;
	top: 0px;
}
#header .ui-icon-bars { background-position: -777px 22px !important; }
#header .ui-btn-up-a { border: none; }
#header.ui-header .ui-btn-right { right: 0px !important; }
.listitem.ui-btn-up-a, .listitem.ui-btn-hover-a
{
	border: 1px solid #f9f9f9 !important;
	background: #f9f9f9;
	font-size: 13px;
	font-weight: normal;
	color: #2f3e46 !important;
	text-shadow: 0 0 0 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f9f9f9)) !important;
	background-image: -webkit-linear-gradient(#f9f9f9, #f9f9f9) !important;
	background-image: -moz-linear-gradient(#f9f9f9, #f9f9f9) !important;
	background-image: -ms-linear-gradient(#f9f9f9, #f9f9f9) !important;
	background-image: -o-linear-gradient(#f9f9f9, #f9f9f9) !important;
	background-image: linear-gradient(#f9f9f9, #f9f9f9) !important;
}
.listitem .ui-btn-inner { font-size: 15px; }
.listitem.ui-btn-up-a:visited, .listitem.ui-btn-up-a a.ui-link-inherit { color: #2f3e46; }
.listitem.ui-listview, .listitem.ui-panel-inner>.ui-listview { margin: 0px !important; }
/* maincalculator */

/*.optcontainer .ui-field-contain .ui-select:nth-child(even)
{
width:23%;
}
.optcontainer .ui-field-contain .ui-select:nth-child(odd)
{
width:12%;
}*/

.optcontainer .ui-field-contain
{
	border-bottom: 1px solid #E7B4D1 !important;
	font-weight: normal !important;
	color: #231f20 !important;
	overflow: auto;
	margin: 3px 0px 0px 0px;
}
.optcontainer .ui-btn-up-c, .optcontainer .ui-btn-hover-c
{
	border: 1px solid #EE8BD8;
	background: #F5FFFC;
	font-weight: 700;
	color: #222;
	border-radius: 0px;
}
.optcontainer .ui-icon, .optcontainer .ui-icon-searchfield:after
{
	background-image: url('../images/dwnarrow.png') !important;
	background-position: 0px 0px !important;
	border-radius: 0px;
	width: 30px;
	height: 30px;
	top: 0% !important;
	margin-top: 0px !important;
	right: 0px !important;
}
.optcontainer .ui-btn-inner
{
	font-size: 15px;
	height: 10px !important;
	padding-top: 5px;
	padding-bottom: 14px;
	font-weight: normal;
}
.ui-panel .ui-btn-up-c, .ui-panel .ui-btn-hover-c
{
	border-bottom: 1px solid #da7bb1;
	border-top: 1px solid #FFFFFF;
	background: #e1ecf6 !important;
	font-weight: 700;
	color: #222;
	text-shadow: 0 1px 0 #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e1ecf6), to(#e1ecf6)) !important;
	background-image: -webkit-linear-gradient(#e1ecf6, #e1ecf6) !important;
	background-image: -moz-linear-gradient(#e1ecf6, #e1ecf6) !important;
	background-image: -ms-linear-gradient(#e1ecf6, #e1ecf6) !important;
	background-image: -o-linear-gradient(#e1ecf6, #e1ecf6) !important;
	background-image: linear-gradient(#e1ecf6, #e1ecf6) !important;
}
/* fractional dropdown */

/*result */

.resulthead
{
	padding-top: 50px;
	background-color: #0054a5;
	text-align: center;
	height: 210px;
	border-bottom: 1px solid #9bc5d0;
}
.result_mid
{
	background-color: #eb008b;
	text-align: center;
	color: #ffffff;
	height: 75px;
}
.result_mid .mid_one
{
	font-size: 20px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	/* width: 320px; */
	text-align: center;
	margin: auto;
}
.resulthead .linetwo
{
	font-size: 24px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-family: MyriadPro;
	float: none;
	text-align: center;
	padding-left: 0%;
}
.bgstripresult { /*background-image: url('../images/bgstripresult.png'); */ margin-top: -13px; }
#resultval
{
	text-align: center;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: normal;
	height: 60px;
	background-image: url('../images/round.png');
	background-repeat: no-repeat;
	width: 110px;
	margin: auto;
	padding-top: 10px;
}
#resultbtm
{
	background-color: #e1ecf6;
	min-height: 100%;
	height: 270px;
	width: 100%;
	margin: auto;
	text-align: center;
	color: #231f20;
}
#resultbtm p
{
	font-size: 19px;
	color: #0054a5;
	padding: 8px 10px;
	margin: 0px;
}
p.resultcom { padding-top: 0px !important; }
.recall
{
	font-size: 20px;
	height: 50px;
}
.ui-select .ui-btn select
{
	min-height: 100% !important;
	height: auto !important;
}
.oldie label.ui-select
{
	float: left !important;
	width: 100px !important;
	height: auto !important;
	overflow: visible !important;
}
.oldie .ui-select .ui-btn
{
	width: 20% !important;
	float: left !important;
}
.resultnavigation { height: 60px; }
.resultnavigation.ui-bar-a
{
	border: none;
	background: #e1ecf6;
	color: #333;
	font-weight: 700;
	text-shadow: 0 0 0 #000;/*	border-bottom: 8px solid #9d8e94;*/
	margin-top: 0px;
	text-align: center;
}
.ui-controlgroup-controls label
{
	float: none !important;
	margin: 0px;
}
/*.ui-icon-checkbox-off, .ui-icon-radio-off { background-color: #f3d7e2 !important; }*/
.ui-radio .ui-icon, .ui-radio .ui-icon-searchfield:after
{
	background-image: url(../images/icons-18-white.png) !important;
	background-color: #f3d7e2 !important;
}
.ui-btn-inner { border: none !important; }
.btn-container { text-align: center; }
.ui-controlgroup-controls .ui-radio
{
	text-align: center;
	width: 100px;
	float: left;
	clear: none;
}
#slideinside #header p
{
	text-align: center;
	margin-top: 0px;
	font-size: 20px;
	margin-bottom: 0px;
	padding: 10px;
}
#slideinside #header.ui-header
{
	clear: both;
	float: left;
	margin-left: 0;
	width: 99%;
	font-weight: normal;
	display: block;
	height: 59px;
	color: #accdec;
	font-size: 25px;
	padding-left: 1%;
	word-spacing: 1px;
	border: none;
	background: #0054a5;
	text-shadow: 0 0 0;
}
#slidecontainer p
{
	padding: 10px;
	color: #231f20;
	text-align: left;
}
#slidecontainer ul { padding: 0 0 0 30px; }
#slidecontainer li
{
	margin-top: 0% !important;
	padding-top: 0px !important;
	text-align: left;
	padding: 3px;
}
#header p
{
	padding-left: 0px;
	text-align: center;
	margin-top: 18px;
	font-size: 20px;
}
.nextbutton, .prevbutton, .homebutton
{
	background-color: #eb008b !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eb008b), to(#eb008b)) !important;
	background-image: -webkit-linear-gradient(#eb008b, #eb008b) !important;
	background-image: -moz-linear-gradient(#eb008b, #eb008b) !important;
	background-image: -ms-linear-gradient(#eb008b, #eb008b) !important;
	background-image: -o-linear-gradient(#eb008b, #eb008b) !important;
	background-image: linear-gradient(#eb008b, #eb008b) !important;
	clear: both;
	margin: 0 auto !important;
	color: #FFF !important;
	width: 150px;
	height: 40px;
	border: none;
	margin-left: 20px;
	position: relative;
	cursor: pointer;
	font-size: 18px;
	top: 5px;
	margin-bottom: 20px !important;
}
.resultcom a
{
	color: #eb008b;
	text-decoration: none;
}
#slidecontainer h4 a
{
	color: #0054a5;
	text-decoration: none;
}
#slidecontainer h4
{
	text-align: left;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
}
.ui-field-contain .ui-controlgroup, .ui-field-contain fieldset.ui-controlgroup { }
.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, .ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text {/* display: inline-block !important; */ }
.oldie label.ui-select
{
	float: left !important;
	width: 100px !important;
}
.oldie div.ui-select
{
	width: 20% !important;
	float: left !important;
}
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
#contentsection
{
	clear: both;
	float: left;
	margin: 0%;
	display: block;
	background-color: #e1ecf6;
	padding: 0px;
	width: 100%;
	text-align: center;
	height: 600px;
}
.ui-field-contain .ui-controlgroup, .ui-field-contain fieldset.ui-controlgroup
{
	margin: 0;
	width: 47%;/* 55%;*/
}
.ui-page { -webkit-backface-visibility: hidden; }
#header .homeicon .ui-icon, #header .homeicon .ui-btn-icon-notext
{
	background-color: transparent;
	width: 100px;
	height: 60px;
}
.homeicon .ui-icon
{
	background: rgba(0,0,0,0);
	background-image: url(../images/homeicon.png);
	background-repeat: no-repeat;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	background-position: 0px 10px;
}
.homeicon.ui-btn-up-a { background: transparent !important; }
.recallhome #header p
{
	padding-left: 0px;
	text-align: center;
	margin-top: 6px;
	font-size: 17px;
}
#header a.homeicon.ui-btn-left.ui-btn.ui-shadow.ui-btn-corner-all.ui-btn-inline.ui-btn-icon-notext.ui-btn-hover-a { background: none !important; }
.ui-controlgroup-controls label
{
	float: none !important;
	margin: 0px;
}
/*.ui-icon-checkbox-off, .ui-icon-radio-off { background-color: #f3d7e2 !important; }*/
.btn-container { text-align: center; }
.ui-checkbox input
{
	position: absolute;
	left: 16px !important;
	top: 50%;
	height: 19px !important;
	margin: -5px 0 0 0;
	outline: 0 !important;
	z-index: 1;
	margin-top: -9px;
}
.roundedOne .ui-btn-up-c, .roundedOne .ui-btn-inner, .roundedOne .ui-btn-hover-c
{
	border: none !important;
	background: transparent !important;
}
#resultcontent { background-color: #e1ecf6; }
#otherblock { margin-top: 5%; }
.genderstyle { margin-left: -5px !important; }
.eatingstyle { padding-left: 19px !important; }
.leafyveg1 { margin: 8px 2% 0 1% !important; }
#slidecontainer h5 { font-size: 18px; }
/* new design*/


.discl_cont, .home_cont, .result_cont, .slide_cont
{
	background-color: #dae4ea;
	padding: 10px;
	min-height: 500px;
}
#header.ui-header
{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	font-weight: normal;
	display: block;
	/*	height: 160px; */
	color: #accdec;
	font-size: 25px;
	word-spacing: 1px;
	border: none;
	background: #0054a5;
	text-shadow: 0 0 0;
}
.optcontainer
{
	width: 50%;
	float: left;
}
.imgcontainer
{
	width: 350px;
	float: left;
	margin-right: 2%;
	margin-top: 4.6%;
}
.headimg
{
	background-image: url('../images/logo_big.png');
	height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
}
.banner
{
	background-image: url('../images/banner.png');
	height: 46px;
	background-repeat: no-repeat;
	background-position: center center;
}
.btmstrip
{
	height: 30px;
	background-color: #dae4ea;
}
.avg_val
{
	color: #e2ecf6;
	float: left;
	font-weight: bold;
	font-size: 23px;
	text-align: center;
	padding-top: 10px;
}
.recom_txt
{
	color: #ec008c;
	font-weight: normal;
	text-align: center;
	font-size: 26px;
}
.calcium_txt
{
	text-align: center;
	color: #231f20;
	font-size: 23px;
}
.recom_block { margin-top: 8%; }
.result_block { margin-top: 4%; }
.result_display
{
	text-align: center;
	font-size: 23px;
	color: #231f20;
}
.result_txt
{
	margin-top: 0px;
	width: 580px;
	text-align: center;
	margin: auto;
}
/* home styles */
.home_strip
{
	background-image: url('../images/home_strip.png');
	height: 90px;
	background-repeat: no-repeat;
	background-position: center center;
}
#enterbtn
{
	color: #FFFFFF;
	font-size: 20px;
	font-weight: normal;
	margin: auto;
}
.tablecontainer
{
	text-align: center;
	padding-top: 1%;
}
/* Disclaimer */


#disagree, #agree
{
	width: 200px;
	float: left;
	margin: 3px;
}
/* recallhome */


/* slide */



.btn-cont { text-align: center; }
.home_icon a
{
	color: #dae4ea !important;
	text-decoration: none !important;
	font-size: 12px;
	margin-left: 1%;
}
/* style ravi changes */


.discl_cont h4
{
	text-align: center;
	font-size: 18px;
	padding: 0px;
	margin: 10px 0px;
	text-transform: uppercase;
}
#disagree a
{
	text-decoration: none;
	color: #0054a6;
	height: 30px;
	padding: 10px;
	background-color: #accdec;
}
#agree a
{
	text-decoration: none;
	color: #e2ecf6;
	height: 30px;
	padding: 10px;
	background-color: #ec008c;
}
.tellus_home
{
	color: #0054a6;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.recall_txt
{
	color: #231f20;
	font-size: 20px;
	text-align: center;
	width: 650px;
	margin: auto;
	margin-bottom: 20px;
}
.tablecontainer p
{
	font-size: 15px !important;
	margin-top: 0% !important;
	padding-top: 0px !important;
	font-style: italic;
}
.calcium_btm
{
	text-align: center;
	width: 450px;
	margin: 6% auto;
}
.calcium_btm1
{
	text-align: center;
	width: 450px;
	margin: 2% auto;
}
#formcontent .ui-btn-up-c, #formcontent .ui-btn-hover-c
{
	font-weight: normal !important;
	font-size: 17px !important;
}
#formcontent .ui-fullsize .ui-btn-inner, .ui-fullsize .ui-btn-inner
{
	font-size: 17px !important;
	font-weight: normal !important;
	text-shadow: none !important;
	font-family: MyriadPro, sans-serif;
}
.tellus_txt
{
	color: #0054a6;
	float: left;
	width: 390px;
	font-weight: bold;
	font-size: 23px;
	text-align: right;
	padding-top: 10px;
}
#aboutform
{
	width: 70%;
	margin: auto;
	margin-top: 6%;
}
.ui-controlgroup-controls .ui-radio
{
	text-align: center;
	width: 160px;
	float: left;
	clear: none;
}
.ui-icon-checkbox-off
{
	background-image: url(../images/icons-18-white.png) !important;
	background-color: transparent !important;
	background-position: -759px 0px !important;
	border-radius: 17px !important;
}
.ui-icon-checkbox-on
{
	background-image: url(../images/icons-18-white.png) !important;
	background-color: transparent !important;
	background-position: -723px 0px !important;
	border-radius: 17px !important;
}
#aboutform label
{
	font-size: 17px;
	vertical-align: top;
	float: left;
	display: inline-block;
	/* margin-right: 20px;
	width: 190px; */
	text-align: right;
	color: #231f20;
	cursor: auto;
	margin-top: 4px;
	width: 240px;
}
.roundedOne fieldset.ui-corner-all.ui-controlgroup.ui-controlgroup-vertical { width: 47%;/* 55%;*/ }
.food_item
{
	color: #0054a6;
	float: left;
	width: 390px;
	font-weight: bold;
	font-size: 23px;
	text-align: right;
	padding-top: 10px;
	margin-right: 90px;
}
.name
{
	color: #e2ecf6;
	float: left;
	font-weight: bold;
	font-size: 23px;
	text-align: left;
	padding-top: 10px;
	width: 480px;
	text-transform: capitalize;
}
.optcontainer .ui-field-contain label.ui-select
{
	width: 40% !important;
	margin: 0px 1% 0px 2%;
}
.head1 span { margin-left: -3px; }
.head2 span { margin-left: -47px; }
.head1
{
	width: 50%;
	float: left;
	padding: 8px;
	text-align: left;
	color: #0054a6;
	border-bottom: 1px solid #E7B4D1 !important
}
.head2
{
	width: 40%;
	float: left;
	text-align: left;
	padding: 8px;
	color: #ec008c;
	border-bottom: 1px solid #E7B4D1 !important
}
#headcontainer
{
	width: 100%;
	font-size: 15px;
	font-weight: normal;
}
.ui-select .ui-btn select
{
	color: #231f20 !important;
	font-size: 11px !important;
	line-height: 1.5em;
	font-weight: normal;
	font-family: MyriadPro, sans-serif;
}
.avg_txt
{
	color: #0054a6;
	float: left;
	width: 390px;
	font-weight: bold;
	font-size: 19px;
	text-align: right;
	padding-top: 10px;
	margin-right: 90px;
}
.result_txt a
{
	color: #ec008c;
	text-decoration: none;
	text-transform: uppercase;
}
#wizard .steps ul
{
	height: 633px;
	background-color: #FFF;
	border: 1px solid #bac9d3;
}
#wizard .steps ul li.current { border-right: 1px solid #f9dee7; }
.questiontxt
{
	color: #0054a6;
	float: left;
	width: 390px;
	font-weight: bold;
	font-size: 19px;
	text-align: right;
	padding-top: 10px;
	margin-right: 90px;
}
.slide1_que
{
	color: #0054a6;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.slide_content p, .slide_content ul
{
	color: #231f20;
	font-size: 20px;
	text-align: justify;
	margin: auto;
	margin-bottom: 20px;
}
.slide_content
{
	margin: auto;
	width: 620px;
	line-height: 28px;
	text-align: justify;
}
.foodhabitblock.ui-field-contain.ui-body.ui-br
{
	margin: 0px;
	padding: 0px;
}
.submit-btn
{
	background-color: #eb008b !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eb008b), to(#eb008b)) !important;
	background-image: -webkit-linear-gradient(#eb008b, #eb008b) !important;
	background-image: -moz-linear-gradient(#eb008b, #eb008b) !important;
	background-image: -ms-linear-gradient(#eb008b, #eb008b) !important;
	background-image: -o-linear-gradient(#eb008b, #eb008b) !important;
	background-image: linear-gradient(#eb008b, #eb008b) !important;
	color: #FFF !important;
	width: 80px;
	height: 30px;
	border: none;
	/*	margin-left: 50%;
float: left;*/
	cursor: pointer;
	font-size: 15px;
	margin-top: 3%;
}
.oldie #aboutform .ui-input-text
{
	float: left !important;
	width: 300px !important;
}
.oldie #aboutform .ui-field-contain { padding-top: 0.3em !important; }
.oldie .ui-radio .ui-icon, .oldie .ui-radio .ui-icon-searchfield:after { background-color: transparent!important; }
.oldie #aboutform label { margin-right: 10px; }
.oldie .ui-controlgroup-controls .ui-radio { width: auto; }
.oldie .genderstyle { padding-left: 0px !important; }

.oldie .optcontainer .ui-icon,
.oldie .optcontainer .ui-icon-searchfield:after,
.oldie .ui-select .ui-btn select
{
	background: none !important;

}


.ui-select .ui-shadow
{
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.discl_cont p
{
	font-family: MyriadPro, sans-serif;
	color: #231f20;
	font-size: 11px;
	width: 600px;
	margin: auto;
	line-height: 20px;
	padding: 7px;
	text-align: justify;
}
.slide_content h4 a, .slide_content h5 a
{
	font-weight: normal !important;
	color: #403A85 !important;
}
.slide_cont h4
{
	font-size: 12px;
	font-weight: normal;
	color: #403A85;
}
.slide_content h5
{
	font-size: 18px;
	color: #403A85;
	font-weight:normal;
}



.pregnantblock,.lactatingblock,.menopauseblock  {
margin-left: 5px !important;
}