.getStarted{ 
	background: url('/a/img/pregnancyTool/pregnancyTool_landing.jpg') no-repeat top left; 
	height: 890px; 
}

.dosAndDonts{ 
	background: url('/a/img/pregnancyTool/dosAndDonts/bg_dos_and_donts.jpg') no-repeat top left; 
	height: 1279px;
}

#gettingStarted { 
	width: 114px; 
	height: 32px; 
	margin-top: 163px; 
	margin-left: 22px; 
}

#rolloverText { 
	float: left; 
	margin-top:38px; 
	z-index:1; 
	margin-left: 0px; 
	position: relative;
}

#stack { 
	height:214px; 
	float: left;
	position: relative; 
	width: 264px; 
	left: -67px; 
	margin-top:28px;
}

.clear { clear: both; }

br.clear{
	line-height:0;
	height:0;
}

#foodGroups { 
	background: url('/a/img/pregnancyTool/pyramid_base.gif') no-repeat 120px 227px; 
	margin:0 0 0 26px;
	height: 283px !important;
	height:296px;
	padding: 0;
}

#foodGroups h3 {font-size: 1.15em; color: #1195f1; line-height: 1.0em; padding-bottom: 7px; }
#foodGroups p { font-weight: normal; font-size: 1.1em; color: #9f9f9f; line-height: 1.05em; }

.lnk_dosDonts { 
	display:inline;
	float: left;
	margin-left:0px;
	margin-top: 0px;
	position: relative;
}

#returningUser { 
	background: url('/a/img/pregnancyTool/bg_form_bottom.gif') no-repeat bottom left; 
	margin:2px 10px 0 20px; 
	padding:0;
	width: 572px;
}

#returningUser form{
	background: url('/a/img/pregnancyTool/bg_form_top.gif') no-repeat top left;
	padding:0 0 4px 0;
}

#returningUser form fieldset{padding:0 0 0 14px;}

#returningUser .formDetails{padding:14px 0 0 0;}

#returningUser .col1 { 
	float: left; 
	width: 295px; 
	padding-left: 15px; 
	padding-top: 4px; 
}

#returningUser .col2 { 
	float: left; 
	padding-top: 4px; 
}

#returningUser h3, #newUser h3 {
	font-weight: bold; 
	font-size: 1.4em; 
	color: #9f9f9f; 
	line-height: 1.0em; 
	padding: 7px 0 0 0; 
}

#returningUser p, #newUser p { 
	font-weight: normal; 
	font-size: 1.1em; 
	color: #888; 
	line-height: 1.05em; 
	margin:0 10px 0 0;
	padding: 7px 0 0 0; 
}

#returningUser h4 { 
	font-weight: normal; 
	font-size: 1.05em; 
	color: #1195f1; 
	line-height: 1.0em; 
	padding-bottom: 7px; 
}

#returningUser .clickHere, #newUser .clickHere { 
	font-size: 0.9em; 
	color: #9f9f9f; 
	padding-top: 9px; 
	float: left; 
}

#returningUser input.textBox {
	background:#ffffff none repeat scroll 0 0;
	font-size: 1.2em;
	padding: 1px 2px;
	width: 230px;
}


#returningUser .lnk_login, #newUser .lnk_login {
	float: left;
	padding: 10px 0px 0px 5px;
}

#returningUser .requiredLabel { font-weight: bold; color: red; }

.lnk_login { margin: 0; padding: 0 10px 0 0;}

#newUser { 
	background: url('/a/img/pregnancyTool/bg_new_users_bottom.gif') no-repeat bottom;
	padding: 0 0 23px 0;
	/*width: 572px;*/
}

#newUser form{
	background: url('/a/img/pregnancyTool/bg_new_users_top.gif') no-repeat top;
	padding:0 0 4px 0;
}

#newUser form fieldset{padding:0 0 0 30px;}

#newUser input.textBox {
	background:#ffffff none repeat scroll 0 0;
	font-size: 1.2em;
	padding: 1px 2px;
	width: 210px;
	margin:4px 0 0 0;
}

#newUser .requiredLabel {
	font-weight: bold; 
	font-size: 11px; 
	color: #CC0000; 
}

#newUser .exampleEmail {font-size: 0.8em;}

#newUser label, #newUser label h4 { 
	color: #1195f1;
	display:block;
	font-weight: normal; 
	font-size: 1.05em; 
	line-height: 1.0em;  
}

.formDetails{
	float:left;
	padding:8px 0 0 0;
	width: 275px;	
}

.dueDate label{padding:7px 0 10px 0;}

#newUser .trackProgress {
	background: url('/a/img/pregnancyTool/bg_track_progress.gif') repeat-y top left;
	clear:both;
	padding: 0 5px 5px 5px;
}


#newUser .confirmPassword {
	float: left;
	color: #1195f1; 
	font-size: 1.05em;
	padding: 15px 6px 0px 0;
}

#newUser input.confirmBox {
	background:#ffffff none repeat scroll 0 0;
	font-size: 1.2em;
	padding: 1px 2px;
	width: 194px;
	margin-top: 4px;
}

#newUser .confirmPassword input.submitImage{margin-top:16px;}

#newUser select {
	margin-top: 4px;
	margin-bottom: 9px;
}

p#registeredAlredy{
	cursor:pointer;
	text-decoration:underline;
}


/*--   Elements needed for the rollover bubbles   ---*/



.tool-tip {
	color: #000;
	width: 300px;
	height:100px;
	z-index: 13000;
	text-align:left;

}
 
.tool-title {
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	font-family:arial;
	margin: 0;
	padding: 25px 0 2px 20px;
	background: url(/a/img/pregnancyTool/bubbleTop.gif) top left no-repeat;
	text-align:left;
	width:257px;
}
 
.tool-text {
	color: #FFF;
	font-size: 12px;
	font-family:arial;
	height:38px;
/*	padding: 4px 8px 8px 0px;*/	
	padding:0 0 0 20px;
	background: url(/a/img/pregnancyTool/bubble.gif) bottom left no-repeat;
	margin: 0;
	text-align:left;
	width:257px;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

/*-----*/


#stack ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#stack ul li {
	list-style-type: none; 
	padding:0;
	margin: 0;
	text-align:center;
}

#stack ul li a {
	display:block;
	margin: 0;
	padding: 0;
}

#stack ul li img{ 
	border:0;
	padding: 0;
	margin: 0;
}


/* *********** Do's and Don'ts ********* */


/* accordion section */

.dosAndDonts #intro{
	height: 176px;
	text-indent:-5000em;
}

.forgottenPasswod #intro{
	height: 176px;
	text-indent:-5000em;
}

.toggler{
	background-image:url(/a/img/pregnancyTool/dosAndDonts/topTipsPlus.gif);
	background-repeat:no-repeat;
	background-position: right;
}

div.topTips{
	background: url(/a/img/pregnancyTool/dosAndDonts/bg_topTips.gif) #a0d4f9 bottom repeat-x;
	margin:0 0 0 14px;
	padding:0 0 41px 0;
	width: 574px;}


div.topTips h3{
	/*background-color:#127ec9;*/
	color:#fff;
	cursor:pointer;
	height:40px;
	position:relative;
	text-indent:-5000em;
	width:574px;	
}


div.topTips h3 span{
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	height:40px;
	position:absolute;top:0;left:0;
	width:574px;
}


.consume{background-image: url(/a/img/pregnancyTool/dosAndDonts/h3_consume.jpg);}
.avoid{background-image: url(/a/img/pregnancyTool/dosAndDonts/h3_avoid.jpg);}
.limit{background-image: url(/a/img/pregnancyTool/dosAndDonts/h3_limit.jpg);}
.fluids{background-image: url(/a/img/pregnancyTool/dosAndDonts/h3_fluids.jpg);}
.generalTips{background-image: url(/a/img/pregnancyTool/dosAndDonts/h3_general_tips.jpg);}


.topTips li{list-style-type: none;}
.topTips ul li.odd{background-color:#e6eef2;}
.topTips ul li.even{background-color:#f5f8fa;}


.topTips ul li.first{
	background-image:url(/a/img/pregnancyTool/dosAndDonts/bg_list_first.jpg);
	background-repeat:repeat-x;
	background-position: top;
	padding-top:5px;
}

.topTips ul p{
	background-repeat:no-repeat;
	background-position:left center;
	color:#0099d2;
	padding:20px 65px 20px 75px;	
}

.consume ul p{background-image: url(/a/img/pregnancyTool/dosAndDonts/icon_consume.gif);}
.avoid ul p{background-image: url(/a/img/pregnancyTool/dosAndDonts/icon_avoid.gif);}
.limit ul p{background-image: url(/a/img/pregnancyTool/dosAndDonts/icon_limit.gif);}
.fluids ul p{background-image: url(/a/img/pregnancyTool/dosAndDonts/icon_fluids.gif);}
.generalTips ul p{background-image: url(/a/img/pregnancyTool/dosAndDonts/icon_fluids.gif);}

.last{
	background-image: url(/a/img/pregnancyTool/dosAndDonts/bg_last.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}


ul.actions{
	display:inline;
	float:right;
	margin:0 22px 0 0;
	overflow:hidden;
	width:265px;	
}

ul.actions li{list-style-type: none;margin:0;}

ul.actions li a{
	display:block;
	height: 40px;
	position:relative;}

ul.actions a span{
	background-repeat:no-repeat;
	height:40px;
	position:absolute;top:0;left:0;
}

li.print{float:left;;width:104px;}
li.print span{background-image: url(/a/img/pregnancyTool/dosAndDonts/btn_print.jpg);width:104px;}
li.backToDiet{float: right;;width:161px;}
li.backToDiet span{background-image: url(/a/img/pregnancyTool/dosAndDonts/btn_back_to_tool.jpg);width:161px;}

#subHeaders{
	height:171px;
	position:relative;
	width:332px;
}

#folic,#lowFat{
	height:171px;
	position:absolute;
	width:332px;
}

.subHead span{
	background-repeat:no-repeat;
	display:block;
	height:177px;
	position:absolute;top:0;left:0;
	width:332px;
}

#hdr_folic span{background-image: url(/a/img/pregnancyTool/dosAndDonts/hdr_folic.jpg);}

#hdr_lowFat span{background-image: url(/a/img/pregnancyTool/dosAndDonts/hdr_low_fat.jpg);}


.sendToAFriend{
	background: url(/a/img/pregnancyTool/sendToAFriend/bg_sendtoafriend.jpg) no-repeat top left; 
	float:none;
	font-size: 0.95em;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:10px;
	width:608px;
}

.sendToAFriend #intro{
	height:224px;
	text-indent:-5000em;
}


#sendToAFriend fieldset div{
	margin:0;
	padding: 0 0 0 27px;
}

#sendToAFriend fieldset div.row{padding-left:0;}

#sendToAFriend .friendsDetails {
	background: url('/a/img/pregnancyTool/sendToAFriend/bg_friends.gif') no-repeat bottom left;
	margin:10px 0 0 0;
	padding-bottom:40px;
}

#sendToAFriend label{
	color:#018ef0;
	display:block;
	padding:6px 0;
}

#sendToAFriend fieldset h3{
	font-size:13px;
	height:15px;
	position:relative;
	width:150px;
}

#sendToAFriend fieldset h3 span{
	background-repeat:no-repeat;
	background-position:top left;
	font-size:13px;
	height:15px;
	position:absolute;
	width:150px;
}


div.yourDetails{
	min-height:141px;
	height:auto !important;
	height:141px;
	padding-bottom:40px;
}

div.yourDetails h3 span{background: url(/a/img/pregnancyTool/sendToAFriend/hdr_your_details.gif) no-repeat top left;}

div.friendsDetails h3 span{background: url(/a/img/pregnancyTool/sendToAFriend/hdr_friends_details.gif) no-repeat top left;}

#sendToAFriend .text{width:218px;}


.sendToAFriendSent #intro{
	height:224px;
	text-indent:-5000em;
}

/* forgotten password form styles */

.forgottenPassword{
/*	background: url(/a/img/pregnancyTool/sendToAFriend/bg_sendtoafriend.jpg) no-repeat top left; 
	height: 864px;*/
	
}

.forgottenPassword #intro{
	padding-left:30px;

}


#forgottenPassword fieldset div, div.error {
	margin:0;
	padding: 0 0 0 27px;
}

 div.error {
   margin-bottom:6px;
 }


#forgottenPassword fieldset div.row{padding-left:0;}

#forgottenPassword .friendsDetails {
	background: url('/a/img/pregnancyTool/sendToAFriend/bg_friends.gif') no-repeat bottom left;
	margin:10px 0 0 0;
	padding-bottom:40px;
}

#forgottenPassword label{
	color:#018ef0;
	display:block;
	padding:6px 0;
}

#forgottenPassword fieldset h3{
	font-size:13px;
	height:15px;
	position:relative;
	width:150px;
}

#forgottenPassword fieldset h3 span{
	background-repeat:no-repeat;
	background-position:top left;
	font-size:13px;
	height:15px;
	position:absolute;
	width:150px;
}


div.yourDetails{
	min-height:141px;
	height:auto !important;
	height:141px;
	padding-bottom:40px;
}

div.yourDetails h3 span{background: url(/a/img/pregnancyTool/sendToAFriend/hdr_your_details.gif) no-repeat top left;}

div.friendsDetails h3 span{background: url(/a/img/pregnancyTool/sendToAFriend/hdr_friends_details.gif) no-repeat top left;}

#forgottenPassword .text{width:218px;}

.moreFriends{
	display:block;
	height:13px;
	margin:13px 0;
	position:relative;
	text-decoration:none;
	width:117px;
}

.moreFriends span{
	background: url(/a/img/pregnancyTool/sendToAFriend/btn_add_more.gif) no-repeat;
	height:13px;
	position:absolute;
	width:117px;
}


.sendToAFriendSent{
	background: url(/a/img/pregnancyTool/sendToAFriend/bg_email_sent.jpg) no-repeat top left; 
	float:none;
	font-size: 0.95em;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:10px;
	height:864px;
	width:608px;
}

.sendToAFriendSent #intro{
	height:224px;
	text-indent:-5000em;
	position: relative;
}


#header{height:77px;position:relative;}

#login{overflow:hidden;}

#sideBar{
	margin-top:0;
	top:0;}
	
#searchWrapper{
	background: black;
	position:absolute;top:0px;left:0;
	width:129px;
}	

/* this below style is well bad  but I had to override the main css */

* html #search { width: 129px; left: 0; top: 75px; }

 #wrapper #searchWrapper #search{
	padding:5px 10px;
	margin-bottom:0;
	position:absolute;
	left:0;
	top:75px;
}

#emptyMenuWrapper{
	overflow:hidden;
	position:relative;top: 6px;left:12px;
	width:608px;}
	
	
#header ul#topNav {
	width: 608px;
	position: relative;
	top:0;
}

#header ul#topNav li {
	float: left;
	width: 7.54em;
	line-height: 3em;
	color: #fff;
	border-right: 1px solid #fff;
	font-weight: bold;
	text-align: center;
}

div.pregnancyTool{background-color#fbfbfb;}

#pregnancyToolContainer{margin:40px 0 0 8px;}

#backToTool{
	position:absolute;top: 145px;left:26px;
	cursor: pointer;
	height:18px;
	width:115px;
	
}

