/* Plan B Styles */

body {
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
  color: #333;
  margin: 0 0 30px 0;
  padding: 0;
  background-color: #07828d !important;
  background-image: url(../graphics/blue-background.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

.img-replace {
  display: none;
}

hr {
  border: none;
  border-bottom: 1px solid #ccc;
}


#main-wrapper {
  width: 838px;
  margin: 60px auto 0px;
  background-image: url(../graphics/main-background.jpg);
  background-repeat: repeat-y;
  padding: 0px;
  position: relative;
}

#header-wrapper {
  position: relative;
  height: 62px;
  width: 815px;
  background-repeat: no-repeat;
  left: 11px;
}

#top-cover-strip {
 background-image: url(../graphics/top-cover-strip.jpg);
 height: 20px;
 width: 815px;
 position: absolute;
 left: 0px;
}

.main-menu {
 background-image: url(../graphics/header-background.jpg);
}

.learning-center-menu {
 background-image: url(../graphics/learning-header-background.jpg);
}


.about-us-menu {
 background-image: url(../graphics/about-us-header-background.jpg);
}


#header-wrapper h1 {
  margin: 0;
  padding: 0;
}

#left-side-gradient {
  width: 36px;
  height: 274px;
  background-image: url(../graphics/left-side-gradient.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: -20px;
  top: 0px;
  z-index: 3;
}

#right-side-gradient {
  width: 45px;
  height: 287px;
  background-image: url(../graphics/right-side-gradient.jpg);
  background-repeat: no-repeat;
  position: absolute;
  right: -26px;
  top: -70px;
  z-index: 2;
}

.top-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  list-style-position: inside;
  position: absolute;
  left: 0px;
  top: 0px;
}


#main-menu .home-link {
  height: 50px;
  width: 225px;
  position: absolute;
  left: 4px;
  top: 15px;
}

#learning-center-menu .home-link, #online-store-menu .home-link, #about-us-menu .home-link, #top-secret-menu .home-link {
  height: 30px;
  width: 156px;
  position: absolute;
  left: 4px;
  top: 35px;
}

#learning-center-menu .home-link-hover {
  height: 30px;
  width: 156px;
  position: absolute;
  left: 4px;
  top: 35px;
  background-image: url(../graphics/maya-creek-hover.jpg);
  background-repeat: no-repeat;
  background-position: 30px 0px;
}

#online-store-menu .home-link-hover, #about-us-menu .home-link-hover, #top-secret-menu .home-link-hover {
  height: 30px;
  width: 156px;
  position: absolute;
  left: 4px;
  top: 35px;
  background-image: url(../graphics/maya-creek-hover.jpg);
  background-repeat: no-repeat;
  background-position: 30px 0px;
}

#learning-center-menu .learning-center {
  height: 35px;
  width: 206px;
  position: absolute;
  left: 307px;
  top: 25px;
}

.learning-center {
  height: 30px;
  width: 146px;
  position: absolute;
  left: 369px;
  top: 30px;
}

#online-store-menu .learning-center, #about-us-menu .learning-center {
  height: 29px;
  width: 146px;
  position: absolute;
  left: 368px;
  top: 31px;

}

#top-secret-menu .learning-center{
  height: 39px;
  width: 146px;
  position: absolute;
  left: 161px;
  top: 7px;
}

.learning-center-hover {
  height: 30px;
  width: 146px;
  position: absolute;
  left: 369px;
  top: 30px;
  background-image: url(../graphics/learning-center-hover.jpg);
  background-repeat: no-repeat;
  background-position: 13px 2px;
}

#online-store-menu .learning-center-hover {
  height: 39px;
  width: 146px;
  position: absolute;
  left: 161px;
  top: 28px;
  background-image: url(../graphics/online-learning-hover.jpg);
}

#about-us-menu .learning-center-hover {
  height: 29px;
  width: 146px;
  position: absolute;
  left: 368px;
  top: 31px;
  background-image: url(../graphics/learning-center-hover.jpg);
  background-repeat: no-repeat;
  background-position: 14px 1px;
}

#top-secret-menu .learning-center-hover {
  height: 39px;
  width: 146px;
  position: absolute;
  left: 161px;
  top: 27px;
  background-image: url(../graphics/top-secret-learning-hover.jpg);
}

.online-store {
  height: 33px;
  width: 139px;
  position: absolute;
  left: 373px;
  top: 30px;
}

#online-store-menu .online-store {
  height: 38px;
  width: 205px;
  position: absolute;
  left: 305px;
  top: 24px;
}

#about-members-menu .online-store {
  height: 33px;
  width: 139px;
  position: absolute;
  left: 309px;
  top: 29px;
}

#top-secret-menu .online-store {
  height: 33px;
  width: 139px;
  position: absolute;
  left: 309px;
  top: 27px;
}


.online-store-hover {
  height: 33px;
  width: 139px;
  position: absolute;
  background-image: url(../graphics/online-store-hover.jpg);
  left: 373px;
  top: 30px;
}

#about-members-menu .online-store-hover {
  height: 33px;
  width: 139px;
  position: absolute;
  background-image: url(../graphics/member-online-hover.jpg);
  left: 309px;
  top: 29px;
}

#learning-center-menu .online-store-hover {
  height: 33px;
  width: 139px;
  position: absolute;
  background-image: url(../graphics/learning-online-hover.jpg);
  left: 373px;
  top: 30px;
}

#top-secret-menu .online-store-hover {
  height: 33px;
  width: 139px;
  position: absolute;
  background-image: url(../graphics/top-secret-online-hover.jpg);
  left: 309px;
  top: 27px;
}

#learning-center-menu .about-us {
  height: 27px;
  width: 139px;
  position: absolute;
  left: 167px;
  top: 33px;
}

.about-us {
  height: 26px;
  width: 139px;
  position: absolute;
  left: 229px;
  top: 34px;
}

#about-members-menu .about-members {
  height: 38px;
  width: 199px;
  position: absolute;
  left: 451px;
  top: 24px;
}

#top-secret-menu .about-members {
  height: 37px;
  width: 139px;
  position: absolute;
  left: 452px;
  top: 21px;
}


#learning-center-menu .about-us-hover {

  background-image: url(../graphics/about-us-hover.jpg);
  background-repeat: no-repeat;
  background-position: 25px 1px;
  height: 27px;
  width: 139px;
  position: absolute;
  left: 167px;
  top: 33px;
}

.about-us-hover {
  height: 26px;
  width: 139px;
  position: absolute;
  background-image: url(../graphics/about-us-hover.jpg);
  background-repeat: no-repeat;
  background-position: 28px 1px;
  left: 229px;
  top: 34px;
}

#top-secret-menu .about-members-hover {
  height: 37px;
  width: 139px;
  position: absolute;
  background-image: url(../graphics/tools-participants-hover.jpg);
  left: 452px;
  top: 21px;
}

#online-store-menu .about-members-hover {
  height: 37px;
  width: 139px;
  position: absolute;
  background-image: url(../graphics/online-participants-hover.jpg);
  left: 511px;
  top: 24px;
}

#top-secret-menu .top-secret {
  height: 38px;
  width: 204px;
  position: absolute;
  left: 595px;
  top: 24px;
}

.top-secret {
  height: 37px;
  width: 144px;
  position: absolute;
  left: 651px;
  top: 24px;
}

.top-secret-hover {
  height: 37px;
  width: 144px;
  position: absolute;
  background-image: url(../graphics/community-tools-hover.jpg);
  left: 651px;
  top: 24px;
}

#about-members-menu .top-secret-hover {
  height: 37px;
  width: 144px;
  position: absolute;
  background-image: url(../graphics/participants-tools-hover.jpg);
  left: 651px;
  top: 24px;
}



#content-wrapper {
  margin: 22px 36px 0px 36px;
  position: relative;
  background-image: url(../graphics/content-background.jpg);
  background-repeat: repeat-y;
  background-position: 0 8px;
  left: -4px;
}

.top-header {
  margin-top: -1px;
  margin-bottom: 16px;
}

#content-wrapper h3 {
  margin-top: 20px;
  margin-bottom: 12px;
}

#sub-content-wrapper {
  background-image: url(../graphics/sub-content-background.jpg);
  background-position: top-center;
  background-repeat: no-repeat;
  padding: 0 30px 24px 46px;
  line-height: 18px;
  margin-top: 92px;
}

#sub-content-wrapper p {
  margin-top: 8px;
  text-indent: 14px;
}

img {
  position: relative;
  z-index: 3;
}

.right-img {
  float: right;
  margin: 8px 0 8px 12px;
}

.left-img {
  float: left;
  margin: 8px 12px 8px 0;
}



#blank-menu {
  background-image: url(../graphics/blank-sub-background.jpg);
}

.sub-menu-div {
  width: 766px;
  height: 79px;
  background-repeat: no-repeat;
  position: absolute;
  right: -4px;
  top: -79px
}

#home-menu {
  background-image: url(../graphics/home-sub-background.jpg);
}

#member-sub-menu {
  background-image: url(../graphics/participants-sub-background.jpg);
}

#learning-sub-menu {
  background-image: url(../graphics/learning-sub-background.jpg);
}

#internal-menu {
  background-image: url(../graphics/internal-sub-background.jpg);
}




.sub-menu-div ul {
  list-style-type: none;
  position: absolute;
  list-style-position: inside;
  margin: 0;
  padding: 0;
}

.sub-menu-div ul li {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
}


.the-plan-link {
  position: absolute;
  top: 4px;
  left: 39px;
  height: 36px;
  width: 110px;
}

.the-plan-link-hover {
  position: absolute;
  top: 4px;
  left: 39px;
  height: 36px;
  width: 110px;
  background-image: url(../graphics/plan-underline.jpg);
  background-repeat: no-repeat;
  background-position: 13px 21px;
}

.the-land-link {
  position: absolute;
  top: 6px;
  left: 190px;
  height: 36px;
  width: 110px;
}

.the-land-link-hover {
  position: absolute;
  top: 6px;
  left: 190px;
  height: 36px;
  width: 110px;
  background-image: url(../graphics/land-underline.jpg);
  background-repeat: no-repeat;
  background-position: 12px 23px;
}


.media-link {
  position: absolute;
  top: 4px;
  left: 327px;
  height: 36px;
  width: 92px;
}

.media-link-hover {
  position: absolute;
  top: 4px;
  left: 327px;
  height: 36px;
  width: 92px;
  background-image: url(../graphics/media-underline.jpg);
  background-repeat: no-repeat;
  background-position: 20px 24px;
  z-index: 4;
}

.calendar-link {
  position: absolute;
  top: 3px;
  left: 450px;
  height: 33px;
  width: 116px;
}

.calendar-link-hover {
  position: absolute;
  top: 3px;
  left: 450px;
  height: 33px;
  width: 116px;
  background-image: url(../graphics/calendar-underline.jpg);
  background-repeat: no-repeat;
  background-position: 14px 23px;
  z-index: 4;
}

.contact-link {
  position: absolute;
  top: 2px;
  left: 598px;
  height: 29px;
  width: 110px;
}

.contact-link-hover {
  position: absolute;
  top: 2px;
  left: 598px;
  height: 29px;
  width: 110px;
  background-image: url(../graphics/contact-underline.jpg);
  background-repeat: no-repeat;
  background-position: 12px 17px;
  z-index: 4;
}

#footer {
  width: 852px;
  height: 115px;
  background-image: url(../graphics/content-footer.jpg);
  background-repeat: no-repeat;
  position: relative;
  left: -39px;
}

#dev-link {
  height: 25px;
  width: 230px;
  position: absolute;
  right: 40px;
  top: 68px;
}

h1, h2, h3, h4 {
  font-family: Times New Roman, Georgia, Serif;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 14px;
  margin-bottom: 4px;
}

a:link { color: #08828d; }
a:visited { color: #329ca6; }
a:hover { color: #6dc2cb; }
a:active { color: #6dc2cb; }


.album-cover {
  width: 187px;
  float: left;
  margin-right: 40px;
  margin-bottom: 20px;
}

.album-cover img {
  border: 2px solid #08828d;
}

.plan-details li p {
  margin: 4px 0 !important;
  text-indent: 0px !important;
}

.no-indent {
 list-style-type: square;
}

.no-indent li ul {
 list-style-type: square;
}

.no-indent li p {
  text-indent: 0px !important;
}


.no-indent h4 {
  margin-top: 4px;
}

.square-list {
  list-style-type: square;
  margin-left: 0px;
  padding-left: 18px;
}


ul.resources li p {
  margin-top: 2px !important;
}

ul {
  list-style-position: outside;
}

#the-plan-active {
  height: 30px;
  width: 118px;
  background-image: url(../graphics/plan-b-active.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 40px;
  top: -39px;
}

#the-land-active {
  height: 29px;
  width: 118px;
  background-image: url(../graphics/the-land-active.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 190px;
  top: -42px;
}

#media-active {
  height: 37px;
  width: 96px;
  background-image: url(../graphics/media-active.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 332px;
  top: -44px;
}

#calendar-active {
  height: 37px;
  width: 122px;
  background-image: url(../graphics/calendar-active.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 450px;
  top: -46px;
}

#contact-us-active {
  height: 49px;
  width: 118px;
  background-image: url(../graphics/contact-us-active.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 601px;
  top: -53px;
}

#news-updates-wrapper {
  float: right;
  width: 224px;
  position: relative;
  padding-bottom: 12px;
  
}

#news-updates {
  width: 295px;
  background-image: url(../graphics/news-updates-background.jpg);
  background-repeat: repeat-y;
  position: relative;
  left: 8px;
  padding-top: 53px;
  padding-bottom: 4px;
}

#news-updates ul {
  margin: 0;
  width: 235px;
  list-style-position: outside;
  padding-left: 40px;
}

#news-updates ul li {
  margin: 6px 0;
}

#news-updates-top {
  width: 295px;
  height: 83px;
  background-image: url(../graphics/news-updates-top.jpg);
  position: absolute;
  left: 8px;
  z-index: 3;
  top: -30px;
}

#news-updates-bottom {
  width: 295px;
  height: 13px;
  background-image: url(../graphics/news-updates-bottom.jpg);
  position: relative;
  left: 8px;
}

#sub-plan-wrapper {
  float: right;
  width: 208px;
  height: 315px;
}

#sub-plan {
  width: 267px;
  height: 310px;
  background-image: url(../graphics/sub-plans.jpg);
  position: relative;
  left: 26px;
}

#sub-plan ul {
  list-style-type: none;
}

#sub-plan .plan-food-link {
  height: 28px;
  width: 57px;
  position: absolute;
  top: 58px;
  left: 36px;
}

#sub-plan .plan-food-link-hover {
  height: 28px;
  width: 57px;
  position: absolute;
  top: 58px;
  left: 36px;
  background-image: url(../graphics/plan-food-hover.jpg);
  background-repeat: no-repeat;
  background-position: 10px 4px;
}

#sub-plan .plan-shelter-link {
  height: 26px;
  width: 65px;
  position: absolute;
  top: 96px;
  left: 34px;
}

#sub-plan .plan-shelter-link-hover {
  height: 26px;
  width: 65px;
  position: absolute;
  top: 96px;
  left: 34px;
  background-image: url(../graphics/plan-shelter-hover.jpg);
  background-repeat: no-repeat;
  background-position: 7px 2px;
}

#sub-plan .plan-water-link {
  height: 24px;
  width: 50px;
  position: absolute;
  top: 132px;
  left: 34px;
}

#sub-plan .plan-water-link-hover {
  height: 24px;
  width: 50px;
  position: absolute;
  top: 132px;
  left: 34px;
  background-image: url(../graphics/plan-water-hover.jpg);
  background-repeat: no-repeat;
  background-position: 2px 1px;
}

#sub-plan .plan-power-link {
  height: 24px;
  width: 50px;
  position: absolute;
  top: 168px;
  left: 30px;
}

#sub-plan .plan-power-link-hover {
  height: 24px;
  width: 50px;
  position: absolute;
  top: 168px;
  left: 30px;
  background-image: url(../graphics/plan-power-hover.jpg);
  background-repeat: no-repeat;
  background-position: 2px 2px;
}

#sub-plan .plan-waste-link {
  height: 24px;
  width: 50px;
  position: absolute;
  top: 204px;
  left: 25px;
}

#sub-plan .plan-waste-link-hover {
  height: 24px;
  width: 50px;
  position: absolute;
  top: 204px;
  left: 25px;
  background-image: url(../graphics/plan-waste-hover.jpg);
  background-repeat: no-repeat;
  background-position: 0px 2px;
}

#sub-plan .plan-transportation-link {
  height: 32px;
  width: 98px;
  position: absolute;
  top: 240px;
  left: 22px;
}

#sub-plan .plan-transportation-link-hover {
  height: 32px;
  width: 98px;
  position: absolute;
  top: 240px;
  left: 22px;
  background-image: url(../graphics/plan-transportation-hover.jpg);
  background-repeat: no-repeat;
  background-position: 0px -1px;
}


.profiles-link {
  position: absolute;
  top: 8px;
  left: 43px;
  height: 34px;
  width: 99px;
}

.profiles-link-hover {
  position: absolute;
  top: 8px;
  left: 43px;
  height: 34px;
  width: 99px;
  background-image: url(../graphics/profiles-underline.jpg);
  background-repeat: no-repeat;
  background-position: 21px 22px;
  z-index: 2;
}

#profiles-active {
  height: 33px;
  width: 104px;
  background-image: url(../graphics/profiles-active.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 47px;
  top: -41px;
}

.pictures-link {
  position: absolute;
  top: 8px;
  left: 191px;
  height: 34px;
  width: 101px;
}

.pictures-link-hover {
  position: absolute;
  top: 8px;
  left: 191px;
  height: 34px;
  width: 101px;
  background-image: url(../graphics/pictures-underline.jpg);
  background-repeat: no-repeat;
  background-position: 18px 22px;
  z-index: 2;
}

#pictures-active {
  height: 38px;
  width: 106px;
  background-image: url(../graphics/pictures-active.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 192px;
  top: -43px;
}


.blogs-link {
  position: absolute;
  top: 5px;
  left: 331px;
  height: 35px;
  width: 103px;
}

.blogs-link-hover {
  position: absolute;
  top: 5px;
  left: 331px;
  height: 35px;
  width: 103px;
  background-image: url(../graphics/blogs-underline.jpg);
  background-repeat: no-repeat;
  background-position: 34px 23px;
  z-index: 2;
}

#blogs-active {
  height: 33px;
  width: 107px;
  background-image: url(../graphics/blogs-active.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 335px;
  top: -43px;
}

.the-forum-link {
  position: absolute;
  top: 5px;
  left: 475px;
  height: 32px;
  width: 103px;
}

.the-forum-link-hover {
  position: absolute;
  top: 5px;
  left: 475px;
  height: 32px;
  width: 103px;
  background-image: url(../graphics/the-forum-underline.jpg);
  background-repeat: no-repeat;
  background-position: 12px 20px;
  z-index: 2;
}

#forum-active {
  height: 42px;
  width: 111px;
  background-image: url(../graphics/forum-active.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 475px;
  top: -47px;
}

.membership-link {
  position: absolute;
  top: 0px;
  left: 617px;
  height: 31px;
  width: 108px;
}


.membership-link-hover {
  position: absolute;
  top: 0px;
  left: 617px;
  height: 31px;
  width: 108px;
  background-image: url(../graphics/residency-underline.jpg);
  background-repeat: no-repeat;
  background-position: 20px 21px;
  z-index: 2;
}

#membership-active {
  height: 44px;
  width: 112px;
  background-image: url(../graphics/membership-active.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 621px;
  top: -50px;
}

.overview-link {
  position: absolute;
  top: 9px;
  left: 43px;
  height: 33px;
  width: 100px;
}

.overview-link-hover {
  position: absolute;
  top: 9px;
  left: 43px;
  height: 33px;
  width: 100px;
  background-image: url(../graphics/overview-underline.jpg);
  background-repeat: no-repeat;
  background-position: 17px 22px;
  z-index: 2;
}

#overview-active {
  height: 33px;
  width: 101px;
  background-image: url(../graphics/overview-active.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 48px;
  top: -41px;
}

.tutorials-link {
  position: absolute;
  top: 7px;
  left: 190px;
  height: 35px;
  width: 102px;
}

.tutorials-link-hover {
  position: absolute;
  top: 7px;
  left: 190px;
  height: 35px;
  width: 102px;
  background-image: url(../graphics/tutorials-underline.jpg);
  background-repeat: no-repeat;
  background-position: 18px 24px;
  z-index: 2;
}

#tutorials-active {
  height: 40px;
  width: 105px;
  background-image: url(../graphics/tutorials-active.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 194px;
  top: -44px;
}

.resources-link {
  position: absolute;
  top: 4px;
  left: 330px;
  height: 36px;
  width: 104px;
}

.resources-link-hover {
  position: absolute;
  top: 4px;
  left: 330px;
  height: 36px;
  width: 104px;
  background-image: url(../graphics/resources-underline.jpg);
  background-repeat: no-repeat;
  background-position: 17px 23px;
  z-index: 2;
}

#resources-active {
  height: 40px;
  width: 106px;
  background-image: url(../graphics/resources-active.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 336px;
  top: -44px;
}

.schedule-link {
  position: absolute;
  top: 4px;
  left: 475px;
  height: 32px;
  width: 103px;
}

.schedule-link-hover {
  position: absolute;
  top: 4px;
  left: 475px;
  height: 32px;
  width: 103px;
  background-image: url(../graphics/schedule-underline.jpg);
  background-repeat: no-repeat;
  background-position: 15px 21px;
  z-index: 2;
}

#schedule-active {
  height: 42px;
  width: 107px;
  background-image: url(../graphics/schedule-active.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 477px;
  top: -48px;
}

.register-link {
  position: absolute;
  top: 2px;
  left: 618px;
  height: 30px;
  width: 94px;
}

.register-link-hover {
  position: absolute;
  top: 2px;
  left: 618px;
  height: 30px;
  width: 94px;
  background-image: url(../graphics/register-underline.jpg);
  background-repeat: no-repeat;
  background-position: 16px 22px;
  z-index: 2;
}

#register-active {
  height: 45px;
  width: 97px;
  background-image: url(../graphics/register-active.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 622px;
  top: -50px;
}

ul.spaced li {
  margin: 12px 0;
}

.small-text {
  font-size: 10px;
}

.success {
  font-weight: bold;
  color: green;
}

.error {
  font-weight: bold;
  color: red;
}

#login-box {
  margin: 30px 0 0 200px; 
  width: 240px; 
  border: 1px solid #ccc; 
  background-color: #eee; 
  padding: 4px;
}

#login-button {
 padding: 0 35px;
}

.required {
  color: red;
  font-style: italic;
}

.list-in ul {
  list-style-position: inside;
}

.plant-name {
  margin-bottom: 0px;
}
.science-name {
  text-indent: 0px !important;
  margin: 0px !important;
}

.blog-page img {
  margin: 12px;
}

p.comment-author {
  text-indent: 0px !important;
  margin-top: 0px !important;
}

.post-comment h4 {
  margin: 0px 0px !important;
}

.post-comment {
  padding: 12px;
}

.colored-comment {
  background-color: #fffeca;
}

td.OTDRVobsWx, .OTDRVwxNewStyle td, a.OTDRVvertLinks, a.OTDRVvertLinks:link, a.OTDRVvertLinks:visited {
  line-height: normal !important;
}

.work-log-link {
  position: absolute;
  top: 8px;
  left: 43px;
  height: 34px;
  width: 99px;
}

.work-log-link-hover {
  position: absolute;
  top: 8px;
  left: 43px;
  height: 34px;
  width: 99px;
  background-image: url(../graphics/work-log-underline.jpg);
  background-repeat: no-repeat;
  background-position: 1px -1px;
  z-index: 2;
}

.stay-log-link {
  position: absolute;
  top: 8px;
  left: 191px;
  height: 34px;
  width: 101px;
}

.stay-log-link-hover {
  position: absolute;
  top: 8px;
  left: 191px;
  height: 34px;
  width: 101px;
  background-image: url(../graphics/stay-log-underline.jpg);
  background-repeat: no-repeat;
  background-position: 11px 21px;
  z-index: 2;
}

.highlighted-row {
  background-color: #eee;
}

.yellow-cell {
  background-color: #b9eb6a;
}

.grey-cell {
  background-color: #eee;
}

.hidden {
  display: none;
}

.unhidden {
  display: block;
}