/*Customize Link in FoodTracker and MyCombo page*/
.customizelnk
{   
    font-size: 11px;
    text-align:right;  
    vertical-align:bottom;
    text-decoration:underline;
}
    
.customizelnkdiv
{
    float:left;
    text-align:right;
    width:108px; 
    height:30px;
}

/*Customize Link in My Favorites page*/
.myfavoritefoods .customizelnk
{   
    font-size: 11px;
    text-align:right;  
    vertical-align:bottom;
    text-decoration:underline;
}
    
.myfavoritefoods .customizelnkdiv
{
    float:left;
    text-align:right;
    width:50px; 
    height:30px;
}

/*Customize Link in Food A Pedia page*/
.foodapedia .customizelnk
{   
   font-size: 11px;	
}
    
.foodapedia .customizelnkdiv
{
    float:left;
    width:10px;

}
/*
    content/form selectors
*/

.contenttop
{
    background-position: top;
    background-repeat: no-repeat;
}

.contentbottom
{
    background-position: bottom;
    background-repeat: no-repeat;
    min-height:281px;
    vertical-align:bottom;
    padding-bottom: 65px;
}
.help 
{
    padding-bottom: 140px;
}

.contentback
{
    background-position: top;
    background-repeat: repeat-x;
}


.dashbottombg .contentbottom
{
	background-image: none;
	height: auto;
	min-height: auto;
	padding: 0px;
}

.requiredfield
{
    color:Red;
    font-weight:bold;
    font-size: 10px;
    height: 16px;
}

.requiredfield2
{
    color:Red;
    font-weight:bold;
    font-size: 10px;
    height: 16px;
    margin-bottom: 50px;
}

.pagetitle
{
    font-size: 38px;
    font-weight: bold;
    color: #3ea4ca;
    letter-spacing: -0.025em;
    text-shadow: rgba(142, 142, 142, 1) 0px -1px;
	/*line-height: 1;*/
}

.titlerule
{
    width: 100%;
    height: 8px;
    margin-top:8px;
    border-top: 1px solid #e0e0e0;
}

.headlabel
{
    font-weight: bold;
    font-size: 18pt;
}

.white
{
    color: White;
}

.textinput
{
    font-size: 10pt;
    margin: 0px;
    padding: 0px;
    border: 1px solid #dddddd;
    background-position: top left;
}

.textinputcustom
{
    font-size: 10pt;
    margin: 0px;
    padding: 0px;
    border: 1px solid #dddddd;
    background-position: top left;
}
.createprofile, .loginout
{
    color: #212121;
    font-size: 14px;
}

.manageprofile .pagetitle
{
	margin: 10px 0px 0px 0px !important;
	padding: 0px;
	display: inline-block;
}

.manageprofile .contentdivider
{
	margin: 0px 0px 20px 0px !important;
	padding: 0px !important;
}

.register .textinput
{
	width: 400px;
}

.register .formrow
{
	min-width: 572px;
	max-width: 572px;
}

.createprofile .desc
{
	font-size: 14px;
}

.createprofile .profilecontainer
{
    border: 5px solid #eeeeee;
    width: 220px;
    height: 117px;
    margin: 20px 20px 5px 0px;
    padding: 5px;
	display: inline-block;
	float:left;
}

.profilecontainer .userimage
{
    width: 109px;
    height: 108px;
    text-align: center;
    vertical-align: middle;
    padding-top:7px;
    margin-right: 5px;
}

.profilecontainer .messagearea
{
    margin-top: 20px;
	
}

.profilecontainer .heading
{
	width: 108px;
    font-size: 20px;
    color: #212121;
    letter-spacing: -0.01em;
    font-weight: bold;
	position: absolute;
	left: 113px;
	word-break: break-all;
	overflow: hidden;
	height: 50px;
}

.profilecontainer .editprofilebutton
{
    padding: 0px 8px 0px 30px;
	margin-left: 2px;
    border: 0px;
    text-align:left;
    background-repeat: no-repeat;
    background-color: #ffffff;
	position: absolute;
	top: 60px;
}

.disabledtextbox
{    
    height: 25px;
    border: 1px solid #eeeeee;
    padding: 7px 5px 0px 5px;
       font-size: 16px;
       color: #cccccc;
       font-weight: bold;   
       background-color: #ffffff;
}
 
.disabledlabel
{
       color: #cccccc;      
}

.disabled,
.form .disabled
{
	color: #cccccc !important;
	background-color: #ffffff !important;
	background-image: url(../img/t.gif) !important;
	border-color: #eeeeee !important;
}

.createprofile .buttonrow
{
    text-align: right;
}

.createprofile .submitbutton
{
    width: 114px;
    height: 41px;
    border: 0px solid black;
    background-color: #ffffff;
    background-repeat: no-repeat;
    font-size: 16px;
    color: #ffffff;
    text-shadow: rgba (29, 129, 142, .8) 0px -1px;
    letter-spacing: -0.02em;
    font-weight: bold;
    text-align: center;
    margin-right: 12px;
}

.createprofile .clearbutton
{
    width: 114px;
    height: 41px;
    border: 0px solid black;
    background-color: #ffffff;
    background-repeat: no-repeat;
    font-size: 16px;
    color: #666666;
    text-shadow: rgba (255, 255, 255, 1) 0px 1px;
    letter-spacing: -0.02em;
    font-weight: bold;
    text-align: center;
}

.createprofile .reqinfo
{
    font-size: 10px;
}

.createprofile .textinput
{
    height: 25px;
    border: 1px solid #dddddd;
    background-position: top left;
    padding: 7px 5px 0px 5px;
	font-size: 16px;
	color: #666666;
	font-weight: bold;
}

.createprofile .textinputcustom
{
    height: 25px;
    border: 1px solid #dddddd;
    background-position: top left;
    padding: 7px 5px 0px 2px;
	font-size: 16px;
	color: #666666;
	font-weight: bold;
}

.createprofile .ddlinput
{
    height: 28px;
    border: 1px solid #dddddd;
    background-position: top left;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
}

.createprofile .requiredfield
{
    font-size: 12px;
    color: #949494;
    font-weight: normal;
    width: 10px;
    margin-bottom:15px;
    display:inline-block;
    height: 20px;
}

.customfield
{
    font-size: 12px;
    color: #949494;
    font-weight: normal;
    margin-bottom:15px;
    display:inline-block;
    height: 20px;
}

.createprofile .requiredfield2
{
    font-size: 12px;
    color: #949494;
    font-weight: normal;
    width: 10px;
    margin-bottom:60px;
    display:inline-block;
}
#mast_level1_cph_mast_level2_cph_lblPregnant 
{
    *margin-top:-25px;
    display:inline-block;
}

.createprofile .form
{
	padding-left: 20px;
}

.createprofile .formlabel .requiredfield
{
    font-size: 16px;
}

.createprofile .lefttext
{
    text-align: center;
    margin: 0px auto;
    font-size: 11px;
}

.createprofile .lastupdate
{
	display: block;
	color: #666666;
	margin-top: 18px;
}

div.righttext > span.lastupdate
{
    float:right;
    clear:right;
}

.createprofile .lefttext .optional
{
    color: #999999;
    font-size: 10px;
}

.createprofile .photoprompt
{
    color: #e73b66;
    font-weight: bold;
    font-size: 11px;
}

.createprofile .lefttext .small
{
    font-size: 9px;
}

.createprofile .bottomnotice
{
    margin-top:25px;
}

.createprofile .text
{
    font-size: 12px;
    letter-spacing: -0.005em;
    color: #212121;
}

.formnoticeouter
{
    border: 1px dashed #dddddd;
    background-color: #fbfbfb;
    padding: 7px 20px 25px 10px;
    max-width: 355px;
    margin-top: 15px;
}

.formnoticeinner
{
    line-height: 1.1;
    background-repeat: no-repeat;
    padding: 8px 0px 0px 36px;
    min-height:98px;
    font-size: 12px;
    text-indent: 0px;
    text-align: left;
}

.formnoticeinner .requiredfield
{
    height: auto;
}

.formnoticeinner .heading
{
    font-size: 17px;
    color: #9aad4c;
    font-weight: bold;
    letter-spacing: -0.005em;
    margin-bottom:7px;
}

.formnoticeinner .messagearea
{
    margin-bottom:10px;
}

.formnoticeinner .input
{
    margin: 0px 10px 0px 0px;
}

.formnoticeinner .label
{
	position: relative;
	top: -2px;
}

.content3border
{
    border: 1px solid #dddddd;
    border-top: 0px solid black;
    margin: 0px 20px 0px 20px;
}

.cstep
{
    position: relative;
    font-size: 12px;
    color: #ffffff;
    background-repeat: repeat-x;
    background-position:top;
    margin: 0px 19px 0px 0px;
    vertical-align: top;
	height: 62px;
	max-height:62px;
    text-align:left;
}

.createprofile .deleteaccount
{
    font-size: 12px;
    margin: 7px 0px;
}

.createprofile .label
{
    padding: 5px 0px 0px 0px;
}

.createprofile .deleteprofilebutton
{
    background-color: #ffffff;
    padding: 0px 10px 0px 30px;
    margin: 0px 20px 0px 10px;
    border: 0px;
    
}

.createprofile .deleteaccountbutton
{
    background-color: #ffffff;
    padding: 0px 10px 0px 30px;
    margin: 0px 20px 0px 10px;
    border: 0px;
	font-weight: bold;
}

.imagebuttontext
{
    color: #006699;
    font-size: 12px;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    letter-spacing: -0.010em;
    text-align: left;
}

.arrowtop
{
    width: 113px;
    height: 39px;
	margin-top: 3px;
	position:relative;
	left: -2px;
}

.arrowbottom
{
    margin-bottom: 12px;
    width: 113px;
    height: 25px;
    background-position: bottom;
}

.steparrow
{
    width: 113px;
    height: 62px;
    background-position: bottom;
	position:relative;
	left: -2px;
}

.smallsteparrow
{
    width: 81px;
    height: 62px;
    position:relative;
	left: -2px;
}

.steptext
{
    font-size:22px;
    font-weight:bold;
    display: inline-block;
    margin: 7px 0px 0px 16px;
    letter-spacing: -0.02em;
}

div.createprofile > div.contenttop > div.contentbottom > div.content > div >  div.cstep > span.steptext
{
    margin-top:14px;
}

.steptextemail
{
    font-size:12px;
    font-weight:bold;
    display: inline-block;
    margin: 7px 0px 0px 16px;
    /*letter-spacing: -0.02em;
    text-align:justify;*/
     margin-right: 20px;
  
    
}
.stepsubtext
{
    font-size:16px;
    margin: 0px 0px 0px 16px;
    display: inline-block;
	font-weight: normal;
}

.stepright
{
    font-size:12px;
    margin: 15px 10px 0px 16px;
    display: inline-block;
    border-bottom: 1px dotted #ffffff;
    text-align:right;
    font-weight: bold;
}

.createprofile .vphistory,
.createprofile .vphistory:hover,
.createprofile .vphistory:active,
.createprofile .vphistory:visited
{
    color: #ffffff;
	text-decoration: none;
}

.chooseimage
{
    text-align: center;
    height: 415px;
    font-size: 7pt;
    margin-right:20px;
}

.choosebutton
{
    padding-left: 30px;
    width: 112px;
    height: 25px;
    font-size: 12px;
    color: #006699;
    font-weight: bold;
    background-color: #ffffff;
    border: 0px solid black;
    margin-top: 10px;
    cursor:hand;
    text-align: left;
}

.removebutton
{
    padding-right: 4px;
    width: 112px;
    height: 25px;
    font-size: 12px;
    color: #006699;
    font-weight: bold;
    background-color: #ffffff;
    border: 0px solid black;
    margin-top: 7px;
    cursor:hand;
	text-align: right;
}

.uploadimage
{
    margin: 0px 4px;
}

.heightdiv
{
    padding-right: 25px;
}

.formlabel
{
    width: 90px;
    margin-top: 2px;
    font-size:12px;
    font-weight:bolder;
    padding-left: 10px;
    padding-bottom: 10px;
}

.reqlabel
{
    padding-left: 0px;
    /*width: 70px !important;*/
    width: 100px !important;
    margin-left: 0px;
    display:inline-block;
}
.reqlabel label 
{
    /*display:inline-block;*/
}
.formlabeldouble
{
    width: 140px;
    margin-top: 2px;
    font-size:10pt;
    font-weight:bolder;
    padding-left: 10px;
}

.reqlabeldouble
{
    width: 150px;
    padding-left: 0px;
}

.formpadleft
{
    width: 600px;
    padding-left: 150px;
    text-align:right;
}

.pwerror
{
    width: 426px;
    border: 2px dashed #bbbbbb;
    font-size: 10pt;
    font-weight:bold;
    color: darkred;
    background-color: #ddee99;
    padding: 12px 8px;
    text-align: left;
}

.form
{
    width:410px;
}

.formblurb
{
    border: 1px solid black;
}

.formrow
{
    vertical-align: middle;
    margin-bottom: 14px;
}

.formrow .text
{
    margin-top: 4px;
}

.physact
{
    width: 250px;
    height: 150px;
}

.bottomnotice
{
    padding: 12px;
    color: #212121;
    background-color: #f8f8f8;
    margin: 40px auto 0px auto;
    width: 868px;
}

.prablurb
{
    font-size:10px;
    line-height: 140%;
    text-align:left;
}

.callout
{
    width: 260px;
    background-color: #ffffff;
    padding: 0px;
    margin-left: 0px;
    font-size: 8pt;
    top: 0px;

}

.co1
{
	background-position: 0% 100%;
	background-repeat: repeat-x;
}

.co2
{
	background-position: 0% 100%;
	background-repeat: repeat-x;	
}


.calloutarrow
{
    width: 10px;
    height:14px;
    z-index: 999;
    position: absolute;
    top: 10px;
    left: 0px;
    background-color: #ffffff;
}

.calloutright
{
    width: 229px;
    padding:7px 10px 7px 10px;
    border: 1px solid #dddddd;
}

.contentdivider
{
    border-bottom: 1px solid #dddddd;
    /*width: 100%;*/
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.contentdivideremail
{
    border-bottom: 1px solid #dddddd;
    width: 100%;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

/* login form selectors */

.loginout .desc
{
	line-height: 30px;
}

.loginout .header
{
	font-size: 28px;
	font-weight: bold;
	letter-spacing: -0.05em;
}

.loginmessage, .lockoutmessage
{
    padding: 16px 0px 0px 0px;
    margin-bottom: 7px;
}

.loginout .statusimg
{
    position:absolute;
    left: 10px;
    top: 0px;
    z-index: 999;
}

.loginout .topmessageleft
{
    width: 100%;
    height: 47px;
    background-position: left;
    background-repeat: no-repeat;
	margin-bottom: 15px;
}

.loginout .topmessageright
{
    height: 47px;
    padding-right: 10px;
	margin-left: 10px;
    background-position: right;
    background-repeat: no-repeat;
}

.loginout .topmessagemid
{
    background-color: #c8e167;
    color: #ffffff;
    font-size: 24px;
    letter-spacing: -0.02em;
    font-weight: bold;
    vertical-align:middle;
    padding-left: 92px;
    padding-top: 9px;
    height:38px;
}

.lockoutmessage .topmessagemid
{
	background-color: #e57f98;
}

.newusermessage .headlabel
{
    font-family: Arial;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-top: 7px;
    letter-spacing: -0.02em;
}

.login .loginerror
{
	padding-bottom: 20px;
}

.loginerror .outer
{
	border: 1px dashed #dddddd;
	color: #d32954;
	font-size: 12px;
	background-color: #f8f8f8;
	text-align: left;
	width: 337px;
	min-height: 55px;
	margin-bottom: 10px;
}

.loginerror .inner
{
	margin: 10px;
	padding-left: 45px;
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 1;
}

.loginerror .bold
{
	font-size: 14px;
	padding-bottom: 5px;
	display: block;
}

.newusermessage .text
{
    font-size: 14px;
    line-height: 1.2;
}

.loginout .showusername
{
	min-width: 180px;
	display: inline;
	padding: 0px 10px;
	height: 19px;
	background-color: #effbff;
	font-size: 11px;
	font-weight: bold;
	color: #212121;
	margin: 0px 0px 20px 10px;
}

.loginout .username
{
	margin-left: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #e73b66;
}

.loginout .steplabel
{
	font-size: 20px;
	font-weight: bold;
	color: #b5d43c;
}

.login .textinput
{
    width: 238px;
    height:35px;
    border: 1px solid #dddddd;
	padding: 10px 10px 0px 10px;
	max-height: 27px;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}

.login .info
{
	margin-top: 4px;
}

.loginbutton
{
    margin: 3px 30px 20px 0px;
    text-shadow: rgba(29,129,42,.8) 0px -1px;
    text-align:center;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: -0.02em;
    border: 0px;
    background-color: #ffffff;
}

.loginout .backbutton
{
	margin: 50px 0px 100px 530px;
	width: 195px;
	height: 136px;
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: -0.02em;
	text-shadow: rgba(152, 181, 39, 1) 0px -1px;
	vertical-align: top;
	cursor: hand;
	background-color: #ffffff;
    border: 0px;
}

.logintop
{
    width: 410px;
    padding-top: 15px;
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0px 15px 19px 0px;
}

.loginbottom
{
    width: 410px;
    padding-bottom: 15px;
    background-position: bottom left;
    background-repeat: no-repeat;
}

.login
{
    width: 368px;
    margin: 0px 32px 0px 0px;
    padding: 15px 11px 0px 31px;
    font-size: 11px;
    background-repeat: repeat-y;
	background-position: left;
	line-height: 1;
}

.usernameemail
{
	margin-left: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #e73b66;
}

.showusernameemail
{
	min-width: 180px;
	display: inline;
	padding: 3px 10px;
	height: 19px;
	background-color: #effbff;
	font-size: 11px;
	font-weight: bold;
	color: #212121;
	margin: 0px 0px 20px 10px;
}
.login .loginleft
{
	font-size: 12px;
}

.loginout .steptop
{
	padding-left: 18px;
}

.loginout .stephead
{
	font-size: 20px;
	font-weight: bold;
	color: #b5d43c;
	display: inline;
	margin-right: 12px;
}

.loginout .steptext
{
	font-size:14px;
	line-height: 1.2;
	display: inline;
}

.forgotwiz, .forgotwiz *
{
	margin: 0px;
	padding: 0px;
}


.stepbottom .loginbutton
{
	margin: 15px 12px 12px 0px;
}

.forgotpw .logintop
{
	margin-top: 14px;
	padding-top: 11px;
	width: 458px;

}

.forgotpw .loginbottom
{
	padding-bottom: 11px;
	width: 458px;
}

.forgotpw .stepbottom
{
	min-height: 66px;
	max-height: 66px;
	padding-right: 10px;
}

.forgotpw .login
{
	padding: 20px 10px 0px 30px;
	width: 418px;
}


.forgotpw .success
{
	font-size: 28px;
	font-weight: bold;
	color: #212121;
	letter-spacing: -0.02em;
	height: 58px;
	background-position: left top;
	background-repeat: no-repeat;
	padding: 20px 0px 0px 80px;
	margin-bottom: 265px;
}

.forgotpw .loginbutton
{
	margin: 15px 12px 12px 0px;
}

.forgotpw .loginleft
{
	font-weight: normal;
	font-size: 11px;
	width: 110px;
   
}

.forgotpw .loginleftemail
{
	font-weight: normal;
	font-size: 11px;
	width: 110px;
    padding-top:1px;
   
}

.forgotpw .textinput
{
	width: 240px;
	margin: 0px 7px 15px 0px;
}

.login .verify
{
	font-size: 12px;
	letter-spacing: -0.005em;
	margin-top: 20px;
}

.login .verify:first-child
{
	margin-top: 0px;
}

.login .verify .textinput
{
	width: 380px;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	margin: 10px 0px 5px 0px;
	
}

.loginleft
{
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    padding-right:10px;
    width: 68px;
}

.loginright
{
    padding-bottom: 17px;
    width:290px;
    max-width: 290px;
    text-align:left;
}
.login .loginresetemail
{
    font-size: 12px;
    margin-left: 17px;
    margin-right:40px;
  
}
.login .failuretext
{
    color: Red;
}


.logincreatesavebutton
{
    height: 79px;
    width: 203px;
	/*padding: 33px 33px 33px 18px;*/
    /*padding-right: 33px;*/
    /*padding-left: 18px;*/
	border: 0px;
	margin: 0px 0px 0px 135px;
	background-repeat: no-repeat;
	/*text-align: left;*/
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: -0.02em;
	text-shadow: rgba(152, 181, 39, 1) 0px -1px;
	overflow: inherit;
	background-color: #ffffff;
	white-space: normal;
	cursor: hand;
}

.topbannerbg
{
    background-repeat: repeat-x;
    background-position: top;
    width:100%;
    text-align: center;
    min-height: 311px;
}

.topbanner
{
    /* equalizer-looking background pattern */
    padding-top: 38px;
    min-height: 264px;
    background-color: #ffffff;
    background-repeat: repeat-x;
    background-position: top;
}

.bannerleft
{
    width: 296px;
    margin: 0px 26px 0px 10px;
    text-align: center;
	height: 100%;
}

.bannerright
{
    width: 590px;
    min-height: 264px;
    overflow:hidden;
    vertical-align: middle;
    margin-right: 20px;
    text-align:left;
    
}
.bannerbetaimg
{
    /*background-image: url(../img/layout/BetaIcon2.png);
    background-repeat: no-repeat;
    position:relative;
    float:right;
    left: -200px;
    width: 68px;
    height: 54px;*/
    
}

.bannerlist
{
    margin-top: 10px;
    height: inherit;
}

.bannerbullet
{
    width: 12px;
    height: 12px;
    margin: 0px 4px 0px 4px;
}

.bannerbulletlist
{
    margin-top: 4px;
}

.bannerbulletlabel
{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

.bannerbutton
{
    margin: 8px 85px 0px 20px;
    text-align: center;
}

.homebottombg
{
    background-position:top;
    background-color: #ffffff;
    background-repeat: repeat-x;
    width: 100%;
    text-align:center;
}

.homebottom
{
    padding: 20px 0px 0px 0px;
    font-size:10pt;
    height: 400px;
    margin: 0px auto;
    z-index: 1;
}

.featureimg
{
    position: absolute;
    top: 155px;
    left: 150px;
    z-index: 1;
    width: 81px;
    height: 59px;
    background-position: top left;
    background-repeat: no-repeat;
}

.feat1
{
    
}

.feat2
{
    left: 348px;
    top:160px;
    width: 123px;
    height: 54px;
}


.feat3
{
    left: 612px;
    top: 152px;
    width: 99px;
    height: 62px;
}

.feat4
{
    top: 334px;
    left: 119px;
    width: 112px;
    height: 61px;
}

.feat5
{
    top: 323px;
    left: 363px;
    width: 110px;
    height: 74px;
}

.feat6
{
    top: 319px;
    left: 599px;
    width: 112px;
    height: 76px;
}

@-moz-document url-prefix() {
	.featureimg
	{
		top: 175px;
	}

	.feat2
	{
		top: 180px;
	}

	.feat3
	{
		top: 172px;
	}

	.feat4
	{
		top: 354px;
	}

	.feat5
	{
		top: 343px;
	}

	.feat6
	{
		top: 339px;
	}
}

.homefeature
{
    display:inline;
}

.home6up, .home6up2
{
    /* background image */
    background-position: top;
    background-repeat: no-repeat;
    width: 220px;
    margin: 0px 10px 16px 10px;
    padding-top: 17px;
    text-align:left;
    font-size: 12px;
    color: #333333;
}

.home6up2
{
    height: 146px;
}

.homefeature .bottomcorners
{
    width: 220px;
    padding-bottom: 7px;
    background-repeat: no-repeat;
    background-position: bottom;
}

.homefeature .borders
{
    width: 218px;
    height: 179px;
    padding-top: 10px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    background-color: #ffffff;
}

.homefeature .text
{
    padding: 0px 7px 8px 7px;
    height: 68px;
}

.homefeature .desc
{
    line-height: 1.2em;
}

.homefeature .textinput
{
	font-size: 11px;
	color: #333333;
	margin: 0px 7px;
	padding:2px;
}

.homefeature .ddlinput
{
    font-size: 10px;
    color: #333333;
    margin: 3px 7px 0px 7px;
	height: 20px;
	vertical-align: middle;

}

.homefeature .button
{
    width: 25px;
    height: 20px;
    color: #ffffff;
    background-repeat: no-repeat;
    font-size: 11px;
}

.home6up2 .text
{
    height: 68px;
}

.home6up2 .borders
{
    height: 131px;
}

.homefeature .title
{
    font-size: 18px;
    font-weight:bold;
    letter-spacing: -0.025em;
}

.homebottomright
{
   /* background-image:url(../img/layout/home_lower_right_image.png); */
    float:right;
    background-position: bottom right;
    background-repeat: no-repeat;
    text-align: right;
    height: 400px;
    margin-right: 1px;
	overflow: visible;
	bottom: 0px;
}
.homebottimg
{
    float: right;
    margin: 20px -10px 0px 0px;
}
.homebottomright .text
{
    padding-top:13px;
    margin-right:12px;
    text-align:center;
    width: 220px;
}

.homebottomright .title
{
    color:#ffffff; 
    font:bold 34px Arial, Helvetica, sans-serif; 
    text-shadow: rgba(182,182,182,.8) 0px -1px; 
    letter-spacing: -.02em;
	display: block;
}

.homebottomright .desc
{
    font-size: 13px;
    color: #333333;
    line-height: 1.35;
}

.homebottomrightimg
{
    margin-top: 64px;
}

.bottomrightbutton
{
    width: 196px;
    height:42px;
    padding: 14px 12px 14px 34px;
    border: none;
    color:#ffffff; 
    font: bold 12px Arial, Helvetica, sans-serif; 
    text-shadow: rgba(29,129,142,.8) 0px -1px; 
    letter-spacing: .015em;
    cursor: hand;
}

.thingraylarge
{
    font-size: 30px;
    color: #666666;
}

.captionTM
{
    height: 46px;
    font-size: 6pt;
    color:#666666;
}

.hometitle
{
    font-size: 38px;
    font-family: Arial Black, Arial, Sans-Serif;
    font-weight: normal;
}

.td results
{
    background-color: Lime;
}

.searchcontrol, .searchresults
{
	width: 530px;
	color: #212121;
	font-size: 12px;
	line-height: 1;
	text-align: left;
	border-collapse: collapse;
}

div.favoritesearch > div.noResults > div.title
{
    width:100%;
    padding-bottom:8px;
}

div.favoritesearch > div.noResults > div.noResults
{
    clear:left;
}

.searchcontrol .category
{
	padding: 7px 0px 0px 0px;
}

.searchcontrol .title
{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.01em;
}

.searchcontrol .ddlinput
{
	width: 180px;
	margin-left: 4px;
}

.searchcontrol .ddlinput option
{
    width: 300px;
}

.searchcontrol .fortext
{
	padding: 3px 7px 3px 6px;
	display: inline-block;
	font-weight: bold;
}

.searchcontrol .tiplink
{
	font-size: 10px;
}

.searchcontrol select
{
    font-size: 12px;
}

.searchcontrol .textinput
{
	height: 17px;
	max-height: 17px;
	padding: 10px 10px 5px 10px;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	width: 200px;
	margin-bottom: 5px;
	vertical-align: middle;
}

.searchcontrol .searchbutton
{
    width: 25px;
    height: 20px;
    color: #ffffff;
    background-repeat: no-repeat;
    font-size: 11px;
	font-weight: bold;
	border: 0px;
	background-color: #ffffff;
	text-align:center;
	padding:0px;
	margin: 5px 0px 0px 8px;
	cursor: pointer;
}
 
.favactivities .searchheader th
{
    height: 30px;
}
 
.favactivities .activitycol { width: 211px; padding-right: 5px; }
.favactivities .intensitycol { width: 108px; padding-right: 5px; }
.favactivities .durationcol { width: 70px; padding-right: 5px; }
.favactivities .miecol { width: 80px; padding-right: 5px; }
.favactivities .rightcell { width: 108px; }
 
 
 
 .searchresults .subhead
{
    display: inline-block;
    padding-top: 16px;
    font-size: 12px;
    font-weight: normal !important;
    letter-spacing: -0.01em;
    
}
 
 
.searchresults tr, 
.searchresults th, 
.searchresults td
{
	border: 0px none;
	font-size: 12px;
}
.searchresults .title
{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -0.01em;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 3px;
	margin-bottom: 15px;
	margin-top: 0px;
}

.searchresults .topbar
{
	background-color: #ffffff;
	font-weight: normal;
	border: 1px solid #dddddd;
}

.searchresults .topbarbg
{
	margin: 1px;
	height: 21px;
	background-color: #f5f5f5;
	background-position: top;
	background-repeat: repeat-x;
	padding: 11px 10px 14px 10px;
	line-height: 1;
}

.searchresults .topbarbg .desc
{
	padding-top: 5px;
	text-align: left;
	/*width: 100%;*/
}

.searchresults .listitem td:first-child,
.searchresults .altlistitem td:first-child,
.searchresults .searchheader th:first-child,
.searchresults .footrow td:first-child
{
    /* ---- AZ 9/18 - Took out the !importants to correct the unwanted border on the rank cells  */
    
    /*border-left: 1px solid #dddddd !important;
    border-right: 1px solid #dddddd !important;*/
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    
}


.searchresults table, .searchresults tr, .searchresults th, .searchresults td
{
    
}
.searchresults table table
{
    
    overflow: visible;
}

.searchresults .pagerow td
{
    background: #ffffff;
    position: relative;
    left: 2px;
    z-index: 100;
    border-right: 1px solid #ffffff !important;
}

.favoritesearch .smalladdbutton
{
    display: none;
}


.searchresults .rightedge
{
    border-right: 1px solid #dddddd;
    position:absolute;
    bottom: 100%;
    top: 0%;
    left: 0%;
    right: 100%;
}

.searchresults .topbarbg .ddlinput
{
    position: relative;
    top: 0px;
    left: 0px;
}

.searchresults .sortlist .sortlistinner
{
    /*padding-top: 5px;*/
}

.searchresults .sortlist label
{
    margin: 0px 3px 0px 5px;
    display: inline-block;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: -0.01em;
}

.searchresults .sortlist
{
    /*border-left: 1px solid #dddddd !important;
    border-right: 1px solid #dddddd !important;
    border-bottom: 1px solid #ddd;*/
    padding-bottom:20px;
    padding-top:4px;
}

.searchresults .leftedge,
.searchresults .rightedge
{
    padding-left: 10px;
}

.fooddetails .searchresults
{
    width: 258px !important;
    max-width: 258px !important;
}

.fooddetails .searchresults .caloriecell,
.searchresults .leftcell,
.searchresults .rightcell
{
    width: 100%;
}

.rowbg
{
    min-height: 28px;
    padding: 0px 0px 0px 5px;
    /*top: 5px;
    position: relative;*/  /* ----  9/18 AZ taken out to fix issues with the search results bottom border*/
}

.rowbg A
{
    position: relative;
    display: block;
    padding: 0px 0px 0px 25px;
}

.rowbg div
{
   padding-left:25px; 
}

.fooddetails .searchresults .rowbg
{
    min-width: 59px;
}

.fooddetails .searchresults .leftcell
{
    width: 128px;
    max-width: 128px;
}

.fooddetails .searchresults .caloriecell
{
    width: 69px;
    max-width: 69px;
   
}

.fooddetails .searchresults .caloriecell span
{
    display: inline-block;
    padding-left: 2px;
   
}

.searchresults .sortlist .sortlistinner
{
    width: 100%;
}

.searchresults .sortlist .editlist
{
    width: 74px;
    height: 22px;
    border: 0px none;
    font-size: 9px;
    color: #006699;
    text-align: right;
    font-weight: bold;
    letter-spacing: -0.02em;
    text-shadow:rgba(255,255,255,1) 0px 1px;
    line-height: 1;
    padding-top: 2px;
    padding-right: 3px;
    vertical-align: top;
    margin: 5px 0px 12px 5px;
    cursor: pointer;
}

.searchresults .searchheader th,
.searchresults .searchheader td
{
    text-align: left !important;
    font-size: 12px;
    letter-spacing: -0.01em;
}

.searchresults .searchheader .leftcell span
{
    position: relative;
}




.searchresults .leftedge
{
    padding-left: 10px;
}

.searchresults .rightcell
{
    text-align: right !important;
}

.searchresults .removebutton,
.searchresults .editbutton
{
    font-size: 9px;
    color: #006699;
    letter-spacing: -0.02em;
    height: 17px;
    border: 0px none;
    text-align: left;
    font-weight: bold;
    position: relative;
    top: -3px;
}

.searchresults .removebutton
{
    width: 56px !important;
    padding: 0px 0px 0px 16px !important;
    margin: 0px !important;
    cursor: pointer;
}

.searchresults .editbutton
{
    width: 46px;
    padding: 0px 0px 0px 21px !important;
    margin: 0px 5px 0px 2px;
    cursor: pointer;
    
}

.searchresults .listitem td, .searchresults .altlistitem td,
.searchresults .listitem, .searchresults .altlistitem
{
	padding: 8px 0px 8px 0px;
	line-height: 1;
	text-align: left !important;
}

.searchresults .listitem td, .altlistitem td
{
	padding: 8px 0px 8px 0px;
	text-align: left;
	min-height: 12px;
}

.searchresults .smalladdbutton
{
    border: 0px none;
    padding: 0px 5px 0px 0px;
    width: 38px;
    height: 16px;
    /*text-align: right;*/
    line-height: 1;
    color: #ffffff;
    text-shadow:rgba(29,129,142,.8) 0px -1px;
    letter-spacing: -0.02em;
    font-size: 10px;
    float: right;
    cursor: pointer;
    position: relative;
    top: -5px;
}

.searchresults .listitem .comboitem *,

.searchresults .listitem,
.searchresults .altlistitem,
.searchresults .listitem td,
.searchresults .altlistitem td
{
    /*height: 100%;*/ /* ---- AZ commented this out to fix a bug introduced into firefox */
}

.searchresults .rank
{
	width: 32px;
	max-width: 32px;
	margin-left: 5px !important;
}

.searchresults .altlistitem td,
.searchresults .altlistitem td .rowbg
{
	background-color: #f8f8f8;
}



.searchresults .leftcell .rowbg span
{
    display: block;
    
}

.searchresults .leftcell .rowbg span span
{
    display: inline-block !important;
}

.searchresults .footrow,
.searchresults .footrow td
{
	border-bottom: 1px solid #dddddd !important;
}

.searchresults .footrow div
{
    /*min-height: 1px;
	max-height: 1px;*/  /* 9/18 AZ changed height to 1px from 12px and removed the min and max size to allow the box to grow if needed. 
                            This is to remove the unneeded padding underneath the rows but keep the bottom border and 
                            effects search results in both foodtracker, favorite foods*/
	height: 1px;
}

.searchresults .pagerow,
.searchresults .pagerow td
{
	padding-top: 12px;
	border: 0;	
}

.searchresults .pagination
{
	padding: 0px 10px 0px 0px;
	font-size: 10px;
	line-height: 1;
	color: #bbbbbb;
}

.searchresults .pagerow .ddlinput
{
	margin: 1px 10px 0px 0px;
}

.searchresults .pagination *
{
	display: inline-block;
	float: left;
}

.searchresults .pageleft, .searchresults .pageleftoff, .searchresults .pageright, .searchresults .pagerightoff, .searchresults .pagenumbers
{
	margin-bottom: 8px;
	vertical-align: middle;
	background-repeat: no-repeat;
}

.searchresults .inactive
{
    padding-top: 0px !important;
}

.searchresults .pageleft, .searchresults .pageleftoff
{
	background-position: bottom left;
	padding-left: 11px !important;
	padding-right: 8px !important;
}

.searchresults .pagination .pagenumbers
{
	margin-left: 10px;
}

.searchresults .pagination .number
{
	margin-right: 10px;
}


.searchresults .inactive, .searchresults .inactive:link, .searchresults .inactive:active, .searchresults .inactive:visited, .searchresults .inactive:hover
{
	color: inherit;
	text-decoration: none;
	top: 0px;
}

.searchresults .noresults
{
	font-size: 18px;
	margin-top: 20px;
}

/* Profile History selectors */
.history .searchresults
{
	width: 910px;
	max-width: 910px;
}

.history .pagetitle
{
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 3px;
	margin-bottom: 6px;
}

.history .headgradient
{
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 6px;
}

.history .backbutton
{
	width: 140px;
	height: 20px;
	background-color: none;
	background-repeat: no-repeat;
	border-width: 0px;
	padding: 3px 0px 0px 18px;
	margin: 0px;
	display: inline-block;
}

.history .searchresults td, .history .searchresults tr,  .history .searchresults th
{
	border-width: 0px;
}

.history .topbar
{
	border: 1px solid #dddddd;
	width: 909px;
	margin: 0px;
	position: relative;
	left: -1px;
}

.history .buttontext
{
	font-size: 12px;
	color: #006699;
	letter-spacing: -0.01em;
	font-weight: bold;
}

.history  .searchresults .removebutton
{
	width: 53px;
	height: 18px;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

.history .bullet
{
	
	height: 8px;
	position: relative;
    top:10px;
	background-repeat: no-repeat;
}

/* search tip selectors */
.searchtips
{
	position:relative;
	color: #212121;
}

.searchtips .contentbottom
{
	padding-bottom: 40px;
}

.searchtips .contentdivider
{
	margin: 10px 0px 20px 0px;
}

.searchtips .topimg, .searchtips table
{
	width: 910px;
}

.searchtips .topimg
{
	margin: 2px 0px 0px 0px;
	height: 41px;
}

.searchtips table
{
	border-collapse: collapse;
	margin: 5px 0px 35px 0px;
}

.searchtips .examples .smalltable
{
    width: 220px;
	border-collapse: collapse;
	border: 0;
	margin: 5px 0px 17px 0px;
}

.searchtips table, .searchtips .headrow, .searchtips .topborderfix
{
	border: 1px solid #dddddd;
}

.searchtips .bottomborderfix
{
	border: 1px solid #dddddd;
	border-bottom-width: 1px;
	border-top-width: 0px;
}

.searchtips .headrow td
{
	border-width: 0px;
	height: 39px;
	max-height: 39px;
}

.searchtips, .searchtips td
{
	line-height: 1;
}

.searchtips .header
{
	font-size: 28px;
	letter-spacing: -0.01em;
	font-weight: bold;
	display: inline-block;
	padding-bottom: 5px;
}

.searchtips .headbg
{
	border: 0px solid #f5f5f5;
	border-width: 1px 0px;
	height: 26px;
	padding: 11px 0px 0px 12px;
	font-size: 16px;
	color: #666666;
	font-weight: bold;
}

.searchtips .problem .headbg
{
	padding-left: 10px;
}

.searchtips .edge:first-child .headbg
{
	border-left-width: 1px;
}

.searchtips .rightcell
{
	text-align: right;
}

.searchtips .rightcell .headbg
{
	border-right-width: 1px;
	float: right;
}

.searchtips .topborderfix
{
	border-bottom-width: 0px;
}

.searchtips .topborderfix td,
.searchtips .bottomborderfix td
{
	border-width: 0px;
	height: 10px;
}

.problemrow .problem,
.problemrow .hint,
.problemrow .examples
{
	padding: 10px 12px;
}

.searchtips .alt .problem,
.searchtips .alt .hint,
.searchtips .alt .examples
{
	background-color: #f8f8f8;
}

.searchtips .edge
{
	width: 10px;
	max-width: 10px;
	padding: 0px;
}

.searchtips .headrow .rightcell
{
	border-right-width: 1px;
}

.searchtips .problemrow *
{
}

.searchtips .problemrow .td
{
	font-size: 12px;
}

.searchtips .problemrow .hint
{
	border-width: 0px 2px;
	border-style: solid;
	border-color: #f8f8f8;
	width: 200px;
	line-height: normal;
	text-align:justify;
}

.searchtips .alt .hint
{
	border-color: #ffffff;
	line-height: normal;
}

.searchtips .hint *
{
	display: block;
	padding-bottom: 6px;
	font-size: 12px;
	line-height: normal;
}

.searchtips .hint .bold
{
	padding-bottom: 9px;
}

.searchtips .problemrow .examples
{
	width: 350px;
	font-size: 12px;
}

.searchtips .problemrow .examples ul,
.searchtips .problemrow .examples li
{
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
}

.searchtips .problemrow .examples li
{
	margin: 0px 0px 15px 15px;
	padding-left: 6px;
	line-height: 1.2;
}


.searchtips .midcell .innerbg *
{
	padding-bottom: 6px;
	display: inline-block;
}

.searchtips .problem
{
	color: #d32954;
	font-size: 13px;
	font-weight: bold;
}

.meatquantity
{
   font-size: 15px; 
    
}

/* top 10 search result suggestion selectors */

.autocomplete
{
	text-align: left;
	padding: 0px 0px 10px 0px;
	background-position:bottom left;
	background-repeat: no-repeat;
	min-width: 214px;
	max-width: 214px;
    position:absolute;
	z-index: 9999;
    margin: 2px 0px 0px 0px;

}

.autocomplete, .autocomplete *
{
	cursor: hand;
}

.autocomplete .item, .autocomplete .highlighteditem
{
	background-position: top left;
	background-repeat: repeat-y;

	display: block;
	padding: 5px 14px 5px 14px;
	color: #006699;
	font-size: 12px;
	border: 0px solid black;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
		min-width: 186px;
	width :auto;
}

.autocomplete .highlighteditem
{
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
}

.searchcontrol .autocomplete
{
	min-width: 243px;
	max-width: 243px;
	
}

/* food detail card control selectors */

.fooddetails
{
	width: 300px;
	line-height: 1;
	text-align: left;
}

.fooddetails .tabs
{
	width: 100%;
	min-height: 400px;
	position: relative;
}

.fooddetails .tabs,
.fooddetails .tabs *
{
	padding: 0px;
	margin: 0px;
}

.fooddetails .tab:hover,
.fooddetails .tab:active,
.fooddetails .tab
{
	text-decoration: none;
	color: #666666;
	top: 0px;

}

.fooddetails .tab
{
	min-height: 35px;
	font-size: 13px;
	letter-spacing: -0.01em;
	font-weight: bold;
	color: #666666;
	line-height: normal;
}

.fooddetails .toptabs
{
	margin-left: 4px;
}

.fooddetails .detailsactive, 
.fooddetails .details
{
	font-size: 13px;
	vertical-align: top;
	text-align: center;
	width: 110px;
	display: inline-block;
	font-weight: bold;
	text-shadow:rgba(255,255,255,1) 0px -1px;
	/*margin-left: 4px;*/
}

.fooddetails .details {	float: left; }

.fooddetails .detailsactive
{
	font-size: 13px;
	padding-top: 8px;
	position: absolute;
	top: 0px;
	left: 5px;
	z-index: 1;
}

.fooddetails .favactive, 
.fooddetails .fav
{
	padding: 8px 10px 0px 0px;
	width: 148px;
	font-size: 13px;
	vertical-align: top;
	/*margin: 0px 4px;*/
	line-height: normal;
	text-align: center;
}

.fooddetails .fav { float: right; }

.fooddetails .favactive {
    font-size: 13px;
	position: absolute; 
	top: 0px; 
	left: 110px;
	white-space: nowrap;
	overflow: visible;
    -ms-text-shadow:rgba(255,255,255,1) 0px -1px;
    text-shadow:rgba(255,255,255,1) 0px -1px;
	letter-spacing: -0.01em;
	padding-left: 5px;
}

.fooddetails .tabs .inactive
{
	display: inline-block;
	padding: 8px 4px 0px 2px;
	margin-left: 3px;
}

.fooddetails .cardtop
{
	margin: 0px;
	height: 6px;
	max-height: 6px;
}

.fooddetails .card
{
	width: 300px;
	height: 100%;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color: #212121;
}

.fooddetails .cardpad
{
	padding: 0px 11px;
}

.fooddetails .cardbottom
{
	padding-bottom: 6px;
}

.fooddetails .removebutton
{
    margin-top: 3px;
	width: 57px;
	height: 17px;
	padding: 0px 0px 0px 18px;
	line-height: 1;
	letter-spacing: -0.02em;
	font-weight: bold;
	text-align: left;
	font-size: 9px;
}

.fooddetails .foodname
{
	display: inline-block;
	width: 230px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 6px;
	margin: 8px 0px 9px 0px;
}

.fooddetails .card .ddlinput
{
	margin: 5px 0px 12px 0px;
	font-size: 11px;
}

.fooddetails .card .timeprofile
{
	width: 100%;
	margin-bottom: 30px;
}

.fooddetails .card .timeprofile input
{
	margin: 5px 5px 0px 0px;/**/
	*margin: 0;
}

.fooddetails .card .timeprofile td
{
	width: 50%;
	padding-left: 10px;
	word-break: break-all;
}

.fooddetails .card .timeprofile td:first-child
{
	width: auto;
	padding-left: 0px;
}

.fooddetails .addbutton,
.fooddetails .cancelbutton,
.fooddetails .addfoodtrackerbutton

{
	width: 61px;
	height: 22px;
	padding-left: 23px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: -0.01em;
	border: 0;
	padding-bottom: 2px;
	color: #ffffff;
	text-shadow: rgba(29,149,142,.8) 0px -1px;
	margin-bottom: 15px;
	text-align: left;
	cursor: pointer;
}

.fooddetails .addbutton:focus,
.fooddetails .cancelbutton:focus,
.fooddetails .addfoodtrackerbutton:focus {
    background-color: #E0F1EA;
    color: #000066;
    font-weight: bold;
}


.fooddetails .addfoodtrackerbutton
{
	width: 181px;
	padding-left: 30px; /* ---- 9/18 AZ - changed from 30px to allow more space on button */
	margin-bottom: 10px;
    height: 22px;
    color: #FFF;
    font-weight:bold;
    font-size: 11px;
	border: 0;
	text-shadow:rgba(29,129,142,.8) 0px -1px;
	cursor: pointer;
}

.fooddetails .addfoodapediabutton
{
    height:22px;
    font-size: 11px;
	font-weight: bold;
	width: 181px;
	padding-left: 30px;
	border: 0;
	padding-bottom: 2px;
	color: #ffffff;
	text-shadow: rgba(29,149,142,.8) 0px -1px;
	margin-bottom: 15px;
}
.fooddetails .cancelbutton
{
	text-align: center;
	width: 62px;
	padding-left: 0px;
	text-shadow: rgba(255,255,255,1) 0px 1px;
	color: #666666;
	margin-left: 3px;
}

.fooddetails .info
{
	width: 258px;
	padding: 0px 5px;
}

.fooddetails .infotabs
{
	margin-bottom: 7px;
}

.fooddetails .infotabs td
{
	max-height: 26px;
	padding-top: 4px;
	text-align: center;
	width: 129px;
	font-size: 14px;
	font-weight: bold;
	background-color: #f5f5f5;
	border: 1px solid #dddddd;
	border-width: 1px 0px;
}

.fooddetails .subtab *
{
	color: #999999;
}

.fooddetails .active .subtab *
{
	color: #ffffff;
	text-shadow: none !important;
}

.fooddetails .subtab *:hover,
.fooddetails .subtab *:active,
.fooddetails .subtab *:focus
{
	text-decoration: none;
	top: 0px;
    background-color: transparent;
}

.fooddetails .nodetails,
.fooddetails .added
{
	width: 246px;
	/*padding: 11px 0px;*/
    padding: 0px 0px 11px 0;
	/*margin-top: 25px;
	display: block;*/
	font-weight: bold;
	display: block;
}

.fooddetails .added
{
	font-size: 16px;
	color: #666666;
}

.fooddetails .added .addtext
{
	font-size: 16px;
}

.fooddetails .added .foodname
{
	color: #212121;
	padding: 0px 10px 3px 0px;
	margin: 20px 5px 20px 25px;
	border-width: 0px;
	font-style: italic;
}

.fooddetails .seeagainbutton
{
	width: 125px;
	margin: 15px 0px 0px 0px;
	padding: 3px 0px;
	border-width: 0px;
	font-size: 11px;
	letter-spacing: -0.01em;
	color: #ffffff;
	font-weight: bold;
	text-shadow: rgba(29, 129, 142, .8) 0px -1px;
}


.fooddetails .nodetails
{
	/*margin-top: 35px;*/
	font-size: 14px;
}

.fooddetails .foodinfo
.fooddetails .foodinfocol
{
	width: 100%;
}
.fooddetails .foodinfocol tr:first-child{
    border-top:0;
}
.fooddetails .foodinfo
{
	margin: 3px auto;
	border-top: 2px solid #dddddd;
}

.fooddetails .foodinfo td
{
	font-size: 10px;
	color: #212121;
	line-height: 1;
}

.foodinfo
{
	border-bottom: 1px solid #dddddd;
	width: 257px;
	background-color: #ffffff;
}

.fooddetails .foodinfo .datarow table tr:first-child td
{
    border-top-width: 1px !important;
}

.fooddetails .calorielabel
{
	font-weight: bold;
	font-size: 14px;
	display: inline-block;
	padding-left: 8px;
}

.fooddetails .calories
{
	font-weight: bold;
	font-size: 18px;
	line-height: 1;
}

.foodinfo .headrow th,
.foodinfo .headrow td
{
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 14px;
	color: #666666;
	line-height: 1;
}

.foodinfo .headrow .headborder
{
    border: 1px solid #ffffff;
    text-align: left;
    height: 16px;
    max-height: 16px;
}

.foodinfo .headrow .headborder *
{
    display: inline-block;
    padding: 3px 0px 0px 3px;
}

.foodinfo .headrow th:first-child
{
    border-right: 1px solid #dddddd;
}
.foodinfo .datarow td
{
	padding: 3px 0px;
}

.foodinfo .datarow .limitname
{
	width: 55%;
	overflow: visible;
}

.fooddetails .foodinfo .headrow .col,
.fooddetails .foodinfo .foodinfocol
{
	width: 137px;
}

.fooddetails .foodinfo .headrow th:first-child,
.fooddetails .foodinfo td:first-child .foodinfocol
{
    width: 116px;
}

table.foodinfocol
{
    margin-right:2px;
}

.fooddetails .foodinfo tr td:first-child
{
	border-right: 1px solid #dddddd;
}

.foodinfocol td
{
	border-width: 1px 0px 0px 0px !important;
}

.foodinfo .groupname
{
	padding-left: 20px !important;
	width: 55px;
	
}

td.limitname > span.groupname
{
    padding-left:5px !important;
}

.foodinfo .amount
{
	font-weight: bold;
}

.foodinfo .amount:first-child
{
	
	margin-left: 4px;
}

.foodinfo .td *
{
	display: inline-block;
}

.foodinfo .emptycalories .groupname
{
	padding-bottom: 8px;
}


.foodinfo .vegetables .groupname
{
	padding-bottom: 0px;
}

.foodinfo .fruits .groupname
{
	padding-bottom: 0px;
}

.foodinfo .grains .groupname
{
	padding-bottom: 0px;
}

.foodinfo .dairy .groupname
{
	padding-bottom: 0px;
}

.foodinfo .proteinfoods .groupname
{
	padding-bottom: 0px;
}

.foodinfo .oils .groupname
{
	padding-bottom: 0px;
}

.foodinfo .saturatedfat .groupname
{
	padding-bottom: 0px;
}

.foodinfo .sodium .groupname
{
	padding-bottom: 0px;
}
.foodinfo .emptycalories .groupname
{
	padding-bottom: 8px;
}


.foodinfo .vegetables .groupname
{
	padding-bottom: 0px;
}

.foodinfo .fruits .groupname
{
	padding-bottom: 0px;
}

.foodinfo .grains .groupname
{
	padding-bottom: 0px;
}

.foodinfo .dairy .groupname
{
	padding-bottom: 0px;
}

.foodinfo .proteinfoods .groupname
{
	padding-bottom: 0px;
}

.foodinfo .oils .groupname
{
	padding-bottom: 0px;
}

.foodinfo .saturatedfat .groupname
{
	padding-bottom: 0px;
}

.foodinfo .sodium .groupname
{
	padding-bottom: 0px;
}
.fooddetails .foodinfocol td *
{
    
    display: inline-block;
    padding-bottom: 2px;
}

.fooddetails .foodinfocol .sub td
{
    padding-top: 0px;
    padding-bottom: 2px;
    line-height:1;
}

/*.fooddetails .foodinfo .sodium td,
.fooddetails .foodinfo .saturatedfat td,
.fooddetails .foodinfo .emptycalories td,
.fooddetails .foodinfo .oils td,
.fooddetails .foodinfo .proteinfoods td,
.fooddetails .foodinfo .dairy td,
.fooddetails .foodinfo .grains td,
.fooddetails .foodinfo .fruits td,
.fooddetails .foodinfo .vegetables td*/
.fooddetails .foodinfo tr
{
	border-top: 1px solid #dddddd;
}

.foodinfo .oils td
{
	border-top-width: 2px !important;
}

.fooddetails .proteincheck
{
	padding-top: 10px;
	cursor: hand;
}

.fooddetails .proteincheck td
{
	padding-top: 2px;
	width: auto !important;
	color: #006699;
}

.fooddetails .proteincheck td:first-child
{
	padding: 0px 5px 0px 4px;
	border-width: 0px !important;
}

.fooddetails .comparebutton
{
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: -0.01em;
	border-width: 0px;
	padding: 3px 0px 4px 23px;
	text-align: left;
	margin: 4px 6px 1px 0px;
	text-shadow: rgba(29,129,142,.8) 0px -1px;
	width: 117px;
	max-width: 117px;
	vertical-align: top;
	cursor: pointer;
}

.fooddetails .nutrienttable
{
	width: 100%;
	border-collapse: collapse;
}


.nutrienttable .headrow:first-child .headbg
{
	min-height: 39px;
	line-height: normal;
}

.nutrienttable .headbg
{
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	background: #f0f0f0 url(../img/layout/FoodTracker_NutrientTableSectionHeading_background.jpg) repeat-x top;
	border: 1px solid #ffffff;
}

.nutrienttable td label,
.nutrienttable td span
{
	display: inline-block;
	padding: 4px !important;
}

.nutrienttable td
{
	border: 1px solid #dddddd;
}

.nutrienttable .alt td,
.foodinfo .alt td
{
	background-color: #f8f8f8;
}

.nutrienttable .col1
{
	width: 96px;
}

.nutrienttable .col3
{
	width: 95px;
}

.fooddetails .searchresults table
{
    width: 258px !important;
    max-width: 258px;
    overflow: visible;
}

.fooddetails .searchresults
{

    margin: 0px 0px 0px 5px !important;
}

.fooddetails .searchresults table table
{
   width: 257px !important;
   min-width: 257px;
}

.fooddetails .searchresults .sortlist
{
    width: 100%;
}

.fooddetails .searchresults .topbar
{
    width: 100%;
}

.foodtracker .searchresults .topbar 
{
   /* width: 100%;     9/18 AZ causing a problem with the header being wider than the tables*/
}

.fooddetails .searchresults .topbarbg
{
    height: 42px;
}

.fooddetails .searchresults .ddlinput
{
    clear: both;
    display: block;
    float: none !important;
}

.fooddetails .searchresults .right
{
    float: none;
    clear: both;
    
}


.fooddetails .searchresults th .desc
{
    margin-bottom: 0px !important; padding-bottom: 0px !important;
}

.fooddetails .searchresults th .topbarbg
{
    height: 43px;
}

.fooddetails .searchresults .topbar .ddlinput
{
    top: 0px;
    margin-top: 3px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}

.fooddetails .searchresults .pagerow .ddlinput
{
    position: relative;
    top: 5px;
    margin-left: 10px;
}






/* physical activity card */

.activitydetails .addactivitybutton
{
    border-width: 0px;
    width: 192px;
    height: 22px;
    padding: 0px;
    margin: 0px;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: rgba(29,129,142,.8) 0px -1px;
    cursor: pointer;
}

.activitydetails .foodname:first-child
{
    margin-top: 8px;
    padding-bottom: 0px;
    margin-bottom: 3px;
    border-width: 0px;
}

.activitydetails .foodname
{
    padding-top: 0px;
    margin-top: 0px;
    line-height: normal;
}

.activitydetails .textinput
{
    height: 18px;
    font-size: 16px;
    font-weight: bold;
    padding: 9px 9px 9px 8px;
    color: #666666;
    margin: 0px 3px 15px 18px;
}

.activitydetails .timeprofile
{
    margin-bottom: 5px !important;
}

.activitydetails .activityinfo
{
    border-collapse: separate;
    border-bottom: 1px solid #dddddd;
    margin: 0px 5px;
    width: 258px;
}

.activitydetails .activityinfo th
{
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    letter-spacing: -0.01em;
    text-align: center;
}

.activitydetails .activityinfo th span
{
    display: block;
    width: 100%;
    height: 22px;
    padding-top: 4px;
}

.activitydetails .activityinfo td
{
    border-bottom: 1px solid #dddddd;
    font-size: 16px;    
    font-weight: bold;
    letter-spacing: -0.01em;
    padding: 7px 4px;
    text-align: right;
}

.activitydetails .activityinfo tr td:first-child
{
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0em;
    padding: 9px 4px;
    text-align: left;
}

.activitydetails .activityinfo .alt td
{
    background-color: #f8f8f8;
}

.activitydetails .addbutton, .activitydetails .cancelbutton
{
    margin-bottom: 10px;
}

.activitydetails .cardLinks 
{
    display: block;
    width: 250px;
    height: 20px;
}
.activitydetails .moreinfo
{
    display:block;
    height: 20px;
    padding-right: 5px;/**/
    float: right;
}
.activitydetails .weightManagerContainer
{
    display: block;
    height: 20px;
    /*padding-left: 10px;*/
    float: left;
}

.activitydetails .moreinfo a, .activitydetails .weightManagerContainer a
{
    display: inline-block;
    padding: 5px 0px 5px 0px;
}

.fooddetails .actdetailsactive, 
.fooddetails .actdetails
{
	font-size: 13px;
	vertical-align: top;
	text-align: left;
	padding-left: 7px !important;
	width: 112px;
	display: inline-block;
	font-weight: bold;
	text-shadow:rgba(255,255,255,1) 0px -1px;
	margin-left: 4px;
	overflow: visible;
}

.fooddetails .actdetails {	float: left; }

.fooddetails .actdetailsactive
{
	font-size: 13px;
	padding-top: 8px;
	padding-left: 4px !important;
	position: absolute;
	top: 0px;
	z-index: 1;
	letter-spacing: -0.02em;
}

.fooddetails .actfavactive, 
.fooddetails .actfav
{
	padding: 9px 10px 0px 0px;
	width: 146px;
	font-size: 12px;
	vertical-align: top;
	margin: 0px 4px;
	line-height: normal;
	text-align: center;
}

.fooddetails .actfav { float: right; }

.fooddetails .actfavactive
{
	font-size: 12px;
	position: absolute; top: 0px; left: 105px;
	white-space: nowrap;
	overflow: visible;
	text-shadow:rgba(255,255,255,1) 0px -1px;
	letter-spacing: -0.01em;
}

/* favorite activity list seletors */

.myfavoriteactivities .favoritecard
{
    padding-top: 0px;
}


.footnotes
{
    width: 257px;
}

.activityfootnote
{
    display: inline-block;
    padding-top: 12px;
    padding-bottom: 12px;
}




/* =================== Allan's Global Selectors =========================== */

.lime 
{
    background: lime;
}

.border 
{
    border: 1px solid #ddd;
}
.noBorder 
{
    border: none;
    border-right: none !Important;
    border-left: none;
    border-top: none;
    border-bottom: none;
}
.borderBottom 
{
    border-bottom: 1px solid #ddd;
}
.borderRight 
{
    border-right: 1px solid #ddd;
}
.borderLeft 
{
    border-left: 1px solid #ddd;
}
.size11 
{
    font-size: 11px;
}
.size12 
{
    font-size: 12px;
}
.size14 
{
    font-size: 14px;
}
.size22 
{
    font-size: 22px;
}
.nopad 
{
    padding:0;
}
.padLeft5 
{
    padding-left: 5px;
}
.padLeft25 
{
    padding-left: 25px;
}
.padLeft12 
{
    padding-left: 12px;
}


.padLeft20 
{
    padding-left: 20px;
}

.padRight5 
{
    padding-right: 5px;
}

.padRight4 
{
    padding-right: 4px;
}

.padRight10 
{
    padding-right: 10px;
}

.padRight15 
{
    padding-right: 15px;
}

.padRight20 
{
    padding-right: 20px;
}
.padRight8 
{
    padding-right: 8px;
}
.padRight2 
{
    padding-right: 2px;
}

.padBottom5 
{
    padding-bottom: 5px;
}

.padBottom3
{
    padding-bottom: 3px;
}

.padBottom7 
{
    padding-bottom: 7px;
}

.padBottom10
{
    padding-bottom: 10px;
}
.padBottom30
{
    padding-bottom: 30px;
}
.padTop5
{
    padding-top: 5px;
}
.padTop10
{
    padding-top: 10px;
}
.padTop30 
{
    padding-top: 30px;
}
.padTop35 
{
    padding-top: 35px;
}
.padTop3 
{
    padding-top: 3px;
}

.padCell5 
{
    padding: 5px;
}

.block 
{
    display: block;
}
.width65percent 
{
    width: 65%;
}

.width75percent 
{
    width: 75%;
}

.width100percent 
{
    width: 100%;
}

.width60percent 
{
    width: 60%;
}
.width50percent 
{
    width: 50%;
}

.width45percent {
    width: 45%;
}

.width20percent {
    width: 20%;
}

.scrollbar-vertical {
    overflow-y: scroll;
}

.topMinus23 
{
    top: -23px;
}

.tablecell 
{
    display: table-cell;
}


.mealreport
{
	width: 275px;
	display: inline-block;
}

.mealreport .topbar
{
	width: 100%;
}

.mealreport .topbar .left
{
	display: inline-block;
	clear: none;
}

.mealreport .topbar .title
{
	display: inline-block;
	padding-top: 3px;
	font-size: 20px;
	font-weight: bold;
	color: #3ea4ca;
	letter-spacing: -0.02em;
}

.mealreport .topbar .copymeals,
.mealreport .topbar .clearall,
.mealreport .topbar .createcombo,
.mealreport .topbar .createrecipe
{
	border-width: 0px;
	background-color: #ffffff;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
	letter-spacing: -0.02em;
	height: 22px;
	text-shadow: rgba(255,255,255,1) 0px 1px;
	position: relative;
	top: 2px;
	padding: 0px;
}

.mealreport .topbar .copymeals,
.mealreport .topbar .clearall
{
	margin-bottom: 5px;
}

.mealreport .topbar .copymeals
{
	margin: 0px 2px 5px 2px;
	width: 56px;
}

.mealreport .topbar .clearall
{
    margin: 0px 2px 0px 0px;
	width: 32px;
	cursor: pointer;
}

.mealreport .topbar .createcombo
{
    margin: 0px 2px 0px 0px;
	text-align: left !important;
	cursor: pointer;
	width: 85px;
	padding-left: 25px !important;
}

.mealreport .topbar .createrecipe
{
	text-align: left;
	cursor: pointer;
	width: 85px;
	padding-left: 25px !important;
}

.mealreport .meallist
{
    height: 537px;
    max-height: 537px;
    padding: 10px 3px 3px 3px;
    overflow-y: scroll;
    /*border: 1px solid #dddddd;*/
    background: url(../img/layout/FoodTracker_Meals_ScrollableArea_background.jpg) repeat-x bottom;
    background-attachment: fixed;
}

.mealreport .calorierow
{
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.02em;
	/*line-height: 1;*/
	height: 30px;
	margin-bottom: 0px;
	/*border-bottom: 1px solid #dddddd;*/
}

.mealreport .calorierow .number
{
	font-size: 22px;
}
.mealreport .calorierow .left
{
    padding-top: 5px;
}

.meal
{
	margin: 0px 0px 5px 0px;
	border: 1px solid #eeeeee;
	min-height: 60px;
	background-color: #ffffff;
}

.meal .header
{
	padding: 4px 4px 0px 4px;
	height: 22px;
	background: #e8e8e8 url(../img/layout/FoodTracker_MealBox_Heading_background.jpg) repeat-x 0px 0px;
	font-size: 16px;
	color: #666666;
	letter-spacing: -0.02em;
	font-weight: bold;
	text-shadow: rgba(255,255,255,1) 0px 1px;
}

.meal .header .right
{
	font-size: 14px;
	color: #212121;
}

.meal .header .expander
{
	width: 15px;
	height: 15px;
	display: inline-block;
	float: left;
	margin-right: 4px;
}

.meal .expanded .expander
{
}

.meal .food .nameamount
{
	width: 110px;
}

.meal .food .calories
{
    width: 120px;
}

.meal .food .nameamount span,
.meal .food .calories span
{
	display: block;
}

.meal .food .nameamount
{
	float: left;
    text-align:left;
}

.meal .food .calories
{
    float: right;
}

.meal .food .buttons
{
	clear: both;
	margin: 15px 0px 0px 0px;
	text-align: right;
}

.meal .food,
.meal .food .nameamount a
{
	font-size: 11px;
	position: static;
}

.meal .food
{
	padding: 0px 4px 8px 4px;
}

.meal .food .divider
{
	margin: 0px 4px 12px 4px;
	border-top: 1px solid #eeeeee;
}

.meal .food:first-child .divider
{
	margin: 0px 4px 0px 4px;
	padding-top: 8px;
	border-top-width: 0px;
}

.meal .food .calories
{
	font-weight: bold;
	/* line-height: 1.1; */
	text-align: right;
}

.meal .food .buttons input
{
	font-size: 9px;
	color: #006699;
	font-weight: bold;
	letter-spacing: -0.02em;
	height: 17px;
	text-align: right;
	padding-right: 4px;
	border-width: 0px;
	line-height: 1;
	vertical-align: top;
	padding-top: 0px;
	cursor: pointer;
}

.meal .food .buttons .favorite
{
	width: 73px;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

.meal .food .buttons .remove
{
	width: 57px;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

.meal .food .buttons .edit
{
	width: 46px;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

/* ED -- 8/12/11 -- This code duplicates code in foodtracker.css.  These need to be consolidated.
This was commented out to address an issue with IE7 compatibility mode.
.meal .empty
{
	display: block;
	font-size: 12px;
	font-style: italic;
	margin: 4px 4px 15px 4px;
	float: right;
	
}
*/

.meal .empty
{
	display: block;
	font-size: 12px;
	font-style: italic;
	margin: 0px 4px 10px 4px;
    padding-top:4px;
}

.foodCardControlsContainer 
{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding-top:5px !important;
}
.foodCardHeaderLeft 
{
    border-left: 1px solid #ddd !important;
}
.foodCardHeaderRight 
{
    border-right: 1px solid #ddd !important;
}

.rankContainer 
{
    white-space:nowrap !important;
    padding-left: 2px !important;
    padding-right: 2px;
    font-size: 10px;
}
.rankContainerTD 
{
    border-right:0 !important;
}
.foodCardcaloriecell 
{
    border-right: 1px solid #ddd !important;
}
.itemContainer  
{
    font-size: 10px !important;
    padding-bottom: 10px !important;
    display:block;
    width: 110px;
}

.itemHeader 
{
    width: 110px;
    padding-bottom: 5px !important;
}
.itemContainer a
{
    display:inline;
    width: 97px;
    
}

.itemContainer img 
{
    display:inline;
}

.amountcell
{
    font-size: 10px;
    margin-right: 2px;
}

.noBorder 
{
    border-top:0 !important;
    border-bottom:0 !important;
    border-left:0 !important;
    border-right:0 !important;
}

.foodDetailsSearchTopBar 
{
    width: 249px !important;
    margin-left: 1px !important;
    padding-left: 5px !important;
    padding-top: 5px !important;
}

.searchresults .footrowCard
{
	border-top: 1px solid #dddddd !important;
	border-left: 0 !important;
	border-right: 0 !important;

	
}

.searchresults .footrowCard td 
{
    *border-top: 1px solid #ddd !important;
}

.searchresults .footrowCard div
{
    min-height: 12px;
	max-height: 12px;
	height: 12px;
	z-index: 10;
}
.foodCardTopBar 
{
    width: 256px !important;
}
/* =========== offline ============ */
.contentback-off
{
    background-image: url(../img/layout/BlueGradient_background_bottom.jpg);
    background-repeat:repeat-x;
    height: 1000px; 
    margin: 0px;
    
}

/* presidential council */
.centerBox{
    margin:0 auto;
}
.wide600{width:600px;}
.textLeftAlign{text-align:left;}
.submitPoints input[type='text']{height:35px !important;margin:5px 0 !important;min-width:200px;}
.redBorder{border:solid 1px #a94442}
.submitButton
{
    width: 114px;
    height: 41px;
    border: 0px solid black;
    background-color: #ffffff;
    background-repeat: no-repeat;
    font-size: 16px;
    color: #ffffff;
    text-shadow: rgba (29, 129, 142, .8) 0px -1px;
    letter-spacing: -0.02em;
    font-weight: bold;
    text-align: center;
    margin-right: 12px;
}
.marginTop10{margin-top:10px;}
.marginBottom10{margin-bottom:10px;}
.mwidth300{width:300px}