﻿* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

/* IE6 Hack */
* html #container {
  height: 100%;
}

body {
  background-color: #f6f6f6;
  margin: 0;
  padding: 0;
  font-family: verdana, helvetica, sans-serif;
  font-size: 0.7em;
}

h2 {
  font-weight: normal;
  font-size: 130%;
  margin-bottom: 0.5em;
}

a {
  text-decoration: none;
  color: #006E2D;
}

a:hover {
  text-decoration: underline;
}

ul {
  margin: 0px;
  padding: 0pt;
}

ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0pt 0pt 7px 12px;
}

img {
  border: none;
}

div.clear {
  clear: both;
  font-size: 1px;
  line-height: 0;
}

div.message_box {
  border: solid 1px #ff6868;
  padding: 0.2em;
  background-color: #ffbfbf;
  margin-bottom: 0.5em;
}

div.error {
  color: #cf0000;
}

div.list_container {
  float: left;
}

ul.flat {
  display:inline;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0pt;
  padding:0pt;
}

ul.flat li {
  float:left;
  margin-right:1em;
  padding: 1px 0;
}

p.go_to {
  margin-top: 1em;
}

p.space_above {
  margin-top: 1em;
}

p.space_below {
  margin-bottom: 1em;
}

span.required {
  color: #ff0000;
  font-weight: normal;
}

form label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

form table td {
  padding-bottom: 5px;
}

form input, select {
  font-family: verdana, helvetica, sans-serif;
  font-size: 1em;
  padding: 2px;
}

form input[type=text], input[type=password] {
  width: 180px;
}

form select {
  width: 188px;
}

table.list thead tr {
  background-color: #006e2d;
  color: #ffffff;
  padding: 5px 5px;
}

table.list tr td {
  padding: 5px 2px;
}

table.list td.counter {
  width: 15px;
  text-align: right;
}

table.list tr.odd {
  background-color: #fff5c9;
}

table.tabular {
  border: solid 1px #caff7c;
}

table.tabular tr td {
  padding: 0.5em;
}

table.tabular tr td.label {
  background-color: #E6FFC1;
}

table.tabular tr td.data {
  background-color: #F5FFE8;
  padding-right: 50px;
}

span.click_on_check {
  cursor: pointer;
}

#header {
  background-image:url(/images/bg_main_header.gif);
  background-repeat:no-repeat;
  height:105px;
  padding:25px 30px 0;
  width:723px;
}

#content {
  background-image: url(/images/bg_main_body.gif);
  padding: 0px 30px;
  width: 723px;
}

#global {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 35px;
  padding-top: 12px;
  width: 783px;
}

#title_logo a {
  background: transparent url(/images/logo.gif) no-repeat scroll 0%;
  border: 0px none;
  display: block;
  height: 40px;
  width: 100%;
}

#main_nav {
  padding-top: 30px;
}

#main_nav li {
  background-image: none;
  float: left;
  height: 21px;
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  padding-right: 3px;
  width: 160px;
}

#main_nav a {
  border: 0px none;
  display: block;
  height: 21px;
  text-decoration: none;
  width: 100%;
}

#main_nav_teething a {
  background: transparent url(/images/nav_teething_off.gif) no-repeat scroll 0%;
}
#main_nav_teething a:hover, #main_nav_teething a:focus {
  background: transparent url(/images/nav_teething_roll.gif) no-repeat scroll 0%;
}
#main_nav_teethingActive a {
  background: transparent url(/images/nav_teething_on.gif) no-repeat scroll 0%;
}
#main_nav_ulcers a {
  background: transparent url(/images/nav_ulcers_off.gif) no-repeat scroll 0%;
}
#main_nav_ulcers a:hover, #main_nav_ulcers a:focus {
  background: transparent url(/images/nav_ulcers_roll.gif) no-repeat scroll 0%;
}
#main_nav_ulcersActive a {
  background: transparent url(/images/nav_ulcers_on.gif) no-repeat scroll 0%;
}
#main_nav_sores a {
  background: transparent url(/images/nav_sores_off.gif) no-repeat scroll 0%;
}
#main_nav_sores a:hover, #main_nav_sores a:focus {
  background: transparent url(/images/nav_sores_roll.gif) no-repeat scroll 0%;
}
#main_nav_soresActive a {
  background: transparent url(/images/nav_sores_on.gif) no-repeat scroll 0%;
}
#main_nav_contact a {
  background: transparent url(/images/nav_contact_off.gif) no-repeat scroll 0%;
}
#main_nav_contact a:hover, #main_nav_contact a:focus {
  background: transparent url(/images/nav_contact_roll.gif) no-repeat scroll 0%;
}
#main_nav_contactActive a {
  background: transparent url(/images/nav_contact_on.gif) no-repeat scroll 0%;
}

#login_status {
  margin: 0 0 0.5em 0.5em;
  text-align: right;
}

.greyline {
  background-color: #cccccc;
  font-size: 0px;
  height: 1px;
  line-height: 0px;
  margin: 0px;
  overflow: hidden;
  padding: 0px;
  width: 100%;
}

#main_nav .greyline {
  margin-top: 7px;
}

#bodycopy {
  padding-bottom: 20px;
}

#leftnav {
  float: left;
  padding-top: 20px;
  width: 162px;
}

#leftnav li {
  background: transparent url(/images/bullet.gif) no-repeat scroll 0 0;
  height: 12px;
  width: 117px;
}

#leftnav a {
  border: 0px none;
  display: block;
  height: 12px;
  text-decoration: none;
  width: 100%;
}

#leftnavProcess a {
  background: transparent url(/images/snav_process_off.gif) no-repeat scroll 0%;
}
#leftnavProcess a:hover, #leftnavProcess a:focus {
  background: transparent url(/images/snav_process_roll.gif) no-repeat scroll 0%;
}
#leftnavProcessActive a {
  background: transparent url(/images/snav_process_on.gif) no-repeat scroll 0%;
}
#leftnavSymptoms a {
  background: transparent url(/images/snav_symptoms_off.gif) no-repeat scroll 0%;
}
#leftnavSymptoms a:hover, #leftnavSymptoms a:focus {
  background: transparent url(/images/snav_symptoms_roll.gif) no-repeat scroll 0%;
}
#leftnavSymptomsActive a {
  background: transparent url(/images/snav_symptoms_on.gif) no-repeat scroll 0%;
}
#leftnavChart a {
  background: transparent url(/images/snav_chart_off.gif) no-repeat scroll 0%;
}
#leftnavChart a:hover, #leftnavChart a:focus {
  background: transparent url(/images/snav_chart_roll.gif) no-repeat scroll 0%;
}
#leftnavChartActive a {
  background: transparent url(/images/snav_chart_on.gif) no-repeat scroll 0%;
}
#leftnavEasing a {
  background: transparent url(/images/snav_easing_off.gif) no-repeat scroll 0%;
}
#leftnavEasing a:hover, #leftnavEasing a:focus {
  background: transparent url(/images/snav_easing_roll.gif) no-repeat scroll 0%;
}
#leftnavEasingActive a {
  background: transparent url(/images/snav_easing_on.gif) no-repeat scroll 0%;
}
#leftnavTellAFriend a {
  background: transparent url(/images/snav_tellafriend_off.gif) no-repeat scroll 0%;
}
#leftnavTellAFriend a:hover, #leftnavTellAFriend a:focus {
  background: transparent url(/images/snav_tellafriend_roll.gif) no-repeat scroll 0%;
}
#leftnavTellAFriendActive a {
  background: transparent url(/images/snav_tellafriend_on.gif) no-repeat scroll 0%;
}
#leftnavSM33 a {
  background: transparent url(/images/snav_SM33_off.gif) no-repeat scroll 0%;
}
#leftnavSM33 a:hover, #leftnavSM33 a:focus {
  background: transparent url(/images/snav_SM33_roll.gif) no-repeat scroll 0%;
}
#leftnavSM33Active a {
  background: transparent url(/images/snav_SM33_on.gif) no-repeat scroll 0%;
}
#leftnavCaring a {
  background: transparent url(/images/snav_caring_off.gif) no-repeat scroll 0%;
}
#leftnavCaring a:hover, #leftnavCaring a:focus {
  background: transparent url(/images/snav_caring_roll.gif) no-repeat scroll 0%;
}
#leftnavCaringActive a {
  background: transparent url(/images/snav_caring_on.gif) no-repeat scroll 0%;
}
#leftnavCompetition a {
  height: 23px;
}
#leftnavCompetition a {
  background: transparent url(/images/snav_competition_off.gif) no-repeat scroll 0%;
}
#leftnavCompetition a:hover, #leftnavCompetition a:focus {
  background: transparent url(/images/snav_competition_roll.gif) no-repeat scroll 0%;
}
#leftnavCompetitionActive a {
  background: transparent url(/images/snav_competition_on.gif) no-repeat scroll 0%;
  height: 23px;
}

#midcolumn {
  float: left;
  width: 540px;
  padding-left: 0.5em;
}

#footercopy {
  background-image: url(/images/bg_main_bottom.gif);
  background-repeat: no-repeat;
  height: 95px;
  width: 783px;
}

#footernav {
  padding-bottom: 0px;
  padding-right: 30px;
  padding-top: 5px;
}

#footernav ul li {
  background: transparent none repeat scroll 0%;
  float: right;
  list-style-type: none;
  margin: 0px;
  padding-left: 3px;
  padding-right: 4px;
}

div.shadow {
  float: left;
  padding: 0 1px;
  background: #bfbfbf;
  border-left: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  position: relative;
}
div.shadow div.image_container {
  padding: 5px 5px 9px 5px;
  background: white url(../images/shad_bottom.png) repeat-x bottom left;
}
div.shadow div.image_container.tiny {
  padding-bottom: 18px;
}
div.shadow div.image_container.small {
  padding-bottom: 30px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
div.shadow div.image_container.medium {
  padding-bottom: 60px;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
div.shadow div.image_container.big {
  padding-bottom: 120px;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

div.shadow div.image_container div.message {
  margin: 0.5em 0;
}
div.shadow div.topleft {
  width: 2px;
  height: 4px;
  /*background: url(../images/shad_tlcorner.png) no-repeat top left;*/
  position: absolute;
  top: 0px;
  left: -1px;
}
div.shadow div.topright {
  width: 2px;
  height: 4px;
  /*background: url(../images/shad_trcorner.png) no-repeat top right;*/
  position: absolute;
  top: 0px;
  right: -1px;
}
div.shadow div.bottomleft {
  width: 4px;
  height: 4px;
  background: url(../images/shad_blcorner.png) no-repeat bottom left;
  position: absolute;
  bottom: 0px;
  left: -1px;
}
div.shadow div.bottomright {
  width: 4px;
  height: 4px;
  background: url(../images/shad_brcorner.png) no-repeat bottom right;
  position: absolute;
  bottom: 0px;
  right: -1px;
}

.photo_row {
  margin-bottom: 0.5em;
}

.a_photo {
  float: left;
  margin-right: 0.9em;
  text-align: center;
}

.fine_print {
  color: #808080;
  font-size: 90%;
}

#feature_placeholder {
  margin-bottom: 0.5em;
}

.block_of_text {
  margin-bottom: 1.2em;
}

.spinner {
  padding: 0 1em;
}

.hidden {
  display: none;
}