a:active, a:focus {
  outline: none;
}

img {
  border: 0px;
}

body {
  font-family: Calibri, Arial, sans-serif;
  font-size: 18px;
  color: #59452a;
}

body a {
  color: #68ace5;
}

body a:hover {
  color: #e6a158;
}

.highlight {
  color: #e6a158;
}

.normal {
  color: #59452a;
}

h1 {
  color: #e6a158;
}

h3 {
  font-size: 20px;
  color: #e6a158;
  margin: 0px;
  margin-top: 10px;
}

.clear {
  clear: both;
}

#navtable img {
  border: 0px;
  display: block;
}

#wrapper {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

#main {
  position: relative;
  background-image:url(../images/background.jpg);
  height: 482px;
}

#main #main_header {
  font-weight: bold;
  text-align: center;
  width: 100%;
}

#main #subject_div {
  padding: 5px 22px;
}

#main #subject_div #subject {
  width: 684px;
}

#main #attachment_div {
  padding: 0px 22px;
}

#main #attachment_div #upload_wrapper {
  position: relative;
  float: left;
  width: 100px;
  height: 30px;
}

#main #attachment_div #upload_wrapper #upload_input_wrapper {
  position: relative;
  width: 90px;
  height: 16px;
  overflow: hidden;
}

#main #attachment_div #upload_wrapper #upload_input_wrapper #filename {
  filter: alpha(opacity=0);
  -moz-opacity: 0.0;
  -o-opacity: 0.0;
  opacity: 0.0;
  position: absolute;
  font-size: 18px;
  top: -6px;
  left: -48px;
  z-index: 2;
  cursor: pointer;
}

#main #attachment_div #upload_wrapper #upload_area {
  text-align: center;
  font-size: 12px;
}

#main #attachment_div #upload_wrapper #attachment_text {
  font-size: 13px;
  position: absolute;
  top: 2px;
  left: 2px;
}

#main #attachment_div #attachments {
  float: right;
  width: 645px;
  border: 0px solid #a6c9e9;
}

#main #attachment_div #attachments span {
  padding: 0px 15px;
  white-space: nowrap;
}

#main #attachment_div #attachments img {
  position: relative;
  top: 2px;
  cursor: pointer;
  padding-right: 5px;
}

#main #add_email {
  text-align: center;
  padding: 5px 0px;
}

#main #add_email input {
  width: 300px;
}

#main #add_email #add_status {
  height: 20px;
}

#main #email_list {
  padding: 0px 40px 10px 40px;
  text-align: center;
  height: 300px;
  overflow-y: auto;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

#main #email_list span {
  float: left;
  padding: 0px 10px;
  white-space: nowrap;
}

#main #email_list input {
  width: 300px;
  border: 1px solid #aaa;
}

#main #email_list img {
  position: relative;
  top: 4px;
  cursor: pointer;
}

#main #count {
  padding: 10px 50px;
  font-style: italic;
}

#main #main_text {
  text-align: left;
  padding-left: 25px;
  width: 100%;
  padding-top: 10px;
}

#main #main_text input[type=text] { float: right; margin-right: 44px; clear: both; }

#main #main_data {
  width: 750px;
  height: 350px; 
  font-size: 11px;
}

#main #error_header {
  padding: 25px;
  font-weight: bold;
  font-size: 14pt;
}

#main #error_message {
  padding: 5px 50px;
}

#main #newsletter_text {
  text-align: center;
  width: 100%;
}

#main #newsletter_data {
  width: 750px;
  height: 300px;
  font-size: 11px;
}

#preview_popup {
  display: none;
  padding: 5px;
  background-color: #fff;
  border: 5px solid #000;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 8px;
  z-index: 100;
}

#preview_popup #closetext {
  text-align: center;
  cursor: pointer;
  padding-bottom: 5px;
  background-color: #ddd;
}

#preview_popup #closetext:hover {
  text-decoration: underline;
}

iframe {
border: 0px solid #ffffff;
}

#main #bottom_buttons #revisions {
  float: left;
  padding-left: 25px;
}

#main #bottom_buttons #revision_list {
  width: 100px;
}

#main #bottom_buttons #buttons {
  float: right;
  padding-right: 50px;
}

#map {
  float: left;
  color: #66b2ee;
  position: relative;
  top: 300px;
  padding-left: 20px;
}

#build_button {
  float: right;
  position: relative;
  right: 30px;
  top: -30px;
}

#main_page {
  padding: 0px 100px 0px 100px;
  position: relative;
  top: -30px;
}

#footer {
  text-align: center;
  width: 800px;
  font-family: Arial;
  font-size: 9px;
  padding: 15px 0px;
  color: #68ace5;
}

#footer a {
  color: #68ace5;
  text-decoration: none;
}

#footer a:hover {
  color: #e6a158;
}

#copyright {
  position: relative;
  top: 10px;
  padding: 5px;
}

.menu_header {
  cursor: pointer;
  color: #68ace5;
  font-size: 20px;
  font-weight: bold;
}

.menu_header:hover {
  color: #e6a158;
}

#yogurt_table td {
  text-align: center;
  font-size: 12px;
}

#topping_table td {
  text-align: center;
  font-size: 12px;
}

#available {
  float: left;
  position: relative;
  top: 10px;
  font-size: 14px;
  z-index: 2;
}

#available #available_header {
  font-size: 17pt;
  text-decoration: underline;
}

#more_header {
  font-size: 15pt;
  text-decoration: underline;
  text-align: left;
}

#more_table {
  width: 260px;
  padding-right: 15px;
}

#more_table td {
  text-align: left;
}

#yogurt_wrapper {
  width: 450px;
  height: 300px;
  position: absolute;
  top: 95px;
  left: 305px;
  z-index: 2;
}

#topping_wrapper {
  width: 710px;
  height: 300px;
  position: absolute;
  top: 95px;
  left: 45px;
  z-index: 2;
}

#yogurt_background {
  height: 350px;
  width: 710px;
  position: absolute;
  left: 45px;
  top: 75px;
  background: #fff;
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
}

#yogurt_wrapper #yogurt {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#topping_wrapper #topping {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#yogurt_table {
  margin-top: 10px;
}

#yogurt_table td div {
  width: 105px;
  height: 100px;
}

#topping_table {
  margin-top: 10px;
}

#topping_table td div {
  float: left;
  padding: 0 15px;
  height: 130px;
}

.nutrition_box {
  padding: 5px 5px 0px 5px;
  text-align: center;
  float: left;
}

.nutrition_box .nutrition_box_header {
  font-size: 12px;
  padding-bottom: 5px;
}

#menu_footer {
  text-align: right;
  padding-right: 10px;
}

#menu_footer #menu_footer_text {
  padding-right: 20px;
  color: #e6a158;
  position: relative;
  top: -4px;
}

#main_page #subheader {
  float: right;
  text-align: center;
  position: relative;
  right: 0px;
  margin-bottom: 15px;
}

#main_page #subheader a {
  color: #e6a158;
  text-decoration: none;
  padding: 0px 5px;
  font-weight: bold;
}

#main_page #subheader a:hover {
  color: #68ace5;
}

#cleardiv {
  clear: both;
}

.h1_inline {
  font-weight: bold;
  color: #e6a158;
}

.arrow {
  cursor: pointer;
}

#flavor_list { width: 500px; margin-left: auto; margin-right: auto; text-align: center; }
#flavor_list img { cursor: pointer; }
#flavor_list input[type=text] { border: 1px solid #ccc; }
#flavor_list .flavor_delete { float: left; width: 50px; }
#flavor_list .flavor_name { float: left; width: 300px; }
#flavor_list .flavor_available { float: left; width: 50px; }
#flavor_list .flavor_header { padding-bottom: 5px; }
#flavor_list #flavors { height: 350px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; overflow-y: auto;}
#flavor_list #flavor_buttons { padding-top: 15px; }
#flavor_list #flavors .flavor_name { padding-left: 10px; text-align: left; }
#flavor_list #flavors .flavor_item:hover { background-color: #e6a158; }