body {
  background: #002140 url(../images/body_bg.gif) top left repeat-x;
  padding: 0 0 10px 0;
  margin: 0;
  font-family: arial, helvetica;
}

h1,h2,h3,h4,h5,h6,form {
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,h5,h6 {
  color: #ffcf7e;
  text-align: center;
  margin-bottom: 5px;
}

h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

form {
  display: inline;
}

a {
  color: #7fbfff; 
}

a:hover {
  text-decoration: none;
}

.destroyer {
  clear: left; 
}

.destroyeright {
  clear: right; 
}


.left,
a.logout.left {
  float: left;
}

div.wrapper {
  min-height: 320px;
  width: 320px;
}
body.nophone div.wrapper {
  width: auto; 
}

div.wrapper.wide {
  width: 480px;
}

div.wrapper.tall {
  width: 320px; 
}

div.red_box {
  width: 100px;
  height: 100px;
  margin: 0 auto 0 auto;
  margin-top: 10px;
  background: red;
  
  -webkit-transition-property: margin-top, opacity;
  -webkit-transition-duration: 10s, 5s;
}

div.red_box.bump {
  margin-top: 300px;
  opacity: .50;
} 

div.topper {
  height: 105px; 
  background: transparent url(../images/topper_bg.jpg) top left no-repeat;
  position: relative;
}
body.nophone div.topper {
  background: transparent url(../images/nophone/topper_bg.gif) top left repeat-x;
  position: static; 
}
div.topper .off {
  width: 10px;
  height: 10px;
  top: 0;
  right: 0;
  text-indent: -9999px;
  position: absolute;
  overflow: hidden;
}

body.nophone div.topper h1.off {
  width: 750px;
  height: 105px;
  margin: 0 auto;
  position: static;
  background: transparent url(../images/nophone/h1_off_bg.gif) top center no-repeat; 
}



a.oldie {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  width: 66px;
  height: 66px;
  top: 14px;
  left: 14px;
  background: transparent url(../images/oldie_bg.gif) top left no-repeat;
  position: absolute;
}

div.home_content {
  padding: 0 5px 0 75px;
  color: #e5f2ff;
  font-size: 12px; 
  min-height: 290px;
  background: transparent url(../images/homecontent_bg.jpg) top left no-repeat;
  text-align: left;
}

a.start {
  margin-top: 5px;
  width: 235px;
  height: 66px; 
  background: transparent url(../images/start_bg.gif) top left no-repeat;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}

input.text {
  height: 40px;
  width: 270px;
  color: #002140;
  background: #a6d6ff;
  font-size: 24px;
}

input.text.search {
  width: 290px;
  height: 28px;
  margin: 12px 0 0 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 18px;
}

input.text.day {
  width: 30px;
  text-align: center;
}

input.submit {
  color: #002140;
  height: 40px; 
  width: 290px;
  font-size: 24px;
  margin: 5px 0;
}

input.submit.go {
  width: 86px; 
  height: 40px;
  margin: 12px 5px 0 5px;
  float: left;
  font-size: 18px;
}

input.radio {
  width: 40px;
  height: 40px;
  background: #a6d6ff; 
}

input.radio.two_panel {
  float: left;
  margin-top: 7px;
}

label.radio.two_panel {
  float: left;
  display: block;
  width: 240px;
  height: 40px;
  font-size: 18px;
  font-weight: 400;
  margin: 5px 0 0 10px;
  padding-top: 2px;
}

div.quickpin_setup {
  margin-left: 58px;
}

input.checkbox {
  width: 40px;
  height: 40px;
  background: #a6d6ff; 
}

input.checkbox.two_panel {
  float: left; 
}

span.two_panel {
  width: 240px;
  display: block;
  margin-left: 10px;
  float: left;
  font-size: 16px;
}

select {
  color: #002140;
  background: #a6d6ff;
  height: 40px; 
  width: 290px;
  font-size: 24px;
}

select.qp {
  width: 60px; 
}
select.month {
  width: 150px;
  font-size: 18px;
}
select.day {
  width: 60px; 
  font-size: 18px;
}
select.year {
  width: 100px; 
  font-size: 18px;
}
input.year {
  width: 60px; 
  font-size: 18px;
}

textarea.textarea {
  background: #a6d6ff;
  width: 280px;
}
textarea.new_entry {
  height: 170px;
  background: #a6d6ff url(../images/ruled.gif) scroll top left repeat;
  line-height: 18px;
  font-size: 16px;
  overflow: auto;
}

div.signin {
  padding: 10px 110px 20px 10px;
  background: transparent url(../images/signin_bg.gif) top right no-repeat;
}

div.navigation {
  background: transparent url(../images/navigation_bg.gif) top left repeat-x;
  height: 44px;
}

div.navigation a {
  display: block;
  width: 105px;
  height: 44px;
  /*line-height: 44px;*/
  color: #002140; 
  text-decoration: none;
  font-weight: 700;
  border-left: 1px solid #002140;
  text-align: center;
  float: left;
  padding-top: 3px;
}
div.navigation a.first { border: 0; }

label {
  font-size: 18px;
  font-weight: 700; 
}

div.content {
  padding: 10px; 
  color: #e5f2ff;
  font-size: 14px;
}

h2.date {
  text-align: left;
  margin: 5px 10px;
}

div.undernav {
  background: transparent url(../images/signin_bg.gif) top right no-repeat;
}

a.logout {
  display: block;
  width: 63px;
  height: 53px;
  float: right;
  background: transparent url(../images/logout_bg.png) top left no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  margin: 5px;
}

form.block {
  display: block; 
}

div.search {
  border-top: 1px solid #000; 
  border-bottom: 1px solid #3e6a93;
  text-align: center;
}
div.search form {
  padding-bottom: 5px;
  border-top: 1px solid #3e6a93;
  border-bottom: 1px solid #000;
}

div.monthsel {
/*  border-top: 1px solid #000; */
/*  border-bottom: 1px solid #3e6a93; */
  text-align: center;
}
div.monthsel form {
  padding: 10px 0 5px 0;
  border-top: 1px solid #3e6a93;
  border-bottom: 1px solid #000;
}

div.entry {
  margin: 5px 0 10px 0; 
  background: #e6e6e6;
  color: #000;
}

div.timer {
  border-bottom: 1px solid #b2b2b2;
  padding: 5px;
}
div.subtimer {
  border-top: 1px solid #fff; 
  padding: 5px;
}

div.orangedoor {
  padding: 0 0 0 16px;
  height: 56px;
  line-height: 54px;
  background: transparent url(../images/orangedoor_left.gif) top left no-repeat;
  display: block;
}

div.orangedoor a {
  height: 56px;
  margin-bottom: 2px;
  display: block;
  padding-right: 16px;
  background: transparent url(../images/orangedoor_right.gif) top right no-repeat;
  text-decoration: none;
  color: #002140;
  text-align: center;
  font-weight: 700;
}

div.orangedoor.clear {
  background-image: url(../images/orangedoor_left_clear.gif);
}

div.orangedoor.clear a {
  background-image: url(../images/orangedoor_right_clear.gif);
}

h4.third,
div.orangedoor.third {
  width: 75px; 
  float: left;
}

h4.third {
  width: 110px;
  height: 57px;
  line-height: 50px;
}
/*
div.yearnav {
  border-bottom: 1px solid #000;    
}

div.monthnav {
  border-top: 1px solid #3e6a93;  
}
*/
div.monthnav div.orangedoor {
  font-size: 12px;
}

div.day {
  float: left;
  width: 42px;
  height: 42px; 
  text-align: center;
  line-height: 40px;
}

div.day a {
  color: #fff;
  text-decoration: none; 
}

div.day.log1 {
  background: #002e59;
}
div.day.log2 {
  background: #003b73;
}
div.day.log3 {
  background: #00488c;
}
div.day.log4 {
  background: #0056a6;
}
div.day.log5 {
  background: #0063bf;
}

div.day.birthday {
  background: #ff7e00;
}

div.orangedoor.quart {
  width: 45px; 
  float: left;
}

div.orangedoor.fitty {
  width: 160px; 
  float: left;
}

h4.third {
  width: 110px;
  height: 57px;
  line-height: 50px;
}

a.cal {
  width: 174px;
  height: 56px;
  background: transparent url(../images/cal_bg.jpg) top left no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -9999px; 
  float: left;
}

span.subtle {
  font-size: 12px; 
  color:#e5f2ff;
}

.hider {
  position: relative; 
}
.hider .alert {
  display: block;
  position: absolute;
  top: 0px;
  left: -9999px;
  width: 282px;
  height: 118px;
  background: #fcc;
  padding: 30px 5px;
  color: #000;
  border: 2px solid #f00;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  opacity: .80;
}

.clickable {
  cursor: pointer;
}

div.control {
  width: 750px;
  margin: 0 auto; 
}

div.home_block {
  color:#e5f2ff;
  width: 450px;
  padding-left: 300px;
  font-size: 14px;
  background: transparent url(../images/nophone/home_block_bg.jpg) top left no-repeat;
}

span.mwt {
  display: block;
  text-align: center;
  font-size: 10px; 
  color: #e5f2ff;
  margin-top: 10px;
}

div.wrapper {
  position: relative;
}

div#pin_screen {
  position: absolute;
  left: -1000px;
  top: 0;
  width: 320px;
  height: 100%;
  padding: 55px 0;
  text-align: center;
  /*background: #000;*/
  color: #fff;
  z-index: 2;
}

div#pin_screen h1 {
  margin: 0px;
  padding: 0px;
}

div#pin_message {
  height:25px;
}

div#email_reminder {
  position: absolute;
  left: -1000px;
  top: 300px;
  width: 320px;
  text-align: center;
}

div.pin_bg {
  background: #000;
  position: absolute;
  left: -1000px;
  top: 0;
  padding: 100px 0;
  width: 320px;
  height: 100%;
  z-index: 1;
  opacity: .80;
}

.highlight {
  background: #ff9;
  color: #000;
}

div.entry_saved {
  margin: 10px;
  height: 30px;
  background: transparent url(../images/entry_saved.gif) top left no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

div.entry_not_saved {
  margin: 10px;
  height: 50px;
  background: transparent url(../images/entry_not_saved.gif) top left no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

div.youre_out {
  margin: 10px 0; 
}