/*
If clicking a link which fills its container space causes horizontal scroll bars,
try adding the property "overflow: hidden;"
*/

a:link
{
  color: rgb(113, 195, 242);
  text-decoration: none;
}
a:visited
{
  color: rgb(81, 130, 179);
  text-decoration: none;
}
a:hover
{
  color: green;
  text-decoration: none;
}
a:active
{
  color: black;
  text-decoration: none;
}


ul
{
  margin-top: 0;
}


body
{
  background: black url("../pix/bk.jpg") repeat-x;
  margin: 0 auto;
  padding: 0;
}

input
{
	margin: 0; /* necessary for Safari */
}

#wrapper
{
  background: url("../pix/wrapper_header.png") no-repeat;
  margin: 0 auto;
  width: 810px;
}
#wrapper.wide
{
  background-position: 100px 0;
  width: 1010px;
}

/* Added to go inside of bodyDivCenter so that when text is highlighted it is ACTUALLY hilighted
   (some browsers contrast against the last defined background color in the current container liniage) */
#subwrapper
{
  background-color: #FFFFFF;
}

#topLogo
{
  /* background-image: url("../pix/top_logo.jpg"); */
  height: 151px;
  margin: 0 auto;
  width: 810px;
}

#topLogoPixel
{
  height: 112px;
  margin: 39px 0 0 27px;
  width: 760px;
}
#topLogo a
{
  display: block;
  height: 100%;
  text-decoration: none;
  width: 100%;
}

#topLinksBody
{
	background: url("../pix/wrapper-top.png") no-repeat;
	height: 32px;
  margin: 0 auto;
  overflow: hidden;
	width: 810px;
}
#topLinksBody.wide
{
	background: url("../pix/wrapper-top-wide.gif") no-repeat;
	width: 1010px;
}

#topLinksBodyAdmin
{
  background: url("../pix/wrapper-top-admin.gif");
  margin: 0 auto;
	min-height: 32px;
  overflow: hidden;
	width: 810px;
}
#topLinksBodyAdmin.wide
{
  background: url("../pix/wrapper-top-admin-wide.gif");
  width: 1010px;
}

.topLinksCenter
{
  /* background: rgb(0, 252, 252); */
	/* float: left; */
	margin: 0 0 0 5px;
  min-height: 29px;
  padding: 3px 0 0 0;
	width: 801px;
}
.topLinksCenter.wide
{
  width: 1001px
}

.topLinksCenter ul
{
  /* background: rgb(252, 252, 0); */
  /* height: 32px; */
  list-style: none;
  margin: 0 0 0 40px;
  padding: 0;
}

.topLinksCenter li
{
  /* background: rgb(252, 0, 252); */
  /* display: inline; */
  float: left;
	font-family: arial, helvetica, sans-serif;
  font-size: 0.65em;
  font-weight: bold;
  height: 26px;
  letter-spacing:1.5px;
  margin: 0;
	text-align: center;
  text-transform: uppercase;
}

.topLinksCenter a
{
	color: #fff;
  display: block;
  height: 100%;
	text-decoration: none;
  width: 100%;
}

.topLinksCenter a:hover
{
  background: url("../pix/nav-hover.jpg") top center;
}

.TopLinkBump
{
  display: block;
  margin-top: 3px;
  padding: 5px 10px 9px 10px;
}

#bodyContent
{
	background: url("../pix/wrapper-center.png");
	min-height: 100px;
	overflow: auto;
	width: 810px;
}
#bodyContent.wide
{
	background: url("../pix/wrapper-center-wide.gif");
  width: 1010px;
}

/*
#bodyDivLeft
{
  background-image: url("../pix/left_side.jpg");
  float: left;
  min-height: 20px;
  overflow: auto;
  width: 35px;
}

#bodyDivRight
{
  background-image: url("../pix/right_side.gif");
  float: left;
  min-height: 20px;
  overflow: auto;
  width: 36px;
}
*/

#bodyDivCenter
{
	min-height: 100px;
	margin-left: 10px;
	overflow: auto;
	width: 790px;
}
#bodyDivCenter.wide
{
	width: 992px;
}

#bodyDivCenter h1
{
	background: url("../pix/h1_sub790x30.png") no-repeat;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bolder;
	height: 26px; /*30*/
	margin: 3px 0 0 0;
	padding: 4px 0 0 8px;
}
#bodyDivCenter.wide h1
{
	background: url("../pix/h1_sub992x30.gif") no-repeat;
}

#bodyDivCenter h2
{
	color: #00639A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bolder;
	margin: 6px 0 0 8px;
	padding: 0;
	text-transform: uppercase;
}

#bodyDivCenter p
{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	margin: 6px 0 0 8px;
	padding: 0;
}

#bodyMidBanner /* this may NOT contain bodyDivCenter */
{
	background: url("../pix/center-rotate.jpg");
	height: 300px;
	/* margin-left: 10px; */
	min-height: 100px;
	width: 790px;
}

#bodyDivLow /* this space for bottom-of-the-page ad space */
{
  /* background-color: orange; */
	min-height: 100px;
	/* margin-left: 10px; */
	overflow: auto;
	width: 790px;
}

#bodyDivLow p
{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 5px  10px 0 10px;
	width: 200px;
}

#bodyDivLow1,
#bodyDivLow2,
#bodyDivLow3
{
	float: left;
  height: 300px;
	/* min-height: 200px; */
	margin: 0 0 0 10px;
  /* overflow: auto; */
	width: 250px;
}

#bodyDivLow1
{
	background: #00639A url("../pix/divcenter-bottom.jpg") bottom no-repeat;
}
#bodyDivLow2
{
	background: #00639A url("../pix/divcenter-bottom.jpg") bottom no-repeat;
}
#bodyDivLow3
{
	background: #00639A url("../pix/divcenter-bottom.jpg") bottom no-repeat;
}

#bodyDivLow1 h1,
#bodyDivLow2 h1,
#bodyDivLow3 h1
{
	background: url(../pix/h1_blankhome.gif);
  /* color: red; */
	font-family: Arial, Helvetica, sans-serif;
  font-size: 0.95em;
	height: 29px; /* 40px */
	margin: 0;
  padding-bottom: 0;
	padding-left: 13px;
  padding-top: 11px;
  text-transform: uppercase;
  width: 237px;
}


#footSpace
{
  background: url("../pix/wrapper-bottom.png") no-repeat;
  height: 30px;
}
#footSpace.wide
{
  background: url("../pix/wrapper-bottom-wide.png") no-repeat;
}

#footContent
{
	color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  font-weight: bold;
  margin: 0 auto;
  min-height: 20px;
  overflow: auto;
  padding-top: 5px;
  text-align: center;
  width: 739px;
}


.Div790x200Plus
{
	background: url("../pix/sub_inner_790.png") no-repeat;
	margin: 0;
	min-height: 192px; /* 200 */
  padding: 8px 8px 0 8px;
	width: 774px; /* 790 */
}


.BigLoginDiv
{
  /* background: green; */
  min-height: 200px;
  overflow: auto;
  width: 790px;
}

.loginForm
{
	background: url("../pix/sub_inner_390.png") no-repeat rgb(255, 255, 255);
	float: left;
	margin: 0 1px 0 3px;
	min-height: 200px;
  overflow: auto;
  width: 390px;
}

/*
div.loginUsernameSpace
{
  height: 22px;
  margin-top: 25px;
}

div.loginPasswordSpace
{
  height: 22px;
}
*/

/*
div.loginSubmitSpace
{
  height: 22px;
  margin-bottom: 25px;
  margin-top: 10px;
}
*/

div.loginForgotSpace
{
  font-size: 0.75em;
  min-height: 22px;
  /* margin-bottom: 25px; */
  margin-left: 8px;
  margin-top: 20px;
  overflow: auto;
  /* text-align: center; */
}


/*
.loginLabel
{
  float: left;
  margin-left: 50px;
  width: 80px;
}
*/

.loginInput
{
  /*
  float: left;
  width: 140px;
  */
	background: url('../pix/input300x20.png') no-repeat;
  height: 22px;
  margin-left: 8px;
  margin-top: 3px;
}

.loginInput input
{
  float: left;
  width: 140px;

	background: none;
	border: solid black 0px;
	color: #444;
	/* float: left; */
	height: 17px; /* 22 */
	margin: 0; /* necessary for Safari */
	padding: 2px 5px 3px 3px;
	width: 292px; /* 300 */
}

.loginButton
{
  /* float: left; */
  margin: 10px;
  /* text-align: center; */
  width: 140px;
}

.loginButton input
{
  width: 100px;
}


.b
{
  font-weight: bold;
}

.i
{
  font-style: italic;
}

.u
{
  text-decoration: underline;
}

.c
{
  text-align: center;
}

.cc /* Center Container */
{
  margin-left: auto;
  margin-right: auto;
}

.l
{
  text-align: left;
}

.r
{
  text-align: right;
}

.mono /* Once I thought I had mono for a whole year, but it turned out I was just really bored */
{
  font-family: monospace; /*"Courier New", Courier, Monaco;*/
}

.dull
{
  background-color: #D4D0C8;
  color: #808080;
}
.dullc
{
  color: #808080;
}

.bluec
{
  color: blue;
}


.hidden
{
  display: none;
}

.unhide
{
  visibility: visible;
}

.invisible
{
  visibility: hidden; /* but still occupying physical space */
}


table.listing
{
  border: 1px solid black;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0 auto;
  width: 100%;
}

table.listing th
{
  background: rgb(204, 204, 204);
  border: 1px solid rgb(180, 180, 180);
  text-align: left;
}


table.listing.mail th
{
  font-size: 8px;
}
table.listing.mail td
{
  font-size: 10px;
}


table.listing th.OrderBy,
table.listing th a.OrderBy
{
  text-decoration: underline;
}

table.listing th.DeleteX
{
  width: 10px;
}


table.listing th.UserId
{
  text-align: right;
  /* width: 60px; */
}
table.listing th.Username
{
}
table.listing th.FirstName
{
}
table.listing th.MiddleName
{
}
table.listing th.LastName
{
}
table.listing th.Email
{
}
table.listing th.RoleName
{
}
table.listing th.Activated
{
  text-align: center;
  width: 10px;
}

table.listing th.MemberId
{
  text-align: right;
}
table.listing th.DateJoin
{
  width: 80px;
}
table.listing th.DateExpire
{
  width: 80px;
}
table.listing th.Contracted
{
  width: 10px;
}
table.listing th.TrainerId
{
  text-align: right;
  width: 55px;
}

table.listing th.OrgId
{
  text-align: right;
}
table.listing th.OrgName
{
}
table.listing th.OrgPhone
{
}
table.listing th.OrgEmail
{
}
table.listing th.OrgLogo
{
}
table.listing th.OrgUsers
{
}

table.listing th.FoodItemId
{
  text-align: right;
}
table.listing th.FoodItemName
{
}
table.listing th.chkProtein
{
}
table.listing th.chkCarbs
{
}
table.listing th.ServingSize
{
}
table.listing th.Calories
{
}
table.listing th.Protein
{
}
table.listing th.Carbs
{
}
table.listing th.Fat
{
}
table.listing th.GI
{
}
table.listing th.GainSize
{
}
table.listing th.GainCalories
{
}
table.listing th.GainProtein
{
}
table.listing th.GainCarbs
{
}
table.listing th.GainFat
{
}
table.listing th.Breakfast
{
}
table.listing th.Snack
{
}
table.listing th.Lunch
{
}
table.listing th.Dinner
{
}

td.colNumR
{
  text-align: right;
}

table.listing th.MealPlanId
{
  text-align: right;
}
table.listing th.MealTitle
{
}
table.listing th.MpCode
{
}


table.listing th.FoodCatId
{
  text-align: right;
}
table.listing th.FoodCatName
{
}
table.listing th.FoodCatDesc
{
}

table.listing th.TestMailTemplate
{
  width: 15px;
}


table.listing th a
{
  display: block;
  height: 100%;
  text-decoration: none;
  width: 100%;
}

table.listing th a.FullName
{
  display: inline;
}

table.listing td
{
  background: #FFFFFF;
  border: 1px solid rgb(180, 180, 180);
  border-spacing: 0px;
  font-family: monospace; /*"Courier New", Courier, Monaco;*/
  font-size: small; /* necessary to make text not look HUGE in IE */
  padding: 0 4px;
}

table.listing td.idnum
{
  text-align: right;
}

table.listing tr.odd td
{
  background: #BCD3E1;
}

table.listing .del
{
  cursor: pointer;
}

table.listing td a
{
  display: block;
  height: 100%; /* this won't work when TD's height is variable */
  text-decoration: none;
  width: 100%;
}

table.listing a:link
{
  color: #5B5BFF;
}
table.listing a:visited
{
  color: blue;
  text-decoration: none;
}
table.listing a:hover
{
  color: green;
  text-decoration: none;
}
table.listing a:active
{
  color: red;
  text-decoration: none;
}

table.listing tr.on td, table.listing tr.oddon td
{
  background: #B8BCC0; /*#D2FEAB; rgb(248, 188, 107); */
  border-color: rgb(230, 62, 32);
}

table.listing td.Expired,
table.listing tr.odd td.Expired,
table.listing tr.on td.Expired,
table.listing tr.oddon td.Expired,
table.listing .Expired a
{
  background-color: red;
  color: white;
  font-weight: bold;
}
table.listing td.Deactivated,
table.listing tr.odd td.Deactivated,
table.listing tr.on td.Deactivated,
table.listing tr.oddon td.Deactivated,
table.listing .Deactivated a
{
  background-color: yellow;
  color: blue;
  font-weight: bold;
}
table.listing td.Inactivated,
table.listing tr.odd td.Inactivated,
table.listing tr.on td.Inactivated,
table.listing tr.oddon td.Inactivated,
table.listing .Inactivated a
{
  background-color: black;
  color: white;
}

/* This works for single cells only; use JavaScript for entire rows:
table.listing td:hover
{
  background: rgb(248, 188, 107);
  border-color: rgb(230, 62, 32);
}
*/

table.listing tr.CatHead td
{
  background: rgb(204, 204, 204);
  border: 1px solid rgb(180, 180, 180);
  font-family: 'Ariel';
  font-weight: bold;
  text-align: left;
}

table.listing td img
{
  border: none;
  max-height: 15px;
}

table.listing th.MailQueueId
{
  text-align: right;
}

table.listing th a.ToName,
table.listing th a.ToAddress,
table.listing th a.FromName,
table.listing th a.FromAddress,
table.listing th a.ReplyToName,
table.listing th a.ReplyToAddress
{
  display: inline;
}

table.listing th a.DateQueued,
table.listing th a.DateSent
{
  display: inline;
}



form#editUser
{
  background: #FFF;
  /* border: 1px solid black; */
  margin: 1px auto;
  padding: 1px 0;
  width: 786px;
}

form#editUser h1
{
  /*
  font-size: 24pt;
  font-weight: bold;
  */
  margin: 0;
  text-align: center;
}

.editUserSpace
{
  height: 24px;
}

.editUserLabel
{
  float: left;
  margin-left: 50px;
  width: 176px;
}

.editUserInput
{
  float: left;
  min-width: 250px;
}
.editUserInput.DispNum
{
  min-width: 50px;
}

.editUserInput input
{
  /* float: left; */
  margin: 0; /* necessary for Safari */
  width: 240px;
}

.editUserInput input.DispNum
{
  text-align: right;
  width: 50px;
}

.editUserInput select
{
  margin: 0; /* necessary for Safari */
}

div.RandomPasswordDiv
{
  float: left;
  height: 22px;
  margin-left: 10px;
  text-align: center;
}

input#btnRandomPassword
{
  margin: 0; /* necessary for Safar */
}

.editUserSubmitSpace
{
  margin-top: 10px;
  min-height: 22px;
  overflow: auto;
}

.editUserButton
{
  float: left;
  text-align: center;
  width: 400px;
}

.editUserButton input
{
  margin-bottom: 6px;
  margin-right: 20px;
  width: 100px;
}

.editUserDelete
{
  margin-top: 25px;
  padding-left: 50px;
}

.editUserError
{
  color: red;
  text-align: center;
}


form#editOrg
{
  background: #FFF;
  /* background: rgb(0, 252, 0);
  /* border: 1px solid black; */
  margin: 1px auto;
  padding: 1px 0;
  width: 100%;
}

form#editOrg h1
{
  /*
  font-size: 24pt;
  font-weight: bold;
  */
  margin: 0;
  text-align: center;
}

.editOrgLeft
{
  /* background: rgb(252, 0, 252); */
  width: 480px;
}
.editOrgRight
{
  /* background: rgb(252, 0, 0); */
  border: 1px solid black;
  height: 200px;
  left: 500px;
  margin-bottom: -200px; /* set to rendered height of .editOrgLeft to prevent extra space in parent container */
  padding: 0;
  position: relative;
  text-align: center;
  top: -258px; /* set to rendered height of .editOrgLeft when OrgId=0 */
  width: 200px;
}

.editOrgRight h6
{
  margin: 0 0 6px;
}

.editOrgSpace
{
  height: 22px;
}

.editOrgLabel
{
  float: left;
  margin-left: 50px;
  width: 120px;
}

.editOrgInput
{
  float: left;
  width: 240px;
}

.editOrgInput input
{
  float: left;
  width: 240px;
}

.editOrgSubmitSpace
{
  height: 22px;
  margin-top: 10px;
}

.editOrgButton
{
  float: left;
  text-align: center;
  width: 300px;
}

.editOrgButton input
{
  margin-left: 20px;
  width: 100px;
}

.editOrgCurrentLogo
{
  border: none;
  max-height: 150px;
  max-width: 150px;
}

.editOrgUploadedLogo
{
  max-height: 150px;
  max-width: 700px;
}

.editOrgDelete
{
  margin-top: 25px;
  padding-left: 50px;
}

.editOrgError
{
  color: red;
  text-align: center;
}


form#editFoodItem
{
  background: #FFF;
  /* background: rgb(0, 252, 0); */
  /* border: 1px solid black; */
  margin: 1px auto;
  padding: 1px 0;
  width: 100%;
}

form#editFoodItem h1
{
  /*
  font-size: 24pt;
  font-weight: bold;
  */
  margin: 0;
  text-align: center;
}

form#editFoodItem div
{
  font-family: arial, helvetica, sans-serif;
  font-size: 13px;
}

form#editFoodItem .col1
{
  float: left;
  margin-left: 50px;
  min-height: 100px;
  overflow: auto;
  width: 300px; /*200px;*/
}
form#editFoodItem .col2
{
  float: left;
  margin-left: 50px;
}

form#editFoodItem input.i1
{
  width: 500px;
}
form#editFoodItem input.i2
{
  width: 65px; /* ~75px */
}
form#editFoodItem input.i3
{
  width: 138px; /* ~150px */
}
form#editFoodItem input.i4
{
  margin-right: 20px;
  width: 100px;
}
form#editFoodItem input.i5
{
  margin-left: 20px;
  width: 125px;
}

form#editFoodItem .label1
{
  float: left;
  min-height: 18px;
  width: 300px;
}
form#editFoodItem .label2
{
  float: left;
  min-height: 18px;
  width: 90px;/*50px;*/
}
form#editFoodItem .label3
{
  float: left;
  min-height: 18px;
  width: 75px;
}

form#editFoodItem .row1
{
  margin-left: 50px;
  min-height: 24px;
  width: 740px; /* 790px */
  overflow: auto;
}
form#editFoodItem .row2
{
  min-height: 18px;
  overflow: auto;
}
form#editFoodItem .row3
{
  min-height: 22px;
  overflow: auto;
}
form#editFoodItem .row4
{
  margin-left: 100px;
  min-height: 22px;
  overflow: auto;
}
form#editFoodItem .row5
{
  margin-left: 100px;
  min-height: 22px;
  overflow: auto;
  width: 690px;
}

.editFoodItemSpace
{
  height: 22px;
}

.editFoodItemLabel
{
  float: left;
  margin-left: 50px;
  width: 120px;
}

.editFoodItemInput
{
  float: left;
  width: 500px;
}

.editFoodItemInput input
{
  float: left;
  width: 500px;
}

.editFoodItemInput input.numfloat
{
  float: left;
  text-align: right;
  width: 60px;
}

.editFoodItemSubmitSpace
{
  height: 22px;
  margin-top: 10px;
}

.editFoodItemButton
{
  float: left;
  text-align: center;
  width: 300px;
}

.editFoodItemButton input
{
  margin-left: 20px;
  width: 100px;
}

.editFoodItemCurrentLogo
{
  max-height: 150px;
  max-width: 150px;
}

.editFoodItemDelete
{
  margin-top: 25px;
  padding-left: 50px;
}

.editFoodItemError
{
  color: red;
  text-align: center;
}


form#editMealPlan
{
  background: #FFF;
  /* background: rgb(0, 252, 0); */
  /* border: 1px solid black; */
  margin: 1px auto;
  padding: 1px 0;
  width: 100%;
}

form#editMealPlan h1
{
  /*
  font-size: 24pt;
  font-weight: bold;
  */
  margin: 0;
  text-align: center;
}

.editMealPlanSpace
{
  min-height: 22px;
  overflow: auto;
}

.editMealPlanLabel
{
  float: left;
  margin-left: 50px;
  width: 120px;
}

.editMealPlanMealLabel
{
  float: left;
  margin-left: 50px;
  padding-right: 4px;
  text-align: right;
  width: 116px;
}

.editMealPlanInput
{
  float: left;
  width: 560px;
}

.editMealPlanInput input
{
  float: left;
  width: 550px;
}

#btnGramCounter
{
  float: none;
  width: 180px;
}

#editMealPlanRatioProtein,
#editMealPlanRatioCarb
{
  border: none;
  float: none;
  font-family: monospace;
  margin-right: 20px;
  text-align: right;
  width: 36px;
}
#editMealPlanHyper
{
  float: none;
  margin-right: 20px;
  width: 12px;
}
#editMealPlanTotalCalories
{
  font-family: monospace;
}

.editMealPlanInput input.numfloat
{
  float: left;
  text-align: right;
  width: 60px;
}

.editMealPlanInput select
{
  float: left;
  width: 554px;
}

.editMealPlanIdDisplay
{
  float: left;
  font-family: monospace;
  width: 60px;
}

.editMealPlanCodeLabel
{
  float: left;
  margin-left: 270px;
  width: 120px;
}

.editMealPlanCodeInput
{
  float: left;
  width: 100px;
}

.editMealPlanCodeInput input
{
  width: 100px;
}

.editMealPlanCodeDisclaimer
{
  background-color: rgb(255, 255, 174);
  border: 1px solid black;
  /* font-family: monospace; */
  font-size: 0.75em;
  margin: 0 0 4px 300px;
  padding: 0 2px;
  width: 417px;
}

.editMealInactiveMeal
{
  /* This is simply the counter-class for editMealActiveMeal */
}

.editMealActiveMeal, input.AddFoodItem
{
  background-color: rgb(255, 215, 0);
  color: blue;
}

.editMealPlanSubmitSpace
{
  height: 22px;
  margin-top: 10px;
}

.editMealPlanButton
{
  float: left;
  text-align: center;
  width: 300px;
}

.editMealPlanButton input
{
  margin-left: 20px;
  width: 100px;
}

.editMealPlanCurrentLogo
{
  max-height: 150px;
  max-width: 150px;
}

.editMealPlanDelete
{
  margin-top: 25px;
  padding-left: 50px;
}

.editMealPlanError
{
  color: red;
  text-align: center;
}


form#editFoodCat
{
  background: #FFF;
  /* background: rgb(0, 252, 0); */
  /* border: 1px solid black; */
  margin: 1px auto;
  padding: 1px 0;
  width: 100%;
}

form#editFoodCat h1
{
  /*
  font-size: 24pt;
  font-weight: bold;
  */
  margin: 0;
  text-align: center;
}

.editFoodCatSpace
{
  height: 22px;
}

.editFoodCatLabel
{
  float: left;
  margin-left: 50px;
  width: 78px;
}

.editFoodCatInput
{
  float: left;
  width: 600px;
}

.editFoodCatInput input
{
  float: left;
  width: 600px;
}

.editFoodCatSubmitSpace
{
  height: 22px;
  margin-top: 10px;
}

.editFoodCatButton
{
  float: left;
  text-align: center;
  width: 300px;
}

.editFoodCatButton input
{
  margin-left: 20px;
  width: 100px;
}

.editFoodCatDelete
{
  margin-top: 25px;
  padding-left: 50px;
}

.editFoodCatError
{
  color: red;
  text-align: center;
}


form#editExchangeList
{
  background: #FFF;
  /* background: rgb(0, 252, 0); */
  /* border: 1px solid black; */
  margin: 1px auto;
  padding: 1px 0;
  width: 100%;
}

form#editExchangeList h1
{
  /*
  font-size: 24pt;
  font-weight: bold;
  */
  margin: 0;
  text-align: center;
}

.editExchangeListSpace
{
  min-height: 22px;
  overflow: auto;
}

.editExchangeListLabel
{
  float: left;
  margin-left: 50px;
  width: 120px;
}

.editExchangeListMealLabel
{
  float: left;
  margin-left: 50px;
  padding-right: 4px;
  text-align: right;
  width: 116px;
}

.editExchangeListInput
{
  float: left;
  width: 560px;
}

.editExchangeListInput input
{
  float: left;
  width: 550px;
}

.editExchangeListInput input.numfloat
{
  float: left;
  text-align: right;
  width: 60px;
}

.editExchangeListInput select
{
  float: left;
  width: 554px;
}

.editExchangeListIdDisplay
{
  float: left;
  font-family: monospace;
  width: 60px;
}

div#editExchangeListDisplayDesc
{
  border: 1px solid rgb(127, 127, 127);
  min-height: 120px;
  overflow: auto;
  padding: 2px;
  width: 546px;
}

.editExchangeListInactiveField
{
  /* This is simply the counter-class for editMealActiveMeal */
}

.editExchangeListActiveField, input.AddFoodItem
{
  background-color: rgb(255, 215, 0);
  color: blue;
}

.editExchangeListSubmitSpace
{
  height: 22px;
  margin-top: 10px;
}

.editExchangeListButton
{
  float: left;
  text-align: center;
  width: 300px;
}

.editExchangeListButton input
{
  margin-left: 20px;
  width: 100px;
}

.editExchangeListCurrentLogo
{
  max-height: 150px;
  max-width: 150px;
}

.editExchangeListDelete
{
  margin-top: 25px;
  padding-left: 50px;
}

.editExchangeListError
{
  color: red;
  text-align: center;
}


form#FormContact
{
  background: url("../pix/sub_inner_790.png") no-repeat #FFF;
  /* background-color: orange; */
  /* border: 1px solid black; */
  /* margin: 10px 10px 0 0; */
  margin: 1px 0;
  min-height: 24px;
  overflow: auto;
  padding: 8px 8px 0 8px;
  /* width: 260px; */
}

form#FormContact h1
{
  /* background: url("../pix/h1_sub240x30.gif") no-repeat; */
  /*
  font-size: 24pt;
  font-weight: bold;
  */
  margin: 0;
  text-align: center;
  /* width: 232px; */ /*240*/
}

form#FormContact td.tl /* Table Label */
{
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

form#FormContact tr.ti /* Table Input */
{
  height: 22px;
}
form#FormContact td.il
{
  background: url(../pix/inputLeft22.gif) no-repeat;
  width: 8px;
}
form#FormContact td.im
{
  background: url(../pix/inputMiddle22.gif) repeat-x;
  width: 504px;
}
form#FormContact td.ir
{
  background: url(../pix/inputRight22.gif) no-repeat;
  width: 8px;
}

form#FormContact td.tatl /* Textarea Top Left */
{
  background: url(../pix/textareaTL8x8.gif) no-repeat;
  height: 8px;
  width: 8px;
}
form#FormContact td.tatr /* Textarea Top Right */
{
  background: url(../pix/textareaTR8x8.gif) no-repeat;
  height: 8px;
  width: 8px;
}
form#FormContact td.tatm /* Textarea Top Middle */
{
  background: url(../pix/textareaTM8x8.gif) repeat-x;
  height: 8px;
}
form#FormContact td.talm /* Textarea Left Middle */
{
  background: url(../pix/textareaLM8x8.gif) repeat-y;
  width: 8px;
}
form#FormContact td.tamm /* Textarea Middle Middle */
{
  min-height: 8px;
  overflow: auto;
}
form#FormContact td.tarm /* Textarea Right Middle */
{
  background: url(../pix/textareaRM8x8.gif) repeat-y;
  width: 8px;
}
form#FormContact td.tabl /* Textarea Bottom Left */
{
  background: url(../pix/textareaBL8x8.gif) no-repeat;
  height: 8px;
  width: 8px;
}
form#FormContact td.tabr /* Textarea Bottom Right */
{
  background: url(../pix/textareaBR8x8.gif) no-repeat;
  height: 8px;
  width: 8px;
}
form#FormContact td.tabm /* Textarea Bottom Middle */
{
  background: url(../pix/textareaBM8x8.gif) repeat-x;
  height: 8px;
}


form#FormContact input.ti
{
  background: none;
	border: solid black 0px;
	color: #444;
	height: 17px; /* 22 */
	margin: 0; /* necessary for Safari */
	padding: 2px 5px 3px 3px;
	width: 496px; /* 504 */
}

form#FormContact textarea.ta
{
  background: none;
  /* background-color: blue; */
	border: 0;
	height: 230px;
	margin: 0; /* necessary for Safari */
  overflow: auto;
	padding: 0;
	width: 504px;
}

.FormContactSpace
{
  height: 22px;
}

.FormContactReq
{
  color: red;
  float: left;
}

.FormContactReqStar
{
  color: red;
}

.FormContactLabel
{
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
  width: 240px;
}

.FormContactInput
{
	background: url('../pix/input240x22.jpg') no-repeat;
  height: 22px;
  width: 240px;
}

.FormContactInput input
{
	background: none;
	border: solid black 0px;
	color: #444;
	float: left;
	height: 17px; /* 22 */
	margin: 0; /* necessary for Safari */
	padding: 2px 5px 3px 3px;
	width: 232px; /* 240 */
}

.FormContactInput select
{
  /* Note: background-image does not work on this element, but does on option element */
  border: solid rgb(171, 171, 171) 1px;
  /* float: left; Zack's New */
  margin: 0; /* necessary for Safari */
  width: 240px; /* 244 */
}

.FormContactLeftCol
{
  /* background-color: yellow; */
  display: inline-block;
  float: left;
  margin-right: 10px;
  min-height: 24px;
  overflow: auto;
  width: 240px;
}
.FormContactRightCol
{
  /* background-color: aqua; */
  display: inline-block;
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 520px;
}

.FormContactReq
{
	color: red;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	min-width: 14px;
}

.FormContactSubmitSpace
{
  height: 22px;
  margin-top: 10px;
}

.FormContactIeScrewsUpButtonMargins
{
  float: left;
  width: 164px;
}
.FormContactButton
{
  /* float: left; */
  padding: 0;
  width: 160px;
}

.FormContactButton input
{
  margin: 0; /* Amazingly inhertis container's margin in IE, but bloody can't be overridden! */
  width: 120px;
}

.FormContactDelete
{
  margin-top: 25px;
  padding-left: 50px;
}

.FormContactError
{
  color: red;
  text-align: center;
}

.FormContactTextArea
{
	background: url('../pix/textarea240x152.jpg');
  height: 152px;
  width: 240px;
}

.FormContactTextArea textarea
{
  background: none;
	border: 0;
	height: 146px; /* 152 */
	margin: 0; /* necessary for Safari */
  overflow: auto;
	padding: 3px;
	width: 234px; /* 240 */

  /* Note: scrollbar properties cannot be modified as they appear to be a invalid CSS attributes */
}

.FormContactSuccess
{
  margin: 20px auto;
  min-height: 400px;
  padding: 0 50px;
}

.FormContactSuccess h1
{
  text-align: center;
}


form#printMealPlan
{
  /* background: rgb(0, 252, 0); */
  /* border: 1px solid black; */
  margin: 10px auto;
  padding: 25px 0;
  width: 100%;
}

form#printMealPlan h1
{
  background: url("../pix/h1_sub350x30.gif") no-repeat;
  /*
  font-size: 24pt;
  font-weight: bold;
  */
  margin: 0;
  /* text-align: center; */
}

select#printMealPlanList
{
  width: 350px;
}

div#printMealPlanDetails
{
  font-size: 0.75em;
}

.printMealPlanLeft
{
  /* background: rgb(252, 0, 252); */
  /* min-height: 480px; */
  width: 350px;
}
.printMealPlanRight
{
  /* background: rgb(252, 0, 0); */
  border: 1px solid black;
  height: 520px;
  left: 355px;
  margin-bottom: -520px; /* set to rendered height of .printMealPlanLeft to prevent extra space in parent container */
  overflow-y: auto;
  padding: 2px;
  position: relative;
  top: -520px; /* set to rendered height of .printMealPlanLeft; */
  width: 376px;
}

.printMealPlanRight h2
{
  border-bottom: 1px solid black;
  margin: 0 0 6px;
  /* text-decoration: underline; */
}

.printMealPlanRight h6
{
  margin: 0 0 6px;
}

.printMealPlanSpace
{
  height: 22px;
}

.printMealPlanLabel
{
  float: left;
  margin-left: 50px;
  width: 120px;
}

.printMealPlanInput
{
  float: left;
  width: 240px;
}

.printMealPlanInput input
{
  float: left;
  width: 240px;
}

.printMealPlanSubmitSpace
{
  height: 22px;
  margin-top: 10px;
}

.printMealPlanButton
{
  float: left;
  text-align: center;
  width: 300px;
}

.printMealPlanButton input
{
  margin-left: 20px;
  width: 100px;
}

.printMealPlanOrgLogo
{
  max-height: 100px;
  max-width: 600px;
}

.printMealPlanDelete
{
  margin-top: 25px;
  padding-left: 50px;
}

.printMealPlanError
{
  color: red;
  text-align: center;
}


form#LostPassword
{
  /* border: 1px solid black; */
  margin: 10px auto 50px;
  padding: 10px;
  width: 580px;
}

h1.LostPassword
{
  text-align: center;
}

p.LostPassword
{
  margin: 0 auto;
  width: 580px;
}

div.LostPassword
{
  margin: 0 auto;
  width: 580px;
}

input#LostUsername
{
  margin-left: 10px;
}

input#LostSubmit
{
  margin-left: 90px;
  margin-top: 10px;
}

div.LostError
{
  color: red;
  margin: 0 auto 20px;
  width: 580px;
}


div.FakeButton
{
  background-color: rgb(212, 208, 200);
  border-bottom: 2px solid rgb(128, 128, 128); /* grey */
  border-left: 2px solid rgb(255, 255, 218); /* off-white */
  border-right: 2px solid rgb(128, 128, 128); /* grey */
  border-top: 2px solid rgb(255, 255, 218); /* off-white */
  /* font-family: monospace; */ /*"Courier New", Courier, Monaco;*/
  text-align: center;
}

div.FakeButton a
{
  display: block;
  text-decoration: none;
  width: 100%;
}

/* Id definitions unnecessary now that this object uses class definitions
div#SheNeverToldMeSheWasaMime
{
  color: black;
  width: 180px;
}
div#SheNeverToldMeSheWasaMime a
{
  color: black;
}
*/

div.FakeButton.EditFoodExchange
{
  color: black;
  float: left;
  width: 190px;
}

div.FakeButton.EditFoodExchange a
{
  color: black;
}

div.FakeButton.ViewFoodExchange
{
  color: black;
  float: left;
  margin-left: 10px;
  width: 230px;
}

div.FakeButton.ViewFoodExchange a
{
  color: black;
}

div.FakeButton.PdfMealPlan
{
  color: black;
  float: left;
  width: 180px;
}
div.FakeButton.PdfMealPlan.Margin
{
  margin-left: 10px;
}
div.FakeButton.PdfMealPlan a
{
  color: black;
}


.PdfMealPlanButtons
{
  /* background: rgb(252, 0, 252); */
  height: 25px;
  margin: 5px auto 0 auto;
  width: 770px; /*590px;*/
}



/****** Slide show stylings: ******/

.clear
{
  clear: both;
}

#gallery
{
  height: 300px;
  overflow: hidden;
  position: relative;
}
#gallery a
{
  float: left;
  position: absolute;
}

#gallery a img
{
border: none;
}

#gallery a.show
{
  z-index: 500;
}

#gallery .caption
{
  background-color: #000; 
  bottom: 0;
  color: #ffffff; 
  z-index: 600; 
  height: 100px; 
  position: absolute;
  width: 100%; 
}

#gallery .caption .content
{
  margin: 5px;
}

#gallery .caption .content h3
{
  margin: 0;
  padding: 0;
  color: #1DCCEF;
}


.OrgMailLogo
{
  /* max-height: 130px; */
  max-width: 100%; /* 790px; */
}

.OrgFontColor1
{
  color: rgb(61, 84, 162);
}

.OrgMailContactDiv
{
  min-height: 40px;
}

.OrgMailContactUs
{
  float: left;
  margin-left: 21%;
}

.OrgMailContactHow
{
  float: left;
  margin-left: 6px;
  margin-top: 10px;
}

form#MiscMmiDemo,
form#MiscMfiDemo,
form#MiscMfimDemo,
form#MiscPersonalMmiDemo,
form#MiscPersonalMfiDemo,
form#MiscPersonalMfimDemo
{
  border: 1px solid black;
  margin: 0 auto;
  padding: 4px;
  width:  400px;
}

form#MiscMmiDemo div,
form#MiscMfiDemo div,
form#MiscMfimDemo div,
form#MiscPersonalMmiDemo div,
form#MiscPersonalMfiDemo div,
form#MiscPersonalMfimDemo div
{
  /* background-color: #aaaaaa; */
  display: inline-block;
  float: left;
  width: 240px;
}

form#MiscMmiDemo input,
form#MiscMfiDemo input,
form#MiscMfimDemo input,
form#MiscPersonalMmiDemo input,
form#MiscPersonalMfiDemo input,
form#MiscPersonalMfimDemo input
{
	margin: 0; /* necessary for Safari */
}

form#MiscMmiDemo input.number,
form#MiscMfiDemo input.number,
form#MiscMfimDemo input.number,
form#MiscPersonalMmiDemo input.number,
form#MiscPersonalMfiDemo input.number,
form#MiscPersonalMfimDemo input.number
{
  text-align: right;
  width: 60px;
}

form#MiscMmiDemo fieldset,
form#MiscMfiDemo fieldset,
form#MiscMfimDemo fieldset,
form#MiscPersonalMmiDemo fieldset,
form#MiscPersonalMfiDemo fieldset,
form#MiscPersonalMfimDemo fieldset
{
  border: none;
  margin: 0;
  padding: 0;
}

#TrimOrgLogo
{
  border: none;
  height: 100px;
  /* max-width: 790px; */
  width: 410px;
}

.ArrowsBackNext
{
  /* background-color: red; */
  height: 50px;
}
.ArrowsBackNext div
{
  /* background-color: blue; */
  background-repeat: no-repeat;
  color: aqua;
  cursor: pointer;
  font-family: monospace;
  font-weight: bold;
  height: 32px; /* 50px */
  padding-top: 18px;
  text-transform: uppercase;
  width: 65px;
}
.ArrowsBackNext div.Left
{
  background-image: url(../pix/BlueArrowLeft.gif);
  float: left;
  padding-right: 10px;
  text-align: right;
  width: 55px;
}
.ArrowsBackNext div.Right
{
  background-image: url(../pix/BlueArrowRight.gif);
  float: right;
  padding-left: 10px;
  width: 55px;
}
.ArrowsBackNext div#TrimNext5,
.ArrowsBackNext div#TrimNext6
{
  background-image: url(../pix/RedArrowRight.gif);
  color: white;
}

#TrimForm
{
  /* border: 1px solid black; */
  font-family: arial, helvetica, sans-serif;
  font-size: 13px;
  min-height: 550px;
  overflow: auto;
}

#TrimForm input.b1
{
  margin: 0 10px;
  width: 90px;
}
#TrimForm input.b2
{
  height: 22px;
  width: 70px;
}

#TrimForm .col1
{
  margin: 0 auto;
  min-height: 24px;
  overflow: auto;
  width: 400px;
}
#TrimForm .col2
{
  /* background-color: aqua; */
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 380px;
}
#TrimForm .col3
{
  /* background-color: gold; */
  float: right;
  min-height: 24px;
  overflow: auto;
  width: 380px;
}
/*
#TrimForm .col4
{
  margin: 0 auto;
  min-height: 24px;
  overflow: auto;
  width: 790px; *//* 430px; *//*
}
*/
#TrimForm .col5
{
  float: left;
  font-weight: bold;
  min-height: 24px;
  overflow: auto;
  width: 260px;
}
#TrimForm .col6
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 230px;
}
#TrimForm .col7
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 160px;
}
#TrimForm .col8
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 100px;
}
#TrimForm .col9
{
  margin: 0 auto;
  width: 490px;
}
#TrimForm .col10
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 130px;
}
#TrimForm .col11
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 50px;
}
#TrimForm .col12
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 284px;
}
#TrimForm .col13
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 190px;
}
#TrimForm .col14
{
  margin: 0 auto;
  min-height: 24px;
  overflow: auto;
  width: 390px;
}
#TrimForm .col15
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 260px;
}
#TrimForm .col16
{
  border-right: 1px solid black;
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 460px;
}

#TrimForm fieldset.f1
{
  border: none;
  margin: 0;
  padding: 0;
}

#TrimForm input.i1
{
  width: 210px;
}
/*
#TrimForm input.i2
{
  width: 200px;
}
*/
/*
#TrimForm input.i3
{
  font-family: monospace;
  width: 200px;
}
*/
#TrimForm input.i4
{
  font-family: monospace;
  text-align: right;
  width: 40px;
}
#TrimForm input.i5
{
  width: 120px;
}
#TrimForm input.i6
{
  width: 380px;
}
#TrimForm input.i7
{
  font-family: monospace;
  width: 44px;
}
#TrimForm input.i8
{
  width: 270px;
}
#TrimForm input.i9
{
  font-family: monospace;
  width: 180px;
}
#TrimForm input.i10
{
  width: 180px;
}

/*
#TrimForm .label1
{
  float: left;
  font-weight: bold;
  min-height: 18px;
  width: 100px;
}
*/

#TrimForm .row1
{
  min-height: 24px;
  width: 790px;
  overflow: auto;
}
/*
#TrimForm .row2
{
  min-height: 24px;
  width: 430px;
  overflow: auto;
}
*/
#TrimForm .row3
{
  min-height: 24px;
  width: 490px;
  overflow: auto;
}
#TrimForm .row4
{
  min-height: 24px;
  width: 260px;
  overflow: auto;
}
#TrimForm .row4.c
{
  margin: 0 auto;
}
#TrimForm .row5
{
  font-weight: bold;
  min-height: 18px;
  width: 100px;
}
#TrimForm .row6
{
  min-height: 24px;
  width: 390px;
  overflow: auto;
}


#TrimForm select.s1
{
  width: 300px;
}
#TrimForm select.s2
{
  float: left;
  width: 120px;
}
#TrimForm select.s3
{
  float: left;
  width: 140px;
}
#TrimForm select.s4
{
  font-family: monospace;
  font-size: 12px;
  width: 550px;
}
#TrimForm select.s5
{
  font-family: monospace;
  font-size: 12px;
}
#TrimForm select.s6
{
  width: 376px;
}

#TrimReport
{
  border: none;
  height: 1200px;
  margin: 0;
  /* overflow: hidden; */
  width: 790px;
}

/* DIVs used for vertical spacing */
.spacer12
{
  height: 12px;
  width: 200px;
}
.spacer25
{
  height: 25px;
  width: 2px;
}

/* DIVs used for horizontal spacing */
.spacer25x2
{
  float: left;
  height: 2px;
  width: 25px;
}
.spacer50x2
{
  float: left;
  height: 2px;
  width: 50px;
}
.spacer90x2
{
  float: left;
  height: 2px;
  width: 90px;
}
.spacer98x2
{
  float: left;
  height: 2px;
  width: 98px;
}

.req /* required input */
{
  color: red;
  /* font-family: monospace; */
}

#PopupBlanket
{
  background-color: gray;
  display: none;
  height: 100%;
  left: 0;
  margin: 0 auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 32000;
}

.GenericPopup
{
  background-color: aqua;
  background-image: url(../pix/bk_splash4.jpg);
  background-position: -300px 0;
  border: 2px solid blue;
  display: none;
  min-height: 120px;
  left: 0;
  margin: auto;
  overflow: auto;
  padding: 4px;
  position: fixed;
  top: 0;
  width: 326px;
  z-index: 32001;
}
.GenericPopup input.b1
{
  height: 22px;
  width: 100px;
}
.GenericPopup input.b2
{
  height: 22px;
  width: 70px;
}


#CalcBodyFat
{
  min-height: 130px;
  width: 760px;
  z-index: 32002;
}

#PopupDeleteUser,
#PopupMsgBox,
#PopupWithButtons
{
  z-index: 32003;
}
/* I should change these definitions to classes, eh? */
#PopupBtnTitle,
#PopupGramCounterTitle,
#PopupContractTitle,
#PopupDelTitle,
#PopupMsgTitle,
#PopupMemberDayTitle,
#PopupMemberMailTitle,
#PopupMemberWeekTitle,
#PopupUploadAttachmentTitle
{
  border-bottom: 2px solid #1278A9;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
#PopupBtnText,
#PopupGramCounterText,
#PopupContractText,
#PopupDelText,
#PopupMsgText,
#PopupMemberDayText,
#PopupMemberMailText,
#PopupMemberWeekText,
#PopupTrimProcessing,
#PopupUploadAttachmentText
{
  font-size: 16px;
  font-weight: 500;
  min-height: 90px;
  overflow: auto;
}

#PopupGramCounterTitle
{
  cursor: move;
}
#PopupGramCounterText input
{
  font-family: mono;
  text-align: right;
}

#PopupDelBtns input
{
  margin: 4px 10px;
  width: 120px;
}

#PopupMemberMail
{
  z-index: 32002;
}

#PopupMemberMailText img
{
  border: none;
}

#PopupMemberWeekText .i1
{
  text-align: right;
  width: 40px;
}

#PopupMemberDay .i1
{
  font-family: monospace;
  width: 90px;
}


#PopupUploadAttachment
{
  z-index: 32002;
}


#PopupAdmin
{
  width: 750px;
}

#PopupAdmin .b3
{
  float: right;
}

#PopupAdmin .i1
{
  width: 740px;
}

#TableReassignMembers
{
  border: 1px solid black;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0 auto;
}
#TableReassignMembers tr
{
  border: 1px solid #949494;
}
#TableReassignMembers tr:hover
{
  background-color: #FF8040;
}


#EditMember
{
  /* border: 1px solid black; */
  font-family: arial, helvetica, sans-serif;
  font-size: 13px;
  min-height: 100px;
  overflow: auto;
}

#EditMember input.b1
{
  height: 22px;
  width: 100px;
}
#EditMember input.b2
{
  width: 176px;
}
#EditMember input.b3
{
  background-image: url(../pix/refresh16x16.gif);
  border: none;
  height: 16px;
  padding: 0;
  width: 16px;
}
#EditMember input.b3:hover
{
  background-image: url(../pix/refreshb16x16.gif);
}
#EditMember input.b4
{
  height: 60px;
  width: 100px;
}

#EditMember .col1
{
  /* background-color: gold; */
  float: left;
  /* margin: 0 auto; */
  min-height: 24px;
  overflow: auto;
  width: 390px;
}
#EditMember .col2
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 130px;
}
#EditMember .col3
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 50px;
}
#EditMember .col4
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 190px;
}
#EditMember .col5
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 284px;
}
#EditMember .col6
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 50px;
}
#EditMember .col7
{
  /* background-color: aqua; */
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 375px;
}
#EditMember .col8
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 124px;
}
#EditMember .col9
{
  /* background-color: yellow; */
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 180px;
}
#EditMember .col10
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 255px;
}
#EditMember .col11
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 120px;
}
#EditMember .col12
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 70px;
}
#EditMember .col13
{
  float: right;
  min-height: 24px;
  overflow: auto;
  width: 100px;
}
#EditMember .col14
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 150px;
}
#EditMember .col15
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 225px;
}
#EditMember .col16
{
  background-color: #4E86B3;
  background-image: url(../pix/bk_splash4.jpg);
  background-position: -300px 0;
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 550px;
}
#EditMember .col17
{
  float: left;
  min-height: 24px;
  overflow: auto;
  text-align: center;
  width: 110px;
}
#EditMember .col18
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 100px;
}
#EditMember .col19
{
  float: left;
  min-height: 24px;
  overflow: auto;
  width: 148px;
}

#EditMember fieldset.f1
{
  border: none;
  margin: 0;
  padding: 0;
}

#EditMember input.i1
{
  width: 120px;
}
#EditMember input.i2
{
  width: 380px;
}
#EditMember input.i3
{
  font-family: monospace;
  width: 44px;
}
#EditMember input.i4
{
  width: 270px;
}
#EditMember input.i5
{
  font-family: monospace;
  width: 180px;
}
#EditMember input.i6
{
  width: 180px;
}
#EditMember input.i7
{
  font-family: monospace;
  width: 90px;
}
#EditMember input.i8
{
  font-family: monospace;
  text-align: right;
  width: 40px;
}
#EditMember input.i9
{
  border: none;
  margin: 0;
  width: 10px;
}

#EditMember .row1
{
  min-height: 24px;
  overflow: auto;
  width: 390px;
}
#EditMember .row2
{
  min-height: 24px;
  overflow: auto;
  width: 790px;
}
#EditMember .row3
{
  min-height: 24px;
  overflow: auto;
  width: 375px;
}
#EditMember .row4
{
  border: 1px solid #C0C0C0;
  min-height: 24px;
  overflow: auto;
  width: 373px;
}
#EditMember .row5
{
  min-height: 24px;
  overflow: auto;
  width: 600px;
}
#EditMember .row6
{
  height: 180px;
  /*margin: 0 auto; */
  overflow: hidden;
  width: 790px;
}
#EditMember .row7
{
  min-height: 24px;
  overflow: auto;
  width: 373px;
}
#EditMember .row8
{
  border: 4px solid #98BFDE;
  /* height: 180px; */
  overflow: hidden;
  padding: 2px;
  width: 778px;
}

#EditMember select.s1
{
  font-family: monospace;
  font-size: 12px;
}

#EditMember #NoteArea
{
  /*border: 1px solid #73AAD5; */
  height: 130px;
  /*margin: 0 auto; */
  overflow: hidden;
  width: 550px;
}
#EditMember #NoteClick
{
  cursor: pointer;
}
#EditMember #Note
{
  height: 100px;
  width: 544px;
}
#EditMember #NoteSlider
{
  background-position: -25px;
}


.BigRed
{
  color: red;
  font-size: 20px;
  font-weight: bold;
}

.HappyMsg
{
  color: blue;
}


#EditMailer
{
  /* border: 1px solid black; */
  font-family: arial, helvetica, sans-serif;
  font-size: 13px;
  min-height: 100px;
  overflow: auto;
}

#EditMailer .b1
{
  margin-right: 10px;
  width: 120px;
}
#EditMailer .b2
{
  float: right;
  width: 120px;
}
#EditMailer .b3
{
  width: 60px;
}

#EditMailer .col1
{
  float: left;
  width: 100px;
}
#EditMailer .col2
{
  float: left;
  width: 390px;
}
#EditMailer .col3
{
  float: left;
  width: 300px;
}
#EditMailer .col4
{
  float: left;
  min-height: 16px;
  width: 490px;
}
#EditMailer .col5
{
  float: left;
  min-height: 16px;
  width: 350px;
}
#EditMailer .col6
{
  float: left;
  height: 200px;
  width: 80px;
}

#EditMailer .i1
{
  width: 330px;
}
#EditMailer .i2
{
  text-align: center;
  width: 60px;
}
#EditMailer .i3
{
  width: 320px;
}

#EditMailer .row1
{
  min-height: 16px;
  overflow: auto;
  width: 790px;
}
#EditMailer .row2
{
  height: 20px;
  width: 490px;
}
#EditMailer .row3
{
  border: 1px solid aqua;
  float: left;
  height: 146px;
  width: 488px;
}
#EditMailer .row4
{
  margin-left: 100px;
  min-height: 16px;
  overflow: auto;
  width: 390px;
}


#EditMailer .s1
{
  float: left;
  font-family: monospace; /*"Courier New", Courier, Monaco;*/
  height: 168px;
  width: 300px;
}

#EditMailer .t1
{
  font-family: monospace; /*"Courier New", Courier, Monaco;*/
  height: 500px;
  width: 784px; /* 790 with borders */
}

#EditMailer #Attachable,
#EditMailer #Files
{
  border: 1px solid black;
  float: left;
  height: 200px;
  overflow: scroll;
  width: 348px;
}

#EditMailer #Attachable table,
#EditMailer #Files table
{
  border: none;
  border-collapse: collapse;
  border-spacing: 0px;
}

#EditMailer #Attachable td,
#EditMailer #Files td
{
  /*border: 1px solid rgb(180, 180, 180);*/
  border-spacing: 0px;
  font-family: monospace; /*"Courier New", Courier, Monaco;*/
  font-size: small; /* necessary to make text not look HUGE in IE */
  padding: 0 4px;
}

/* Attachment Filename */
#EditMailer #Attachable .afn,
#EditMailer #Files td.afn
{
  /*width: 258px; bloody doesn't work; min-width would, but only in FireFox */
}

/* Attachment File Size */
#EditMailer #Attachable .afs,
#EditMailer #Files .afs
{
  text-align: right;
}

/* Attachment Modified Date */
#EditMailer #Attachable .amd,
#EditMailer #Files .amd
{
}

#EditMailer #Attachable tr:hover,
#EditMailer #Files tr:hover,
#EditMailer #Attachable tr.Selected,
#EditMailer #Files tr.Selected
{
  background: rgb(248, 188, 107);
}


.MainButt
{
  background-color: aqua;
  border-color: blue;
  color: blue;
}

.DelButt
{
  border-color: red;
  background-color: #FFC0CB;
  color: red;
}


.MonoFrito /* con ketchup y mustard */
{
  background-color: yellow;
  color: red;
}

.FatTable
{
  margin: 20px auto;
  width: 200px;
}

.FatTable,
.FatTable th,
.FatTable td
{
  border: 1px solid black;
  border-collapse: collapse;
}
.FatTable td.F,
.FatTable td.M
{
  font-family: monospace;
  text-align: center;
}

/* for debugging
#TrimBox1,
#TrimBox2,
#TrimBox3,
#TrimBox4,
#TrimBox5,
#TrimBox6,
#TrimBox7,
#TrimBox8
{
  border: 1px solid green;
}
*/


table#MigrationSetupTable,
table#MigrationSetupTable th,
table#MigrationSetupTable td
{
  border: 1px solid black;
  border-collapse: collapse;
  font-family: monospace;
}
table#MigrationSetupTable fieldset
{
  border: none;
  margin: 0;
  padding: 0;
}
table#MigrationSetupTable td select
{
  background: none;
  border: none;
  float: right;
  font-family: monospace;
  height: 17px;
  margin: 0;
  padding: 0;
}
table#MigrationSetupTable .From,
table#MigrationSetupTable .To
{
  min-width: 100px;
}
table#MigrationSetupTable tr.NotTh:hover
{
  background-color: orange;
}
table#MigrationSetupTable .development
{
  background-color: aqua;
}
table#MigrationSetupTable .testing
{
  background-color: yellow;
}
table#MigrationSetupTable .production
{
  background-color: #80FF00;
}
table#MigrationSetupTable .none
{
  background-color: #FF4A4A;
}
table#MigrationSetupTable .overwrite,
table#MigrationSetupTable .preserve
{
  background-color: #F88C16;
}
table#MigrationSetupTable .backup
{
  background-color: #DC80F0;
}
/*
table#MigrationSetupTable .TabelVersion
{
  background-color: #AF6161;
}
*/
table#MigrationSetupTable div
{
  float: left;
  height: 17px;
  text-align: center;
  width: 20px;
}
table#MigrationSetupTable #Select_All div,
table#MigrationSetupTable #Select_Common div
{
  cursor: pointer;
}
table#MigrationSetupTable input.r1
{
  height: 100%;
  width: 100%;
}
table#MigrationSetupTable input.c1
{
  height: 100%;
  width: 100%;
}


ol.TrimMenu
{
  list-style-type: none;
}
ol.TrimMenu.List1
{
  counter-reset: item;
}
ol.TrimMenu.List2
{
  counter-reset: item 3;
}

ol.TrimMenu li
{
  padding: 20px 0;
}
ol.TrimMenu li:before
{
  content: counter(item) '. ';
  counter-increment: item;
}


#PopupContract input.i7
{
  font-family: monospace;
  width: 90px;
}


ul.HelpMember li
{
  margin: 4px 0;
}
ul.HelpMember .Admin
{
  background-color: #A0C5E2;
}


.btnListPageAddItem
{
  margin: 2px auto;
  width: 200px;
}


.MailDebuggerTable tr:hover
{
  background-color: #FF8040;
}