/* CSS 2.1 styles for GCL objects */

/******************************************************************
 * Styles common to all GCLs
 ******************************************************************/
.gcl {
  font-size: 11px; font-family: arial,helvetica;
}
.gclMore {
  float: right;
}

.gclBody {
  background-color: #FFF;
  border: solid #CCC 1px;
  /* height: 100%;    breaks Mac Safari */
  width: 100%;
}

.gclBody p {
  font-size: 11px;
  margin: 0 0 .5em 0;
}

.gclBody h1 {
  font-size: 11px;
  margin: 0 0 .3em 0;
  padding: 0;
}
.gclBody a:hover {
  color: #F60;
}

.gclBody p {
  margin: 0 0 .5em 0;
}

/* Top tab image and rollover */
.gclTab {
  height: 18px;
  width: 100%;
}
.gclTab a {
  display: block;
  text-decoration: none;
  height: 18px;
  width: 100%;
  background: url("http://www.healthnotes.info/http/hnobjects/images/GCLt_healthnotes.gif") no-repeat;
}

.gclTab a:hover {
  background: url("http://www.healthnotes.info/http/hnobjects/images/GCLt_healthnotesOn.gif") no-repeat;
}

/* Feature image and link */
.gclImg {
}
.gclImg a {
  display: block;
  text-decoration: none;
  height: 100%; /* Firefox needs this */
  width: 100%;
}

/* Textual content section */
.gclText {
  padding: .5em;
}

/* Positioning and providing hover effects for the "more" link  */
.gclMore {
  background: url("http://www.healthnotes.info/http/hnobjects/images/gcl_moreArr.jpg") no-repeat;
  float: right;
  height: 45px;
  width: 40px;
}
.gclMore a {
  display: block;
  text-decoration: none;
  height: 45px;
  width: 40px;
}
.gclMore a:hover {
  background: url("http://www.healthnotes.info/http/hnobjects/images/gcl_moreArrOn.gif") no-repeat;
}


/******************************************************************
 * Browser-specific fixes
 ******************************************************************/
* html .gclMore {
}
/* add box-model hack for IE browsers on height of .gclImg */


/******************************************************************
 * Styles specific to individual GCLs -- examples below
 ******************************************************************/

#gcl1000491 .gclTab a {
  background: url("http://www.healthnotes.info/http/hnobjects/images/GCLt_healthnotes.gif") no-repeat;
}
#gcl1000491 .gclTab a:hover {
  background: url("http://www.healthnotes.info/http/hnobjects/images/GCLt_healthnotesOn.gif") no-repeat;
}

#gcl1000491 .gclImg {
  background: url("http://www.healthnotes.info/http/hnobjects/images/gcli_WeightLossDiets.jpg") no-repeat;
}
 ******************************************************************/