/*** General ***/
html, body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#656565; background-color:#F5F5F5; }
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-box: box-sizing;}
img { border:none; }
a { color:#bf5660; text-decoration:none; }
p { line-height:1.7; }
fieldset { border: none; padding: 0; margin-bottom: 10px; }

/* HEADER */
h1 { font-size:18px; color:#bf5660; font-weight:bold; }
h2 { font-size:14px; font-weight:bold; }
h3 { font-size:12px; font-weight:bold; }

/* UTILITY CLASSES */
.italic { font-style: italic; }
.view { width:100%; }
.error { color:#F00; font-weight:bold; }
.hidden { visibility:hidden; }
.strong { font-weight: bold; }
.display_none { display: none; }
.force_display_none { display: none !important; }
.pointer:hover { cursor:pointer; }
.green { color:#339900; }
.orange { color:#FF9900; }
.jq_orange { color:#E78F08; }
.red { color:#FF0000; }
.float_right { float:right; }
.strikethrough { text-decoration: line-through; }
.red_input { border:1px solid #BF5660; background-color:#f4e0e2; }
.float-right { float: right; }

/* SPECIFIC */
#bg_img_view { position:absolute; right:-20px; bottom:0; z-index:0; }
#bg_img_home { position:absolute; left:-20px; bottom:0; z-index:0; }

.scene_icon {
    width: 59px;
    height: auto;
}

/* ----------------------------------------------------------- *\
 *
 * LOGO COLOR CLASSES
 *
/* ----------------------------------------------------------- */
.bgclr-reception { background-color: #ea9931; }
.bgclr-kitchen { background-color: #bd5a69; }
.logo-grey { background-color: #b0a3ad; }
.text-grey { color: #b0a3ad;}
.logo-red { background-color: #a24450; }
.text-red { color: #a24450; }
.logo-yellow { background-color: #d9911f; }
.text-yellow { color: #d9911f;}
.logo-white { background-color: #FFF; }
.text-white { color: #FFF; }


/* ---------------------------------------------------------------------- *\
 * Background images for content
/* ---------------------------------------------------------------------- */
.bg-small-right {
  background-image: url('../img/bg_agents.png');
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 600px;
}
/** CLEAN THIS UP LATER */
table { width:100%; }
table th { text-align:left; }


/*** Maintenance banner ***/
#maintenance-banner {
  margin: 0 auto 10px;
  background-color: #b94a48;
  border-color: #b94a48;
  color: #FFF;
  font-weight: bold;
  padding: 10px 5px;
}

/* Feedback */
.report_btn { margin-left:2px; margin-right:2px; position:relative; z-index:99; clear:both; height:20px; }
.ajax_form { position:fixed; top:10px; right:20px; z-index:1000000; color:#FFF; background-color:#bf5660; }
.ajax_form li { line-height: 1.5;}
.ajax_form a { color:#FFF; }
.ajax_form a:hover { text-decoration: underline; }
.ajax_form .form h1 { color:#fff; }
.ajax_form  #failure { padding:2px; background-color:#F00; color:#FFF; font-weight:bold; display:none; }
.ajax_form  #success { padding:2px; background-color:#07de0c; color:#FFF; font-weight:bold; display:none; }
.ajax_form .form { clear:both; display:none; padding:3px 5px 5px 5px; margin:10px 0px 0px 0px; border-radius:3px; -moz-border-radius:3px;  overflow:hidden; }
.ajax_form input[type="text"] { width:460px; }

#edit #edit_form { clear:both; display:none; padding:3px 10px 5px 10px; margin:10px 0px 0px 0px; border-radius:3px; -moz-border-radius:3px; background-color:#bf5660; overflow:hidden; }


/* Management menu */
#menu_admin {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background-color: #000;
  z-index: 99999;
  font-size: 11px;
}
#menu_admin ul {
  margin: 7px 0px 0px 10px;
  padding: 0;
  list-style: none;
}
#menu_admin ul li { float:left; padding:0px 0px 0px 0px; margin:0px 10px 0px 0px; color:#FFF; }
#menu_admin ul li a { color:#FFF; }

/* HEADER */
#header { padding: 10px 0px 0px 0px; margin: 0px 0px 10px 0px; border-bottom:5px solid #bf5660; background-color:#FFF; }
  #inner_header { margin:0 auto; padding: 0px 0px 0px 0px;  position: relative; }
  #inner_header #logo { margin-right: 30px; }
  #inner_header #logo img { height: 50px; }
  #inner_header .right { float:right;}
  #inner_header .right .nav { position:absolute; bottom: -3px; right:0; }
  #inner_header .right .nav .margin-right { margin-right: 5px; float: left;}

/*** Language switcher ***/
#language-switcher-cntr { margin: 0 auto 10px; }
#language-switcher-cntr #target-language { float: right; }

#container {
  margin: 0 auto;
  position: relative;
  z-index: 100;
}

#content {
  position: relative;
  min-height: 600px;
  margin: 0 0 20px 0;
  padding: 15px 20px 15px 20px;
  border: 1px solid #DDD;
  background-color: #FFF;
  overflow: hidden;
}
#content.app_content {
    padding: 0;
}

#content.home { background-image:url('../img/bg_agents.png'); background-repeat:no-repeat; background-position:bottom left; background-size: 600px; }
#content.about { background-image:url('../img/bg_agents.png'); background-repeat:no-repeat; background-position:bottom right; background-size: 600px;}
#content.disclaimer { background-image:url('../img/bg_agents.png'); background-repeat:no-repeat; background-position:bottom right; background-size: 600px;}
#content.copyright { background-image:url('../img/bg_agents.png'); background-repeat:no-repeat; background-position:bottom right; background-size: 600px;}
#content.quicktour { background-image:url('../img/quicktour_figure2.png'); background-repeat:no-repeat; background-position:bottom right; }

/* ---------------------------------------------------------------------- *\
 * Layout
/* ---------------------------------------------------------------------- */
.admin_menu_margin {
    margin-top: 30px; /* Add some margin for admin menu when necessary */
}

/* ---------------------------------------------------------------------- *\
 * Pages
/* ---------------------------------------------------------------------- */

/*** HOME VIEW ***/
#home_view {
}
#home_view .left {
  float: left;
  margin: 0;
  width: 500px;
}
#home_view .left #language-list {
  width: 400px;
}
#home_view .right {
  float: right;
  margin: 0;
  padding: 0px 0px 0px 0px;
}
#home_view .right img {
  display: block;
  margin: 0px 0px 15px 0px;
}
#home_view #login {
    width: 200px;
}
#home_view #login .top {
  color: #FFF;
  padding: 7px 7px 7px 12px;
  margin: 0;
  background-color: #BF5660;
  border-radius: 7px 7px 0px 0px;
  -moz-border-radius: 7px 7px 0px 0px;
  font-weight: bold;
  font-size: 14px;
}
#home_view #login .center {
  padding: 10px 10px 20px 10px;
  margin: 0;
  border-left: 1px solid #BF5660;
  border-right: 1px solid #BF5660;
  border-bottom: 1px solid #BF5660;
  border-radius: 0px 0px 7px 7px;
  background-color: #FFF;
}
#home_view #login .center p {
  margin: 0px 0px 5px 0px;
}
#home_view #login .center .label {
  white-space: nowrap;
  margin: 0;
}
#home_view #login .center input.text {
  margin: 0px 0px 0px 0px;
  padding: 5px;
  width: 100%;
  height: 20px;
}
#home_view #login .center #forgot_password {
  margin-bottom: 20px;
}

#home_view #login .center input.submit {
  float:right;
  width: 45px;
  height: 25px;
  margin: 10px 10px 0 0;
  padding: 0;
  border: 0;
  text-indent: -1000em;
  background: transparent url('../media/app/img/btn_login.png') no-repeat center top;
  cursor: pointer;
}

/* ABOUT */
#about_view { float:left; position:relative; padding:0px 0px 210px 0px; }

/*** Contact view **/
#contact_view {
    height: 600px;
}

/*** Partners view ***/
#partners_view {
  float: left;
  padding-bottom: 150px;
}
#partners_view ul li {
  line-height: 1.7;
}
#partners_view table {
  border-spacing: 0;
}
#partners_view table td {
  padding:5px;
  border:1px solid #DDD;
}
#partners_view img {
  height: 40px;
  margin: 10px 10px;
}


/* DISCLAIMER */
#disclaimer_view { float:left; position:relative; padding:0px 0px 210px 0px; }
#disclaimer_view li { line-height:1.7; }

/* COPYRIGHT */
#copyright_view { float:left; position:relative; padding:0px 0px 210px 0px; }

/* QUICKTOUR */
#quicktour { }
#quicktour #movie { float:left; margin:0; padding:0px 60px 0px 0px; }
#quicktour #register { float: right; }
#quicktour #about { padding:20px 0px 0px 0px; clear:both; }

/* FORGOT PASSWORD */
#forgot_password_view { height:400px; }
#forgot_password_view .label { margin-right:10px; }
#forgot_password_view .text { width:300px; }
#forgot_password_view .submit { padding: 2px 4px 2px 4px; border: 0px solid #BF5660; color: white; background-color: #BF5660; }

/* RESET PASSWORD */
#reset_password_view { height:400px; }
#reset_password_view .label { float:left; width:200px; margin-right:10px; }
#reset_password_view .text { width:300px; }
#reset_password_view .submit { padding: 2px; border: 0px solid #BF5660; color: white; background-color: #BF5660; }

/*** Register View ***/
#register-view input[type="text"] {
  width: 300px;
  padding: 3px;
}
#register-view fieldset {
  margin: 15px 0;
}
#register-view #captcha img {
  float:left;
  margin: 0 10px 0 0;
}
#register-view #captcha input {
  height: 50px;
  font-size: 22px;
}

/*** Register Succes View ***/
#register-success-view .label {
  float: left;
  width: 200px;
  white-space: nowrap;
}
#register-success-view .text-input {
  width: 250px;
}

/* ---------------------------------------------------------------------- *\
 * User profile view
/* ---------------------------------------------------------------------- */
#user_profile_view input[type=text],
#user_profile_view input[type=password] {
    width: 225px;
}

#user_profile_view #user_password_form {
    position: absolute;
    top: 15px;
    right: 0;
    width: 300px;
}

/*** FOOTER ***/
#footer {
  text-align: center;
  margin: 0 auto;
  position: relative;
  top: 10px;
  z-index: 0;
  padding-bottom: 20px;
}
#footer img {
  max-height: 50px;
  margin: 0 10px;
}
#footer #disclaimer {
  font-size: 10px;
  margin: 10px 0 0 0;
}

/*** OTHER ***/

/*** Generic red button ***/
.red-btn {
  min-height: 60px;
  width: 200px;
  padding: 10px;
  background-color: #BF5660;
  color: #FFF;
  border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  margin:  0 0 10px 0;
}
.red-btn .title {
  margin: 0 0 10px 0;
  color: #fff;
}


/*** Buttons ***/
.btn-danger a {
   color:#FFF !important;
}

.btn {
  display: inline-block;
  padding: 4px 14px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333;
  background-color: #ECECED;
  background-image: -moz-linear-gradient(top,#F0F1F2,#E6E6E6);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#F0F1F2),to(#E6E6E6));
  background-image: -webkit-linear-gradient(top,#F0F1F2,#E6E6E6);
  background-image: -o-linear-gradient(top,#F0F1F2,#E6E6E6);
  background-image: linear-gradient(to bottom,#F0F1F2,#E6E6E6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0f1f2',endColorstr='#ffe6e6e6',GradientType=0);
  border-color: #E6E6E6 #E6E6E6 #BFBFBF;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #BBB;
  border-bottom-color: #A2A2A2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
  zoom: 1;
}

.btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px;
}
.btn-small [class^="icon-"] {
  margin-top: -1px;
}
.btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.btn-danger {
  color:#FFF;
  background-color: #c83636;
  background-image: -moz-linear-gradient(top, #d43f3f, #b72929);
  background-image: -ms-linear-gradient(top, #d43f3f, #b72929);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d43f3f), to(#b72929));
  background-image: -webkit-linear-gradient(top, #d43f3f, #b72929);
  background-image: -o-linear-gradient(top, #d43f3f, #b72929);
  background-image: linear-gradient(top, #d43f3f, #b72929);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d43f3f', endColorstr='#b72929', GradientType=0);
  border-color: #b72929 #b72929 #791b1b;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #b72929;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color:#FFF;
  background-color: #b72929;
  *background-color: #a22424;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #8d2020 \9;
}

.btn-success {
  background-color: #5f8a1d;
  background-image: -moz-linear-gradient(top, #6b9b20, #4e7117);
  background-image: -ms-linear-gradient(top, #6b9b20, #4e7117);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6b9b20), to(#4e7117));
  background-image: -webkit-linear-gradient(top, #6b9b20, #4e7117);
  background-image: -o-linear-gradient(top, #6b9b20, #4e7117);
  background-image: linear-gradient(top, #6b9b20, #4e7117);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9b20', endColorstr='#4e7117', GradientType=0);
  border-color: #4e7117 #4e7117 #22310a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #4e7117;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #4e7117;
  *background-color: #3f5c13;
}
.btn-success:active,
.btn-success.active {
  background-color: #31460f;
}


/*** Static status msg ***/
.status-msg {
  margin: 5px auto 5px;
  padding: 5px;
  color: #FFF;
  font-weight: bold;
}
.status-msg-error { background-color: rgb(221, 74, 57) !important; }
.status-msg-success { background-color: rgb(97, 197, 89) !important; }
.status-msg-warning { background-color: rgb(226, 168, 46) !important; }

/*** fade in Status MSG ***/
#status-msg {
  position:fixed;
  top:200px;
  padding:10px;
  background-color:#FFF;
  color:#FFF;
  -moz-box-shadow: 0 0 5px 0px #AAA;
  -webkit-box-shadow: 0 0 5px 0px#AAA;
  box-shadow: 0 0 5px 0px #AAA;
  font-weight:bold;
  display:none;
  z-index:1001;
}

.msg-loading { background-color:#99BDD4 !important; }
.msg-error { background-color:#C53727 !important; }
.msg-success { background-color:#85D345 !important; }
.msg-warning { background-color:#F2983D !important; }