@import url(menus.css);
/* Html,Body */
html {
  color: #333;
  font: 12px/16px Arial,Helvetica,sans-serif;
  height: 100%;
  margin: 0; }

body {
  color: #333;
  font: 12px/16px Arial,Helvetica,sans-serif;
  height: 100%;
  margin: 0; }
  body * {
    margin: 0;
    padding: 0; }

/* Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Globals */
a {
  color: #08a3e5;
  outline: none;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

img {
  border: 0; }

p {
  padding: 0 0 10px 0; }

h1 {
  font-size: 1.4em;
  padding-bottom: 1em; }
  h1 span {
    color: #2C4766;
    font-size: 0.9em;
    font-weight: normal; }

h2 {
  font-size: 1.2em;
  padding-bottom: 8px;
  line-height: 1.2em; }

h3 {
  font-size: 1.1em;
  padding-bottom: 5px; }

/* Structure */
#container {
  background: url(/images/public/bg.jpg) repeat-y;
  margin: 0 auto;
  width: 890px; }

#header {
  background: url(/images/common/logo.jpg) no-repeat bottom left;
  height: 104px; }

#logo {
  float: left;
  width: 270px; }
  #logo a {
    display: block;
    height: 104px;
    text-indent: -999em; }

#top_menu {
  float: right;
  width: 620px;
  padding-top: 40px; }

#side_menu {
  float: left;
  height: 439px;
  width: 200px; }

#primary {
  background: url(/images/public/white.jpg) repeat-x;
  color: #fff;
  float: left;
  padding: 30px 0 40px 0;
  width: 441px; }

#content {
  padding: 0 20px 0 20px; }

#sbar {
  background: url(/images/public/woman.jpg) no-repeat;
  float: right;
  height: 309px;
  width: 249px; }
  #sbar a {
    height: 309px;
    display: block;
    text-indent: -9999em; }

#footer {
  background: #fff;
  clear: both;
  color: #444;
  font-weight: bold;
  padding: 10px 0 10px 0;
  text-align: center; }
  #footer a {
    color: #444;
    outline: none;
    text-decoration: none; }
    #footer a span {
      color: #D71500; }
    #footer a:hover {
      text-decoration: underline; }

body.welcome #primary {
  background: url(/images/welcome/bg.jpg) no-repeat top right;
  padding: 0;
  height: 520px;
  width: 423px; }
body.welcome #sbar {
  background: url(/images/welcome/woman.jpg) no-repeat;
  height: 520px;
  width: 267px; }
  body.welcome #sbar .checkin a {
    height: 390px; }
  body.welcome #sbar .video a {
    height: 130px; }
body.welcome #primary p {
  line-height: 14px; }
body.welcome #primary .intro {
  font-size: 11px;
  padding: 20px 15px 0 15px;
  height: 315px; }
body.welcome #primary .quote {
  font-size: 11px;
  padding: 0 15px 0 15px;
  color: #000; }
body.welcome #content {
  padding: 0; }
body.welcome #footer {
  background: white url(/images/welcome/how_it_works.jpg) no-repeat;
  padding: 212px 0 10px 0; }

/* Headers */
#h1_welcome, #h1_register, #h1_email, #h1_change_password, #h1_update_details, #h1_feature_title, #h1_inventories_empty, #h1_inventories_title, #h1_room_title_details, #h1_rooms_title, #h1_room_title_pictures, #h1_add_details_that_make_up_room, #h1_rooms_title_add, #h1_create_new_inventory_title, #h1_edit_inventory_title, #h1_pictures_title_add {
  background-repeat: no-repeat;
  background-position: top left;
  display: block;
  padding: 0 0 5px 0;
  text-indent: -999em; }

#h1_welcome {
  background-image: url(/images/titles/welcome.jpg);
  height: 35px;
  width: 300px; }

#h1_register {
  background-image: url(/images/titles/register.jpg);
  height: 35px;
  width: 300px; }

#h1_email {
  background-image: url(/images/titles/change_my_email.jpg);
  height: 35px;
  width: 300px; }

#h1_change_password {
  background-image: url(/images/titles/change_my_password.jpg);
  height: 35px;
  width: 300px; }

#h1_update_details {
  background-image: url(/images/titles/update_my_details.jpg);
  height: 35px;
  width: 300px; }

#h1_pictures_title_add {
  background-image: url(/images/titles/add_new_picture.jpg);
  height: 35px;
  width: 300px; }

#h1_rooms_title_add {
  background-image: url(/images/titles/create_new_room.jpg);
  height: 35px;
  width: 300px; }

#h1_inventories_empty {
  background-image: url(/images/inventories/empty.jpg);
  height: 154px;
  width: 585px; }

#h1_inventories_title {
  background-image: url(/images/titles/my_inventories.jpg);
  height: 35px;
  width: 300px; }

#h1_create_new_inventory_title {
  background-image: url(/images/titles/create_new_inventory_title.jpg);
  height: 35px;
  width: 300px; }

#h1_edit_inventory_title {
  background-image: url(/images/titles/edit_inventory_title.jpg);
  height: 35px;
  width: 300px; }

#h1_add_details_that_make_up_room {
  background-image: url(/images/titles/add_details_that_make_up_room.jpg);
  height: 35px;
  width: 300px; }

#h1_feature_title {
  background-image: url(/images/titles/add_room_feature.jpg);
  height: 35px;
  width: 300px; }

#h1_rooms_title {
  background-image: url(/images/titles/my_inventory_rooms.jpg);
  height: 35px;
  width: 300px; }

#h1_room_title_details {
  background-image: url(/images/titles/add_room_details.jpg);
  height: 35px;
  width: 300px; }

#h1_room_title_pictures {
  background-image: url(/images/titles/add_room_pictures.jpg);
  height: 35px;
  width: 300px; }

/* Table: List */
table.list {
  border-top: 1px solid #ccc;
  border-collapse: collapse;
  width: 100%; }
  table.list th {
    border-bottom: 1px solid #ccc;
    color: #777;
    text-align: left; }
  table.list td {
    border-bottom: 1px solid #ddd; }
  table.list th {
    background-color: #F3F0F5;
    padding: 6px; }
  table.list td a {
    color: #555;
    display: block;
    padding: 6px;
    text-decoration: none; }
  table.list td input, table.list td select {
    width: 100%; }
  table.list td.edit {
    width: 60px; }
  table.list td.delete {
    width: 70px; }
  table.list td.edit a {
    background: url(/images/common/pencil.png) no-repeat center left;
    padding: 0 0 0 20px; }
  table.list td.delete a {
    background: url(/images/common/table_delete.png) no-repeat center left;
    padding: 0 0 0 20px; }

.display_area {
  background-color: #E7F1F6;
  border: 1px solid #ccc;
  padding: 10px; }

/* Pages */
#welcome {
  background: url(/images/welcome/main.jpg) no-repeat;
  height: 542px;
  width: 890px; }
  #welcome #one {
    color: #fff;
    float: left;
    padding-left: 15px;
    padding-top: 50px;
    width: 280px; }
    #welcome #one h2 {
      font-size: 1.1em; }
    #welcome #one span {
      font-size: 0.9em;
      line-height: 12px; }
    #welcome #one #how_it_works a {
      background: url(/images/welcome/how_it_works.jpg) no-repeat;
      display: block;
      height: 22px;
      text-indent: -999em;
      width: 114px; }
  #welcome #two {
    color: #fff;
    float: left;
    padding-left: 45px;
    padding-top: 50px;
    width: 340px; }

#breadcrumbs span {
  color: #999;
  font-size: 0.9em; }

#security {
  background: url(/images/login/main.jpg) no-repeat;
  height: 329px;
  width: 890px; }
  #security .login {
    float: left;
    font-weight: bold;
    padding: 140px 0 0 40px;
    width: 35%; }
    #security .login dd {
      padding-bottom: 5px; }
      #security .login dd input {
        border: 1px solid #aaa;
        font-size: 14px;
        padding: 5px;
        width: 200px; }
  #security .register {
    float: left;
    padding: 140px 0 0 0;
    width: 25%; }
    #security .register h2 {
      font-size: 1.1em; }
    #security .register p {
      font-size: 1.1em;
      padding-top: 10px; }
  #security .buttons {
    clear: both;
    height: 29px; }
    #security .buttons input {
      display: block;
      height: 29px;
      width: 114px; }
    #security .buttons a {
      background: url(/images/login/register.jpg) no-repeat;
      display: block;
      height: 29px;
      text-indent: -999em; }
    #security .buttons .login_button {
      float: left;
      height: 29px;
      padding-left: 40px;
      width: 35%; }
    #security .buttons .register_button {
      float: left;
      height: 29px;
      width: 114px; }

#primary ul {
  margin-left: 3px;
  padding: 10px 0 10px 12px; }
  #primary ul li {
    padding: 10px 0 0 0; }
    #primary ul li a {
      color: #005CB9;
      font-size: 1em;
      font-weight: normal;
      text-decoration: none; }
    #primary ul li p {
      color: #666;
      font-size: 1em; }
#primary ol {
  margin-left: 4px;
  padding: 10px 0 10px 13px; }
#primary span.super {
  font-size: 60%;
  vertical-align: super; }

.base_buttons, .q {
  padding-top: 10px; }

.a {
  font-style: italic; }
  .a span {
    color: #FAB000;
    font-weight: bold; }

.q span {
  color: #FAB000;
  font-weight: bold; }

#letter {
  border: 1px solid #fff;
  margin-bottom: 20px;
  padding: 12px; }
  #letter h2 {
    padding-top: 15px; }

body.pages table {
  border-collapse: collapse; }
body.pages th {
  background: #001732;
  padding: 8px; }
body.pages td {
  border-bottom: 1px solid #001732;
  padding: 8px; }

/* Pictures */
#pictures {
  height: 140px; }
  #pictures a {
    border: 1px solid #fff;
    display: block; }
    #pictures a:hover {
      border: 1px solid #991200; }
    #pictures a img {
      border: 0;
      display: block;
      vertical-align: bottom; }

.picture {
  background: url(/images/common/noimage.jpg);
  height: 119px;
  float: left;
  margin-right: 1px;
  width: 119px; }

/* Room */
h2.change_room_name {
  background: url(/images/titles/change_room_name.jpg) no-repeat top left;
  display: block;
  height: 35px;
  text-indent: -999em; }
h2.add_furniture_to_room_title {
  background: url(/images/titles/add_furniture_to_room.jpg) no-repeat top left;
  display: block;
  height: 35px;
  text-indent: -999em; }

/* Feature/Furniture */
h1.add_feature_to_room_title {
  background: url(/images/titles/add_feature_to_room.jpg) no-repeat top left;
  height: 35px;
  text-indent: -999em; }
h1.edit_feature_of_room_title {
  background: url(/images/titles/edit_feature_of_room.jpg) no-repeat top left;
  height: 35px;
  text-indent: -999em; }
h1.add_furniture_to_room_title {
  background: url(/images/titles/add_furniture_to_room.jpg) no-repeat top left;
  height: 35px;
  text-indent: -999em; }
h1.edit_furniture_in_room_title {
  background: url(/images/titles/edit_furniture_in_room.jpg) no-repeat top left;
  height: 35px;
  text-indent: -999em; }

.step_one {
  background: url(/images/common/step1.jpg) no-repeat top left;
  height: 30px; }

.step_two {
  background: url(/images/common/step2.jpg) no-repeat top left;
  height: 30px; }

.step_three {
  background: url(/images/common/step3.jpg) no-repeat top left;
  height: 30px; }

.step_four {
  background: url(/images/common/step4.jpg) no-repeat top left;
  height: 30px; }

/* ===============================================================
* Form: Public
* =============================================================== */
div.public_form .section {
  width: 600px;
  background: url(/images/forms/section_bg.jpg) repeat-y; }
div.public_form .section_header {
  height: 37px;
  background: url(/images/forms/section_header.jpg) repeat-y; }
  div.public_form .section_header h2 {
    padding: 9px 0 0 12px; }
    div.public_form .section_header h2 span {
      color: #666;
      font-size: 12px;
      font-weight: normal; }
div.public_form .section_body {
  padding: 9px 12px 40px 12px;
  background: url(/images/forms/section_footer.jpg) no-repeat bottom left; }
  div.public_form .section_body .dt {
    float: left;
    font-size: 12px; }
    div.public_form .section_body .dt div {
      height: 35px; }
      div.public_form .section_body .dt div label {
        display: block;
        padding: 5px 0 0 0; }
  div.public_form .section_body .dd {
    float: left; }
    div.public_form .section_body .dd div {
      height: 35px; }
  div.public_form .section_body .single_field {
    padding: 5px 0 0 0; }
  div.public_form .section_body .single_area {
    padding: 5px 0 0 0; }
    div.public_form .section_body .single_area textarea {
      height: 140px;
      width: 560px;
      padding: 6px;
      border: 1px solid #aaa;
      color: #444;
      font: 12px/16px Arial,Helvetica,sans-serif; }
  div.public_form .section_body .dt div.textarea {
    height: 140px; }
  div.public_form .section_body .dd div.textarea {
    height: 140px; }
    div.public_form .section_body .dd div.textarea textarea {
      height: 120px;
      width: 240px;
      padding: 6px;
      border: 1px solid #aaa;
      color: #444;
      font: 12px/16px Arial,Helvetica,sans-serif; }
  div.public_form .section_body .single_field input, div.public_form .section_body .dd div input, div.public_form .section_body .file input {
    padding: 6px;
    width: 240px;
    color: #444;
    border: 1px solid #aaa;
    font-size: 12px; }
  div.public_form .section_body .small_field input {
    padding: 6px;
    width: 40px;
    color: #444;
    border: 1px solid #aaa;
    font-size: 12px; }
  div.public_form .section_body .date select {
    width: 116px; }
div.public_form .submit input {
  padding: 9px 15px 9px 15px;
  background: url(/images/forms/submit_bg.jpg);
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold; }
div.public_form .cancel input {
  padding: 9px 15px 9px 15px;
  background: url(/images/forms/cancel_bg.jpg);
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold; }
div.public_form .section_footer {
  clear: both; }
div.public_form div.errorExplanation {
  padding: 10px;
  border: 1px solid #999;
  background: #f5f5f5; }
  div.public_form div.errorExplanation h2 {
    display: none; }
div.public_form .section_body .fieldWithErrors input, div.public_form .section_body .fieldWithErrors select {
  border: 1px solid #800300; }

/*div.public_form .section_body dt div { color: #A60000; font-size: 0.9em; }
div.public_form .section_body dt label { font-weight: bold; }
div.public_form .section_body dt label span { font-weight: normal; font-size: 0.9em; }
div.public_form .section_body dd input,
div.public_form .section_body dd select { border: 1px solid #666; font-size: 1em; padding: 3px 0 3px 0; width: 350px; }
div.public_form .section_body dd textarea { border: 1px solid #666; height: 60px; padding: 4px 0 4px 0; width: 350px; }
div.public_form .section_body dd { padding-bottom: 15px; }
div.public_form .section_body dd .fieldWithErrors input,
div.public_form .section_body dd .fieldWithErrors textarea { border-color: #992B00; }
*/