/****************************
    TCPOS main-meal-reservation.css
    24/09/2013
    v 0.1

    main color scheme
    red: #FF0000
    blue: #063066
    lightblue: #DEF3F4
    pink: #FFEAEA
    grey: #f8f8f8, #f2f2f2, #e8e8e8, #ccc, #494949, #555, ...

****************************/

/* resets and common tags */
* {margin:0; padding:0; font:14px/1.35 Arial, Helvetica, sans-serif;  color:#555; z-index:1}
html, body { min-height:100%; height:auto; width:auto; }
html > body  {min-height:100%; height:auto; width:auto; }
html
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
body {min-width:640px;}

h1, h2, h3, h4, h5, h6 {line-height:1em; font-weight:normal; padding:0;  padding-bottom:10px; }
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {line-height:1em; font-size:inherit; font-family:inherit; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {line-height:1em; background:none }

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

p {margin:10px 0; }
a {text-decoration:none; }
a:hover {color:#063066;}
hr {height:1px; border:0; border-bottom:1px dotted #ccc; margin:20px 0;}
a:visited, a:link {outline:none;}
a img {border:0;}
label {}

strong {font-weight:bold; }
label {display:block; font-weight: bold; color:#494949; }
input {display:block; width:50%; border: 1px solid #ccc; color:#494949; font-weight:normal; font-size:16px; padding:2px;}
input[type='submit'], button {width:auto; background:#e8e8e8; border: 1px solid #ccc; border-radius:3px; color:#063066; cursor:pointer; font-size:14px; padding:4px; margin-bottom:10px;}
textarea {display:block; width:50%; border: 1px solid #ccc; color:#494949; font-weight:normal; font-size:16px; margin-bottom:20px; height:100px;}
label span.form-required {color: #FF0000;}
#btnMsgOk {
  margin-top: 10px;
}
/*-----------------------------
   Generic style for all views
--------------------------------*/
/* body padding can be deleted on iframe istance */
body {
  padding: 20px;
}

.inlineButton { display: inline;}

/* this is the class of the div that appears during Ajax calls */
.modal { display: none; position: fixed; z-index:1000; top:0; left:0; height:100%; width:100%; background: rgba(255, 255, 255, .8) url('../images/loading.gif') 50% 50% no-repeat; }

/* border-box: change box-modeling, this fix is use also direct to divs without using class */
.borderbox {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pass {font-size: 10px;line-height: 0;color: red;}
.contactAnchor {cursor: pointer; text-decoration: underline;}

/* entire application is inside wrapper */
#wrapper {
  position: relative;
  top: 0;
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding: 20px;
  width: 800px;
  height: 600px;
  overflow: auto;
}
#wrapper h2 {width:100%; padding:10px; background:#B0000B; color:#fff; background:url("../images/h1-bgk.jpg") center center no-repeat; margin-bottom:20px; }
#wrapper h3 {background: url("../images/h3-bgk.png") right bottom no-repeat; margin: 0; padding: 0 0 10px; margin-bottom:30px;}

/*-----------------------------
   Login Form
--------------------------------*/
#loginForm {display:block;}
#loginForm p {margin-bottom:10px;}
#loginForm #languageSelector{ float:right}

/*-----------------------------
   Load Card Form
--------------------------------*/
#lblSafePayment {margin:0 0 10px;display:block; }
#chkIsVaulted {display: inline-block; width: auto; padding: 0px; } 
/*-----------------------------
   Update customer account form
--------------------------------*/
#lblCheckTopupUse {margin:0 0 10px;display:block; }
#chkTopupUse {display: inline-block; width: auto; padding: 0px; } 
#topupThresholdAmount {padding: 2px}
#topupLoadAmount {padding: 2px}

/*-----------------------------
   Change password Form
--------------------------------*/
#changePasswordForm, #changePassword {display:block;}
#changePasswordForm p, #changePassword p {margin-bottom:10px;}

/*-----------------------------
   Reset password Form
--------------------------------*/
#resetPasswordForm {display:block;}
#resetPasswordForm p {margin-bottom:10px;}

/*-----------------------------
   Main Menu
--------------------------------*/
#menu {display:block; width:100%; margin-bottom:15px; border-bottom:1px dotted #ccc; padding-bottom:15px;}
#menu ul li {display:inline; width:auto; background:url(../images/nav-line.gif) center right no-repeat; padding-right:10px; padding-left:10px; }
#menu ul li:first-child {display:inline; width:auto; background:url(../images/nav-line.gif) center right no-repeat; padding-right:10px; padding-left:0px; }
#menu ul li:last-child {display:inline; width:auto; padding-right:0px; padding-left:10px; }
#menu ul li a {font-size:16px; color:#444; cursor:pointer}
#menu ul li a:hover {color:#888}
#menu ul li.active a {color:red}

/* ------------------------------
    tabsForm
----------------------------------*/
#tabsForm {}
.tabs {}
.customer-info{}
.account-management{}
.transaction{}

#menuCustomerInfo {}

/*-----------------------------
   Transactions
--------------------------------*/
#transactionsHeader h4 {display:inline;}
#transactionsHeader #btnNextMonth {margin-right:10px;}
#transactions table {width:100%; border-collapse:collapse; table-layout:fixed; }
#transactions tr th {color:#fff; padding:5px; border:2px solid #fff; background:#063066; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: small;}
#transactions tr td {border:1px solid #ccc; padding:5px; }
#transactions tr.showTransArticles td {cursor:pointer}
#transactions tr.odd td {background:#f8f8f8}
#transactions tr.transactionArticles td {border:0; background:#DEF3F4}
#transactions tr.transactionArticles td.sub {background:#def3fa url(../images/subicon.gif) center center no-repeat;}
button.printTransaction{width:100%;height:40px;background-image:url(../images/printer.png);background-repeat:no-repeat;background-position:center;background-color:#fff}
#transactions table tr.showTransArticles:hover td button.printTransaction{background-color:#fafafa}

/*--------------------
  Style for concardis
--------------------*/
#widget-container {
   width: 100%;
   max-height: 400px;
}
#widget-container iframe {
   width: 100%;
   height: 100%;
}

/*--------------------
  Style for paypal
--------------------*/
#cancelPayWithPayPal {
  margin-left: 5px;
}

/*---------------------------
  Style for Pending Message
-----------------------------*/
#lblPendingBalanceWarning {
  font: 18px/1.35 Arial, Helvetica, sans-serif;
  color: #FF0000;
}