/*  diary_styles_1.css *******/
* {
margin:0;
padding:0;
}


#welcome-box {
  position:absolute;
  top:2px;
  left:265px;
  width:400px;
  height:20px;
  z-index:1;
}

#banner-box {
  position:absolute;
  top:90px;
  left:470px;
  width:370px;
  height:10px;
  background:#EC2368;
  z-index:1;
}

#suggestion-box {
  position:absolute;
  top:70px;
  left:1px;
  width:200px;
  height:200px;
}
#suggestion-text-box {
  position:absolute;
  top:260px;
  left:65px;
  width:100px;
  height:20px;
}

#girl-box {
  position:absolute;
  top:210px;
  left:170px;
  width:100px;
  height:100px;
}
#bubble-box {
  position:absolute;
  top:110px;
  left:240px;
  width:250px;
  height:120px;
}
#bubble-text-box {
  position:absolute;
  top:150px;
  left:360px;
  width:100px;
  height:70px;
}

#diary-box {
  position:absolute;
  top:70px;
  left:510px;
  width:250px;
  height:250px;
}
#diary-text-box {
  position:absolute;
  top:170px;
  left:500px;
  width:150px;
  height:60px;
}

#footprints-1 {
  position:absolute;
  top:370px;
  left:20px;
  width:100px;
  height:80px;
}
#footprints-2 {
  position:absolute;
  top:420px;
  left:220px;
  width:100px;
  height:80px;
}
#footprints-3 {
  position:absolute;
  top:440px;
  left:320px;
  width:100px;
  height:80px;
}
#footprint-4 {
  position:absolute;
  top:400px;
  left:500px;
  width:150px;
  height:150px;
}
#words-1 {
  position:absolute;
  top:450px;
  left:50px;
  width:100px;
  height:40px;
}
#words-2 {
  position:absolute;
  top:420px;
  left:180px;
  width:50px;
  height:40px;
}
#words-3 {
  position:absolute;
  top:400px;
  left:280px;
  width:50px;
  height:40px;
}
#words-4 {
  position:absolute;
  top:390px;
  left:370px;
  width:50px;
  height:40px;
}
#words-5 {
  position:absolute;
  top:430px;
  left:430px;
  width:50px;
  height:40px;
}
#words-6 {
  position:absolute;
  top:470px;
  left:585px;
  width:180px;
  height:50px;
}


#advertising-banner-box {
  position:absolute;
  top:610px;
  left:150px;
  width:500px;
  height:40px;
  background:#EC2368;
  z-index:1;
}


#masthead {
  width:100%;
  height:60px;
  z-index:1;
}

#masthead_indented {
  width:70%;
  left:100px;
  height:60px;
  z-index:1;
}

#masthead-sub-heading {
  position:absolute;
  top:50px;
  left:70px;
  width: 70%;
  z-index:2;
}

#masthead-sub-heading2 {
  position:absolute;
  top:35px;
  left:60px;
  width: 350px;
  z-index:2;
}

#masthead-sub-heading3 {
  position:absolute;
  top:75px;
  left:110px;
  width: 350px;
  z-index:2;
}

#logo-box {
  position:absolute;
  top :-10px;
  left:850px;
  background:#EC2368;
  width:110px;
  height:100px;
  z-index:3;
}

#errorBox {
  position:absolute;
  top :70px;
  left:190px;
  width:200px;
  height:90px;
  z-index:6;
}
#ContactUsInfoBox {
  position:absolute;
  top :2px;
  left:220px;
  width:200px;
  height:60px;
  z-index:6;
  line-height:25px;
}
#ContactUsErrorBox {
  position:absolute;
  top :160px;
  left:540px;
  width:220px;
  height:60px;
  z-index:6;
  line-height:25px;
}
#reseterrorBox {
  position:absolute;
  top :350px;
  left:590px;
  width:200px;
  height:60px;
  z-index:6;
}

#notify-box {
  position:absolute;
  top :170px;
  right:275px;
  background:#EC2368;
  width:550px;
  height:150px;
}

#notify-lift-box {
  position:absolute;
  top :30px;
  left:225px;
  background:yellow;
  width:530px;
  height:25px;
  padding-top:10px;
  padding-left:10px;
  margin-top:1px;
  margin-left:1px;
  border:2px solid yellow;
}

#message-box {
  position:absolute;
  top :110px;
  right:145px;
  background:#EC2368;
  width:200px;
  height:50px;
  z-index:4;
}


#nav {
  position:absolute;
  top:70px;
  left:865px;
  width: 60px;
  margin-top:1px;
  margin-right:10px;
  z-index:7;
}

#backing_strip {
  position:absolute;
  top:80px;
  left:800px;
  width: 200px;
  height:450px;
  margin-top:1px;
  margin-right:10px;
  background:blue;
  z-index:5;
}
#backing_strip_pink1 {
  position:absolute;
  top:110px;
  left:800px;
  width: 200px;
  height:20px;
  margin-top:1px;
  margin-right:10px;
  background:#EC2368;
  z-index:6;
}
#backing_strip_green1 {
  position:absolute;
  top:130px;
  left:800px;
  width: 200px;
  height:5px;
  margin-top:1px;
  margin-right:10px;
  background:#30D143;
  z-index:6;
}
#backing_strip_yellow1 {
  position:absolute;
  top:135px;
  left:800px;
  width: 200px;
  height:50px;
  margin-top:1px;
  margin-right:10px;
  background:#F0E05D;
  z-index:6;
}
#backing_strip_orange1 {
  position:absolute;
  top:185px;
  left:800px;
  width: 200px;
  height:25px;
  margin-top:1px;
  margin-right:10px;
  background:#F0773B;
  z-index:6;
}
#backing_strip_blue {
  position:absolute;
  top:210px;
  left:800px;
  width: 200px;
  height:5px;
  margin-top:1px;
  margin-right:10px;
  background:#4EEBF1;
  z-index:6;
}
#backing_strip_green2 {
  position:absolute;
  top:215px;
  left:800px;
  width: 200px;
  height:50px;
  margin-top:1px;
  margin-right:10px;
  background:#30D143;
  z-index:6;
}
#backing_strip_pink2 {
  position:absolute;
  top:265px;
  left:800px;
  width: 200px;
  height:15px;
  margin-top:1px;
  margin-right:10px;
  background:#EC2368;
  z-index:6;
}
#backing_strip_yellow2 {
  position:absolute;
  top:288px;
  left:800px;
  width: 200px;
  height:55px;
  margin-top:1px;
  margin-right:10px;
  background:#F0E05D;
  z-index:6;
}
#backing_strip_orange2 {
  position:absolute;
  top:353px;
  left:800px;
  width: 200px;
  height:30px;
  margin-top:1px;
  margin-right:10px;
  background:#F0773B;
  z-index:6;
}
#backing_strip_green3 {
  position:absolute;
  top:375px;
  left:800px;
  width: 200px;
  height:20px;
  margin-top:1px;
  margin-right:10px;
  background:#30D143;
  z-index:6;
}
#backing_strip_pink3 {
  position:absolute;
  top:395px;
  left:800px;
  width: 200px;
  height:12px;
  margin-top:1px;
  margin-right:10px;
  background:#EC2368;
  z-index:6;
}
#backing_strip_yellow3 {
  position:absolute;
  top:447px;
  left:800px;
  width: 200px;
  height:5px;
  margin-top:1px;
  margin-right:10px;
  background:#F0E05D;
  z-index:6;
}
#backing_strip_orange3 {
  position:absolute;
  top:432px;
  left:800px;
  width: 200px;
  height:40px;
  margin-top:1px;
  margin-right:10px;
  background:#F0773B;
  z-index:6;
}

#color_picker_orange {
  position:absolute;
  top:70px;
  left:700px;
  width: 20px;
  height:20px;
  border: 1px solid black;
  background:#F0773B;
}
#color_picker_background_pink {
  position:absolute;
  top:80px;
  left:720px;
  width: 20px;
  height:20px;
  border: 1px solid black;
  background:#EC2368;
}
#color_picker_background_yellow {
  position:absolute;
  top:70px;
  left:740px;
  width: 20px;
  height:20px;
  border: 1px solid black;
  background:#F0E05D;
}

#color_picker_background_green {
  position:absolute;
  top:90px;
  left:740px;
  width: 20px;
  height:20px;
  border: 1px solid black;
  background:#30D143;
z-index:8;
}


#color_picker_background_orange_summary {
  position:absolute;
  top:50px;
  left:700px;
  width: 20px;
  height:20px;
  border: 1px solid black;
  background:#F0773B;
}
#color_picker_background_pink_summary {
  position:absolute;
  top:60px;
  left:720px;
  width: 20px;
  height:20px;
  border: 1px solid black;
  background:#EC2368;
}
#color_picker_background_yellow_summary {
  position:absolute;
  top:50px;
  left:740px;
  width: 20px;
  height:20px;
  border: 1px solid black;
  background:#F0E05D;
}

#color_picker_background_green_summary {
  position:absolute;
  top:70px;
  left:740px;
  width: 20px;
  height:20px;
  border: 1px solid black;
  background:#30D143;
z-index:8;
}

ul {list-style-type:none;}

#search-bar {
  float: left;
  margin-top:10px;
  margin-left:80px;
  width: 50%;
}


#content {
  float: left;
  margin-top:10px;
  width:75%;
  line-height:20px;
}

#color_picker_title {
  position:absolute;
  top:90px;
  left:470px;
  background:blue;
  width:340px;
  height:30px;
}
#color_picker_title_for_summary {
  position:absolute;
  top:70px;
  left:470px;
  background:blue;
  width:340px;
  height:30px;
}
#diary_text {
  position:absolute;
  top:170px;
  left:20px;
  width:350px;
  height:320px;
}
#diary_page_title {
  position:absolute;
  top:120px;
  left:20px;
  width:380px;
  height:40px;
}
#diary_page_date {
  position:absolute;
  top:90px;
  left:20px;
  width:380px;
  height:40px;
}
#diary-save-box {
  position:absolute;
  top:120px;
  left:610px;
  width:40px;
  height:40px;
}
#diary-join-box {
  position:absolute;
  top:490px;
  left:620px;
  width:40px;
  height:60px;
}

#diary-previous-box {
  position:absolute;
  top:85px;
  left:320px;
  width:200px;
  height:40px;
}

#rego-info-box {
  position:absolute;
  top:90px;
  left:300px;
  width:400px;
  height:130px;
  line-height:30px;
}
#userid-label {
  position:absolute;
  top:250px;
  left:150px;
  width:180px;
  height:30px;
}
#email-label {
  position:absolute;
  top:280px;
  left:150px;
  width:180px;
  height:30px;
}
#password1-label {
  position:absolute;
  top:310px;
  left:150px;
  width:180px;
  height:30px;
}
#password2-label {
  position:absolute;
  top:340px;
  left:150px;
  width:180px;
  height:30px;
}
#country-label {
  position:absolute;
  top:390px;
  left:150px;
  width:180px;
  height:30px;
}
#state-label {
  position:absolute;
  top:420px;
  left:150px;
  width:180px;
  height:30px;
}
#date-of-birth-label {
  position:absolute;
  top:450px;
  left:150px;
  width:180px;
  height:30px;
}

#userid-text {
  position:absolute;
  top:250px;
  left:350px;
  width:180px;
  height:30px;
}
#email-text {
  position:absolute;
  top:280px;
  left:350px;
  width:200px;
  height:30px;
}
#password1-text {
  position:absolute;
  top:310px;
  left:350px;
  width:180px;
  height:30px;
}
#password2-text {
  position:absolute;
  top:340px;
  left:350px;
  width:180px;
  height:30px;
}
#country-text {
  position:absolute;
  top:390px;
  left:350px;
  width:180px;
  height:30px;
}
#state-text {
  position:absolute;
  top:420px;
  left:350px;
  width:180px;
  height:30px;
}
#date-of-birth-text {
  position:absolute;
  top:450px;
  left:350px;
  width:180px;
  height:30px;
}
/***************** for the login page ***************************/
#login-info-box {
  position:absolute;
  top:120px;
  left:50px;
  width:400px;
  height:130px;
  line-height:28px;
}
#login_userid_label {
  position: absolute;
  top:310px;
  left:250px;
  line-height:30px;
  width:120px;
  text-align:right;
  z-index:2;
}

#login_userid_text {
  position: absolute;
  top:310px;
  left:380px;
  line-height:30px;
  text-align:left;
  width:180px;
  height:30px;
  z-index:1;
}
#login_password_label {
  position: absolute;
  top:360px;
  left:250px;
  line-height:30px;
  width:120px;
  text-align:right;
  z-index:2;
}
#login_password_text {
  position: absolute;
  top:360px;
  left:380px;
  line-height:30px;
  text-align:left;
  width:180px;
  height:30px;
  z-index:1;
}

#open-diary-button {
  position: absolute;
  top:460px;
  left:570px;
  width:120px;
  height:50px;
  z-index:1;
}

#reset-href {
  position: absolute;
  top:410px;
  left:280px;
  line-height:30px;
  text-align:left;
  width:380px;
  height:30px;
  z-index:1;

}
/*************************for reset password page ***********************************/
#reset-password-box {
  position:absolute;
  top:90px;
  left:300px;
  width:400px;
  height:160px;
  line-height:28px;
}

#reset_login_userid_label {
  position: absolute;
  top:310px;
  left:180px;
  line-height:30px;
  width:190px;
  text-align:right;
  z-index:2;
}

#reset_login_userid_text {
  position: absolute;
  top:310px;
  left:380px;
  line-height:30px;
  text-align:left;
  width:200px;
  height:30px;
  z-index:1;
}

#reset_email_label {
  position: absolute;
  top:360px;
  left:180px;
  line-height:30px;
  width:190px;
  text-align:right;
  z-index:2;
}
#reset_email_text {
  position: absolute;
  top:360px;
  left:380px;
  line-height:30px;
  text-align:left;
  width:200px;
  height:30px;
  z-index:1;
}

#reset_passwd1_label {
  position: absolute;
  top:410px;
  left:180px;
  line-height:30px;
  width:190px;
  text-align:right;
  z-index:2;
}
#reset_passwd1_text {
  position: absolute;
  top:410px;
  left:380px;
  line-height:30px;
  text-align:left;
  width:200px;
  height:30px;
  z-index:1;
}

#reset_passwd2_label {
  position: absolute;
  top:460px;
  left:180px;
  line-height:30px;
  width:190px;
  text-align:right;
  z-index:2;
}
#reset_passwd2_text {
  position: absolute;
  top:460px;
  left:380px;
  line-height:30px;
  text-align:left;
  width:200px;
  height:30px;
  z-index:1;
}
#reset-button-bar {
  position: absolute;
  top:490px;
  left:590px;
  width:170px;
  height:50px;
  z-index:1;
}

/******************************for contact-us page *********************/
#previous-arrow-box {
  position:absolute;
  top :100px;
  left:330px;
  width:80px;
  height:40px;
}

#blog-previous-arrow-box {
  position:absolute;
  top :80px;
  left:330px;
  width:80px;
  height:40px;
}
#contact_sidebar_right_justify {
  position: absolute;
  top:180px;
  left:180px;
  line-height:30px;
  text-align:right;
  z-index:2;
}

#contact_sidebar_left_justify {
  position: absolute;
  top:185px;
  left:325px;
  line-height:10px;
  text-align:left;
  width:80%;
  z-index:1;
}
/***************************for diary page****************************************/
#panic_box {
  position:absolute;
  top :30px;
  left:472px;
  width:120px;
  height:120px;
  z-index:2;
}

#archive_box {
  position:absolute;
  top :30px;
  left:590px;
  width:70px;
  height:70px;
  z-index:2;
}


#targetDiv {
  position:absolute;
  top :70px;
  left:30px;
  width:350px;
  height:30px;
  background:blue;
}

#mood_text_box {
  position:absolute;
  top :155px;
  left:510px;
  width:100px;
  height:10px;
  background:#EC2368;
  z-index:2;
}
#mood_text2_box {
  position:absolute;
  top :245px;
  left:580px;
  width:200px;
  height:20px;
  background:#EC2368;
  z-index:2;
}

#mood_text3_box {
  position:absolute;
  top :510px;
  left:545px;
  width:240px;
  height:20px;
  background:#EC2368;
  z-index:2;
}


/***************************for diary summary page****************************************/
#thumbnail_1 {
  position:absolute;
  top :130px;
  left:10px;
  width:120px;
  height:110px;
background:blue;
  border: 3px solid #66FF66;
  padding: 0 4;
  margin: 5 1;
}

#thumbnail_2 {
  position:absolute;
  top :130px;
  left:140px;
  width:120px;
  height:110px;
background:blue;
  border: 3px solid #66FF66;
  padding: 0 4;
  margin: 5 1;
}

#thumbnail_3 {
  position:absolute;
  top :130px;
  left:270px;
  width:120px;
  height:110px;
background:blue;
  border: 3px solid #66FF66;
  padding: 0 4;
  margin: 5 1;
}
#thumbnail_4 {
  position:absolute;
  top :130px;
  left:400px;
  width:120px;
  height:110px;
background:blue;
  border: 3px solid #66FF66;
  padding: 0 4;
  margin: 5 1;
}
#thumbnail_5 {
  position:absolute;
  top :130px;
  left:530px;
  width:120px;
  height:110px;
background:blue;
  border: 3px solid #66FF66;
  padding: 0 4;
  margin: 5 1;
}
#thumbnail_6 {
  position:absolute;
  top :130px;
  left:660px;
  width:120px;
  height:110px;
background:blue;
  border: 3px solid #66FF66;
  padding: 0 4;
  margin: 5 1;
z-index:10;
}
#thumbnail_7 {
  position:absolute;
  top :250px;
  left:10px;
  width:120px;
  height:110px;
background:blue;
  border: 3px solid #66FF66;
  padding: 0 4;
  margin: 5 1;
}
#thumbnail_8 {
  position:absolute;
  top :250px;
  left:140px;
  width:120px;
  height:110px;
background:blue;
  border: 3px solid #66FF66;
  padding: 0 4;
  margin: 5 1;
}
#thumbnail_9 {
  position:absolute;
  top :250px;
  left:270px;
  width:120px;
  height:110px;
background:blue;
  border: 3px solid #66FF66;
  padding: 0 4;
  margin: 5 1;
}
#thumbnail_10 {
  position:absolute;
  top :250px;
  left:400px;
  width:120px;
  height:110px;
background:blue;
  border: 3px solid #66FF66;
  padding: 0 4;
  margin: 5 1;
}
#thumbnail_11 {
  position:absolute;
  top :250px;
  left:530px;
  width:120px;
  height:110px;
background:blue;
  border: 3px solid #66FF66;
  padding: 0 4;
  margin: 5 1;
}
#thumbnail_12 {
  position:absolute;
  top :250px;
  left:660px;
  width:120px;
  height:110px;
background:blue;
  border: 3px solid #66FF66;
  padding: 0 4;
  margin: 5 1;
}
#thumbnail_13 {
  position:absolute;
  top :370px;
  left:10px;
  width:120px;
  height:110px;
background:blue;
  border: 3px solid #66FF66;
  padding: 0 4;
  margin: 5 1;
}
#thumbnail_14 {
  position:absolute;
  top :370px;
  left:140px;
  width:120px;
  height:110px;
background:blue;
  border: 3px solid #66FF66;
  padding: 0 4;
  margin: 5 1;
}
#thumbnail_15 {
  position:absolute;
  top :370px;
  left:270px;
  width:120px;
  height:110px;
background:blue;
  border: 3px solid #66FF66;
  padding: 0 4;
  margin: 5 1;
}
#thumbnail_16 {
  position:absolute;
  top :370px;
  left:400px;
  width:120px;
  height:110px;
background:blue;
  border: 3px solid #66FF66;
  padding: 0 4;
  margin: 5 1;
}
#thumbnail_17 {
  position:absolute;
  top :370px;
  left:530px;
  width:120px;
  height:110px;
background:blue;
  border: 3px solid #66FF66;
  padding: 0 4;
  margin: 5 1;
}

#thumbnail_18 {
  position:absolute;
  top :370px;
  left:660px;
  width:120px;
  height:110px;
background:blue;
  border: 3px solid #66FF66;
  padding: 0 4;
  margin: 5 1;
}

#up_arrow {
  position:absolute;
  top :85px;
  left:65px;
  width:45px;
  height:45px;
}
#up_arrow_x_10 {
  position:absolute;
  top :80px;
  left:115px;
  width:45px;
  height:45px;
}
#start {
  position:absolute;
  top :80px;
  left:185px;
  width:45px;
  height:45px;
}
#stop_up_arrow {
  position:absolute;
  top :85px;
  left:15px;
  width:45px;
  height:45px;
}

#down_arrow {
  position:absolute;
  top :485px;
  left:65px;
  width:45px;
  height:45px;
}

#down_arrow_x_10 {
  position:absolute;
  top :480px;
  left:115px;
  width:45px;
  height:45px;
}
#end {
  position:absolute;
  top :480px;
  left:185px;
  width:45px;
  height:45px;
}
#stop_down_arrow {
  position:absolute;
  top :485px;
  left:15px;
  width:45px;
  height:45px;
}

/*********************************for faq page ************************************/
#faq_question_box {
  position:absolute;
  top :100px;
  left:15px;
  width:550px;
  height:420px;
}

#faq_info_box {
  position:absolute;
  top :70px;
  left:35px;
  width:650px;
  height:50px;
}

#faq_flip_pages {
  position:absolute;
  top :110px;
  left:35px;
  width:650px;
  height:420px;
}

/*********************************for definition page ************************************/
#uber_definition {
  position:absolute;
  top :140px;
  left:35px;
  width:720px;
  height:400px;
}


#footer {
  position:absolute;
  top:530px;
width:100%;
  border-top:1px solid black;
}


body {font: 16px Georgia, Times, serif; color: black;  background-color: #EC2368;}

h1 {font: 60px Arial, Helvetica, sans-serif;
 letter-spacing:-2px;
    color:#2DF336;
    text-decoration:none;
    font-weight:bold;
   }
h2 {font-family: Comic Sans MS, Lucida Casual;
    font-size:28px;
    letter-spacing:-2px;
    color:black;
    text-decoration:none;
    font-weight:normal
   }

h3 {font-family: Comic Sans MS, Lucida Casual;
    font-size:22px;
    letter-spacing:-2px;
    color:black;
    text-decoration:none;
    font-weight:normal
   }
h4 {font-family: Comic Sans MS, Lucida Casual;
    font-size:40px;
    letter-spacing:-2px;
    color:black;
    text-decoration:none;
    font-weight:normal
   }
h5 {font-family: Comic Sans MS, Lucida Casual;
    font-size:20px;
    letter-spacing:-2px;
    color:black;
    text-align:right;
    text-decoration:none;
    font-weight:normal;
    line-height: 20px;
   }

h6 {font-family: Comic Sans MS, Lucida Casual;
    font-size:60px;
    letter-spacing:0px;
    color:black;
    text-align:left;
    text-decoration:none;
    font-weight:normal;
    line-height: 60px;
}

a: {color:black;}
a:link {color:blue;}
a:visited {color:black;}
a:active {color:blue;}
a:hover {color:yellow;}

<!-- formatting for the oblong buttons -->
.a_normal_accent {font-size:14; color: blue; }
.accent_welcome {font-size:10; color: blue}
.a_accent {font-size:42; font-weight:bold}
.accent {font-size:48;font-weight:bold; }
.accent_sub {font-size:70;font-weight:bold;}
.accent_footer {font-size:8;font-weight:bold; font-style:italic; color:yellow;}
.accent_footer_home {font-size:12;font-weight:bold; font-style:italic; color:yellow;}
.accent_message {font-size:14; font-weight:bold; color:yellow;}
.accent_confirmation {font-size:18; font-weight:normal; color:red;}
.accent_error {font-size:20; font-weight:bold; color:yellow;}
.accent_small {font-size:12;font-style:italic;color:yellow;}
.accent_small_bold {font-size:12;font-style:italic;font-weight:bold;color:yellow;}
.accent_faq_brackets {font-size:40;}
.accent_small_mood {font-size:14;font-weight:bold;}

.pagenextlink,.pagenextdead,
.pageprevlink,.pageprevdead,
.pagenumlink,.pagenumdead {
  cursor: pointer;
  padding: 0 4;
  margin: 5 1;
  font-size: 16px;
  font-family: Arial,sans-serif;
  font-weight: bold;
}
.pagenextlink,.pageprevlink,.pagenumlink {
  border: 2px solid #009;
  background-color: #FC6;
  color: #009;
}
.pagenextdead,.pageprevdead,.pagenumdead {
  cursor: default;
  border: 2px solid #000;
  background-color: #AAA;
  color: #FFF8EE;
}
#Message {
  line-height:25px;
  padding:2px;
  position:absolute;
  left:480px;
  top:80px;
  width:320px;
  height:180px;
  text-align: center;
  background-color: yellow;
  border: 5px solid #66FF66;
}

#GreenMessage {
  line-height:25px;
  padding:2px;
  position:absolute;
  left:480px;
  top:80px;
  width:320px;
  height:200px;
  text-align: center;
  background-color: #CCFFCC;
  border: 5px solid #66CC66;
}


#Info {
  line-height:25px;
  padding:2px;
  position:absolute;
  left:260px;
  top:120px;
  width:390px;
  height:180px;
  text-align: center;
  background-color: #CCFFCC;
  border: 5px solid #66FF66;
  z-index:11; 
}
#BumInfo {
  line-height:25px;
  padding:2px;
  position:absolute;
  left:10px;
  top:20px;
  width:380px;
  height:120px;
  text-align: center;
  background-color: #F56A73;
  border: 5px solid #F70D1C;
  z-index:11; 
}
#BumBigInfo {
  line-height:25px;
  padding:2px;
  position:absolute;
  left:450px;
  top:2px;
  width:400px;
  height:150px;
  text-align: center;
  background-color: #CCFFCC;
  border: 5px solid #66CC66;
  z-index:11; 
}

#LeftInfo {
  line-height:25px;
  padding:2px;
  position:absolute;
  left:10px;
  top:10px;
  width:360px;
  height:180px;
  text-align: center;
  background-color: #F56A73;
  border: 5px solid #F70D1C;
  z-index:11;
}
#Error {
  line-height:25px;
  padding:2px;
  position:absolute;
  left:530px;
  top:80px;
  width:300px;
  height:150px;
  text-align: center;
  background-color: #CCFFCC;
  border: 5px solid #66FF66;
  z-index:11; 
}
#Diary {
  line-height:25px;
  padding:2px;
  position:absolute;
  left:320px;
  top:10px;
  width:480px;
  height:25px;
  text-align: center;
  background-color: #CCFFCC;
  border: 5px solid #66FF66;
  z-index:11; 
}
#Confirmation {
  line-height:20px;
  padding:2px;
  position:absolute;
  left:550px;
  top:80px;
  width:300px;
  height:70px;
  text-align: center;
  background-color: #CCFFCC;
  border: 5px solid #66FF66;
  z-index:11; 
}
#ConfirmationRegistration {
  line-height:20px;
  padding:2px;
  position:absolute;
  left:550px;
  top:80px;
  width:300px;
  height:210px;
  text-align: center;
  background-color: #CCFFCC;
  border: 5px solid #66FF66;
  z-index:11; 
}
#BumError {
  line-height:25px;
  padding:2px;
  position:absolute;
  left:450px;
  top:10px;
  width:400px;
  height:50px;
  text-align: center;
  background-color: #F56A73;
  border: 5px solid #F70D1C;
  z-index:11;
}
#BumGreenNotice {
  line-height:25px;
  padding:2px;
  position:absolute;
  left:450px;
  top:10px;
  width:400px;
  height:135px;
  text-align: center;
  background-color: #CCFFCC;
  border: 5px solid #66CC66;
  z-index:11; 
}
#BumGreenLeft {
  line-height:25px;
  padding:2px;
  position:absolute;
  left:50px;
  top:10px;
  width:300px;
  height:50px;
  text-align: center;
  background-color: #CCFFCC;
  border: 5px solid #66CC66;
  z-index:11; 
}
#Middle {
  line-height:25px;
  padding:2px;
  position:absolute;
  left:350px;
  top:180px;
  width:300px;
  height:120px;
  text-align: center;
  background-color: #CCFFCC;
  border: 5px solid #66FF66;
  z-index:11; 
}

#Confirm {
  line-height:25px;
  padding:2px;
  position:absolute;
  left:230px;
  top:170px;
  width:300px;
  height:260px;
  text-align: center;
  background-color: #CCFFCC;
  border: 5px solid #66FF66;
  z-index:11; 
}

#paginate_buttons {
  position: absolute;
  top:490px;
  left:50px;
  width:75%;
  line-height:30px;
  background:#EC2368;
}

.buttonlink,.submit,.confirm {
  position: relative;
  border: 2px solid #009;
  background-color: #FC6;
  color: #006;
  padding: 1 3;
  margin: 0 3;
  font-size: 14px;
  font-family: Arial,sans-serif;
  font-weight: bold;
}

.submit_big_red {
  position: relative;
  border: 2px solid #009;
  background-color: #FC6;
  color: red;
  padding: 1 2;
  margin: 0 2;
  font-size: 23px;
  font-family: Arial,sans-serif;
  font-weight: bold;
}
.submit_big {
  position: relative;
  border: 2px solid #009;
  background-color: #FC6;
  color: #006;
  padding: 1 3;
  margin: 0 3;
  font-size: 18px;
  font-family: Arial,sans-serif;
  font-weight: bold;
}
.submit_small {
  position: relative;
  border: 2px solid #009;
  background-color: #FC6;
  color: #006;
  padding: 0 0;
  margin: 0 2;
  font-size: 12px;
  font-family: Arial,sans-serif;
  font-weight: bold;
}