@charset "UTF-8";
/* Main SCSS Document */
/* Colours */
@import url(https://fonts.googleapis.com/css?family=Amaranth:400);
@import url(https://fonts.googleapis.com/css?family=Pontano+Sans:400);
@import url(https://fonts.googleapis.com/css?family=Hammersmith+One);
/* normalize.css v2.1.0 | MIT License | git.io/normalize */
/* normalize.scss v2.1.0 | MIT/GPLv2 License | bit.ly/normalize-with-compass */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  /* Establish a vertical rhythm unit using $base-line-height. */
  line-height: 1.5em; }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Set 1 unit of vertical rhythm on the top and bottom margin.
 */
p,
pre {
  margin: 1.5em 0; }

blockquote {
  /* Set 1 unit of vertical rhythm on the top and bottom margin. */
  margin: 1.5em 40px; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  /* Set the font-size and line-height while keeping a proper vertical rhythm. */
  font-size: 2.5em;
  line-height: 1.2em;
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
  margin-top: 0.6em;
  margin-bottom: 0.6em; }

h2 {
  font-size: 2em;
  line-height: 1.5em;
  margin-top: 0.75em;
  margin-bottom: 0.75em; }

h3 {
  font-size: 1.6em;
  line-height: 1.875em;
  margin-top: 0.9375em;
  margin-bottom: 0.9375em; }

h4 {
  font-size: 1.4em;
  line-height: 2.14286em;
  margin-top: 1.07143em;
  margin-bottom: 1.07143em; }

h5 {
  font-size: 1.2em;
  line-height: 1.25em;
  margin-top: 1.25em;
  margin-bottom: 1.25em; }

h6 {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
  line-height: 1.5em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Set 1 unit of vertical rhythm and a consistent indentation.
 */
dl,
menu,
ol,
ul {
  margin: 1.5em 0;
  padding: 0 0 0 40px; }

dl {
  padding: 0; }

dd {
  margin: 0 0 0 40px; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border-color: #c0c0c0;
  margin: 0 2px;
  /* Apply borders and padding that keep the vertical rhythm. */
  border-top-width: 0.0625em;
  border-top-style: solid;
  padding-top: 0.4625em;
  border-bottom-width: 0.0625em;
  border-bottom-style: solid;
  padding-bottom: 0.9125em;
  border-left-width: 0.0625em;
  border-left-style: solid;
  padding-left: 0.875em;
  border-right-width: 0.0625em;
  border-right-style: solid;
  padding-right: 0.875em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Improve appearance and consistency with IE 6/7.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  /* font-size: 100%; */
  /* 2 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* 

colours used

312 - #009fcc
312 tint - #67cbe2
312 lighter tint - #96daea
darker blue - #0E6A99
584 - #bfd123
583 - #95A900
582 - #839402

*** Note avoid ms-filters: they go super nasty in IE9 ***

 */
.hidden {
  display: none !important; }

#mainContent .article {
  padding: 10px 2% 10px 0; }

#merchantDashboard.article,
#mainContent .span12 .article {
  padding: 10px 2% 10px 2%; }

#sidebar .aside {
  margin: 20px 20px 0; }

#formContent {
  margin-bottom: 20px; }

/*
#helpContent {
	min-height:200px;
	margin-top:40px;
	font-size: 0.85em;
}

#content {
}

.one-half,
.one-third,
.two-thirds,
.one-quarter,
.three-quarters,
.one-fifth,
.two-fifths,
.three-fifths,
.four-fifths {
	float:left;
	margin-right:4%;
}

.one-half {
	width: 46%;
	float:left;
}
.one-third {
	width: 29%;
	float:left;
}
.two-thirds {
	width: 61%;
	float:left;
}
.one-quarter {
	width: 21%;
	float:left;
}
.three-quarters {
	width: 71%;
	float:left;
}
.one-fifth {
	width: 16%;
	float:left;
}
.two-fifths {
	width: 36%;
	float:left;
}
.three-fifths {
	width: 56%;
	float:left;
}
.four-fifths {
	width: 76%;
	float:left;
}
*/
.groupedSection {
  border: 1px solid #ddd;
  width: 100%;
  margin-bottom: 20px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.groupLabel {
  background: #F9F9F9;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 0 0;
  color: #333;
  display: block;
  padding: 5px 8px 5px;
  border-bottom: 1px solid #ddd;
  font-size: 14px; }
  .groupLabel:before, .groupLabel:after {
    content: "";
    display: table; }
  .groupLabel:after {
    clear: both; }
  .groupLabel {
    zoom: 1; }

.groupedSectionContent {
  margin: 10px; }

#mainContent #LoginToDoThat {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #F7F7F7;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

#mainContent #LoginToDoThat .boxed {
  background: #fff;
  margin-bottom: 0px; }

/*
.Lightbox {
	display: none;
	position: absolute;
	top: 15%;
	left: 15%;
	width: 70%;
	height: 70%;
	padding: 16px;
	border: 16px solid #333;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
*/
#headerWrapper {
  position: relative;
  background-color: #EEC827; }

#top-nav {
  position: relative;
  width: auto;
  max-width: 1200px;
  margin: 0 auto 10px;
  font-size: 90%;
  padding: 3px; }
  #top-nav a {
    color: #fff; }

#header {
  width: auto;
  max-width: 1200px;
  position: relative;
  margin: 0 auto; }

.site-title {
  position: relative; }
  .site-title img {
    max-width: 100%;
    max-height: 50px;
    margin-bottom: 5px;
    margin-right: 10px; }
  .site-title a {
    color: #fff;
    font-family: 'Pontano Sans', Georgia, "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    font-size: 2rem;
    line-height: 1;
    bottom: 7px;
    position: absolute;
    white-space: nowrap; }
  .site-title a:hover {
    color: #fff;
    text-decoration: none; }

h2 {
  color: #95a900;
  font-family: 'Pontano Sans', Georgia, "Times New Roman", Times, serif;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 6px;
  margin-bottom: 0.375rem; }

h2.page-title {
  margin-top: 0; }

h3 {
  margin: 5px 0 15px;
  font-weight: normal;
  color: #95a900; }

h3 a {
  color: #95a900;
  text-decoration: none; }

h3 a:hover {
  color: #95a900;
  text-decoration: underline; }

h4 {
  margin: 0px 0 2px;
  font-weight: bold;
  font-size: 1.3em;
  color: #727272; }

h4 a {
  text-decoration: none; }

h4 a:hover {
  text-decoration: underline; }

p {
  margin: 10px 0; }

.hint {
  color: #888888;
  display: block;
  font-size: 0.7em;
  padding: 5px 0; }

ol li, ul li {
  position: relative; }

ul li li {
  margin: 0px; }

ul.thumbnails {
  padding: 0; }

ul.tickList {
  list-style: none;
  padding: 0 0 0 30px;
  position: relative; }

ul.tickList li {
  margin-bottom: 0.6em; }

ul.tickList li:before {
  content: "\f00c";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #BFD123;
  font-size: 18px;
  padding-right: 0.5em;
  position: absolute;
  top: 0px;
  left: -1.5em; }

a {
  color: #009fcc; }

a.lost-pwd {
  font-size: 0.8em;
  margin-left: 4px; }

a.edit-inline-link {
  font-size: 0.8em; }

.headerNotes,
.footerNotes,
.introNotes {
  background: #EEEEEE;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 0.95em;
  padding: 2px 15px;
  margin-bottom: 20px; }

.introNotes p {
  font-size: 1.3em; }

p.intro {
  font-size: 1.2em;
  font-weight: normal;
  line-height: 1.2;
  margin: 0 0 10px; }

/*
	TABLES 
*/
/* The Dashboard statistics */
.reportTable {
  width: 100%;
  border-left: 1px solid #ccc;
  font-size: 90%;
  margin: 10px 0; }

.reportTable thead th {
  padding: 8px 5px;
  background: #aaa;
  color: #FFFFFF;
  text-align: right; }

.reportTable thead th.thth {
  text-align: left; }

.reportTable tbody th {
  text-align: left;
  padding: 5px 5px;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc; }

.reportTable tr.OddRow {
  background: #eee; }

.reportTable td {
  padding: 8px 5px;
  text-align: right;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc; }

/*
	New Merchant Sales Tabs style - added by TH
*/
#tabbed-content {
  width: 960px;
  margin: 0 auto; }

ul.tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  position: relative;
  top: 0; }

ul.tabs li {
  margin: 0;
  padding: 0;
  float: left;
  overflow: hidden; }

ul.tabs li a {
  text-decoration: none;
  color: #555;
  display: block;
  font-size: 18px;
  margin-right: 3px;
  padding: 10px 30px;
  outline: none;
  background: #eee;
  border: 1px solid #DDD;
  border-radius: 4px 4px 0 0; }

ul.tabs li a:hover {
  color: #333;
  background: #f7f7f7; }

ul.tabs li.active a,
ul.tabs li.active a:hover {
  color: #000;
  background: #fff;
  border-bottom: 1px solid #fff; }

.tab_container {
  border: 1px solid #DDD;
  overflow: hidden;
  clear: both;
  float: left;
  width: 100%;
  background: #fff;
  margin-top: -1px; }

.tab-content {
  display: block;
  padding: 5px 20px 15px;
  font-size: 15px; }

/* 
	Context Menu additions added by WF
*/
#contextmenu ul li a span.hint {
  color: #333;
  padding-left: 8px;
  font-size: 0.7em;
  display: block;
  clear: left;
  padding-left: 10px;
  font-size: 75%;
  color: #333; }

/* CSS Document */
#mainWrapper {
  padding-bottom: 60px;
  min-height: 600px; }

#main {
  margin: 0 auto;
  xpadding: 20px 0px;
  width: 1000px;
  background: #fff; }

.bc_home.notloggedin #main,
.bc_about #main {
  padding: 10px 0 0 0;
  background: none transparent;
  width: 100%; }

.bc_signup #main {
  margin: 40px auto 20px; }

.bc_home.notloggedin.bc_login #main {
  margin: 0 auto;
  padding: 20px 0px;
  width: 1000px; }

.bc_signup.bc_getstarted #main {
  margin: 0 auto;
  padding: 20px 0px 0;
  width: 1000px;
  border: 0 none; }

#footer-wrapper {
  background: #fff url(../images/footer_bg.jpg) no-repeat center 0px;
  width: 100%; }

#footer {
  min-height: 45px;
  width: 920px;
  margin: 0 auto;
  padding: 20px 0 40px;
  color: #727272;
  font-size: .8em; }

#footer a {
  color: #727272; }

.fb-like-box {
  float: right;
  top: -10px; }

/*  HOME PAGE  */
/*.bc_home #mainContent {width:600px;}
.bc_home #sidebar {width: 320px;padding-right:20px;}*/
#merchant-benefits, #customer-benefits {
  width: 46%;
  float: left; }

#merchant-benefits {
  margin-right: 5%; }

.icons2col .firstCol,
.icons2col .secondCol {
  width: 50%;
  float: left; }

.icons2col .firstCol {
  margin-top: 20px; }

.icons2col .secondCol {
  margin-bottom: 20px; }

.pane-content .intro {
  margin: 10px 0 30px; }

.pane-content #mainContent .firstCol,
.tab-content #mainContent .firstCol {
  margin-right: 20px;
  float: left; }

.pane-content #mainContent .secondCol,
.tab-content #mainContent .secondCol {
  float: right; }

/*  customer admin navigation  */
#account_subnav {
  background: #ee;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(#ddd));
  background: -moz-linear-gradient(left, #fff, #ddd);
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px inset;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px inset;
  margin: 30px 20px 20px; }

#account_subnav ul {
  list-style-type: none;
  text-align: left;
  position: relative;
  margin-left: 0; }

#account_subnav ul li {
  display: block;
  border-bottom: 1px solid #CCCCCC; }

#account_subnav ul li a {
  color: #666;
  padding: 10px;
  display: block;
  text-decoration: none; }

#account_subnav ul li.current {
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background: -moz-linear-gradient(top, #fff, #fff);
  -moz-box-shadow: inset 0px -1px 2px #fff, inset 0px 1px 2px #fff, inset 0px 5px 5px #eee, inset 0px -5px 5px #eee;
  -webkit-box-shadow: inset 0px -1px 2px #fff, inset 0px 1px 2px #fff, inset 0px 5px 5px #eee, inset 0px -5px 5px #eee;
  box-shadow: inset 0px -1px 2px #fff, inset 0px 1px 2px #fff, inset 0px 5px 5px #eee, inset 0px -5px 5px #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

#account_subnav ul li.current a {
  color: #009fcc;
  background: url("../images/subnav_arrow.png") no-repeat right center; }

/*  LISTS  */
/*  icon list - home page  */
ul.iconlist {
  list-style-type: none;
  text-align: left;
  position: relative;
  margin: 0px 0; }

ul.iconlist li {
  display: block;
  min-height: 65px;
  clear: both;
  margin-bottom: 15px; }

ul.iconlist li span {
  display: block;
  background-image: url("../images/feature_iconlist.jpg");
  background-repeat: no-repeat;
  height: 60px;
  width: 70px;
  float: left;
  margin-bottom: 15px; }

ul.iconlist li.clock span {
  background-position: 0 0px; }

ul.iconlist li.credit span {
  background-position: 0 -80px; }

ul.iconlist li.mobile span {
  background-position: 0 -160px; }

ul.iconlist li.map span {
  background-position: 0 -240px; }

ul.iconlist li.heart span {
  background-position: 0 -320px; }

ul.iconlist li.wand span {
  background-position: 0 -400px; }

ul.iconlist li.corporate span {
  background-position: 0 -480px; }

ul.iconlist li.happy span {
  background-position: 0 -560px; }

ul.iconlist li.delivery span {
  background-position: 0 -640px; }

ul.iconlist li.reports span {
  background-position: 0 -720px; }

ul.iconlist li.nophone span {
  background-position: 0 -800px; }

ul.iconlist li.web span {
  background-position: 0 -880px; }

ul.iconlist li.menu span {
  background-position: 0 -960px; }

/*  login form - home page  */
/*
#homeLoginButton {
	position: absolute;
	top:0px;
	right:0;
	border-radius: 0 0 5px 5px;	
	border:1px solid #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	background: -moz-linear-gradient(top, #333, #000);
}


#homeLoginButton:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
	background: -moz-linear-gradient(top, #000, #333);
}


#login h3 {font-size:1.2em; color: #009fcc;margin:5px 0 10px;font-weight:bold;line-height:1.3;}
	#login h3 a {text-decoration:none;color: #009fcc;
	}

#login h3 span.tab {
	padding: 10px;background:#eef7f9;margin-right:10px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #fff;
	border-radius: 8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	-khtml-border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
}
#login form {
	background:#eef7f9;padding:20px 28px 20px 20px;margin-top:-1px;
	border:1px solid #ccc;
	border-radius: 0 8px 8px 8px;
	-webkit-border-radius:0 8px 8px 8px;
	-khtml-border-radius:0 8px 8px 8px;
	-moz-border-radius:0 8px 8px 8px;
	-moz-box-shadow: 0px 20px 30px -20px #666;
    -webkit-box-shadow: 0px 20px 30px -20px #666;
    box-shadow: 0px 20px 30px -20px #666;
}

*/
/*
#homeLogin {
	margin: 0 auto;
    padding-left: 400px;
    width: 560px;
}
#homeLogin #loginForm {}
#homeLogin #loginForm .InputRowsWrapper {
	float: left;
    width: 83%;
}
#homeLogin #loginForm .InputRow.IsNeutral {
	display: inline;
    float: left;
    margin-left: 2%;
    width: 47%;
}
#homeLogin #loginForm .InputRow.Check label {
	display: inline;
    float: left;
    margin-left: 2%;
}
#homeLogin #loginForm .InputRow label {
    clear: both;
    color: #C8E2F2;
    display: block;
    font-size: 10px;
    padding: 5px 2px;
    text-transform: uppercase;
}
#homeLogin #loginForm .InputRow input[type="text"], 
#homeLogin #loginForm .InputRow input[type="password"], 
#homeLogin #loginForm .InputRow textarea, textarea {
    background: #C8E2F2;
    border: 1px solid #86BCDE;
    display: block;
    font-size: 1em;
    margin-bottom: 10px;
    padding: 5px;
    width: 93%;
}
#homeLogin #loginForm .SubmitButtonRow {
    clear: none;
    float: left;
    padding: 23px 0;
}
*/
/*
form.HtmlForm a.lost-pwd {
    color: #C8E2F2;
    display: block;
    float: left;
    font-size: 0.7em;
    margin-left: 10px;
    padding: 5px 2px;
}
*/
/*
#contentWrapper {
	width:960px;
	margin:25px auto;
}

#contentWrapper .halfcol {
	width:49%;
	float:left;
	margin-right:2%;
}

#contentWrapper .halfcol .halfcol {
	width:45%;
	float:left;
	margin-right:5%;
}
#contentWrapper .halfcol.rightcol {
	margin-right:0;
}

#benefits h5 {
	margin: 25px 0 0;
}

#testimonials p span {
	clear: both;
    color: #666666;
    display: block;
    font-size: 85%;
    font-style: italic;
    margin: 5px 15px 20px;
}
*/
/*  VENDORS  */
/*  Home Page  */
/*
#featuredMerchants {margin: 0 auto; width: 960px;}
#featuredMerchants h3 {margin:25px 10px; color: #000;}
#featuredMerchants .vendorThumb {
	margin:0 10px 20px 10px; 
	float: left;
	width:23%;
	margin:0 2% 5px 0; 
	text-align:center;
	float:left;
	background:#fff; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	-moz-box-shadow: 13px 0 25px -27px #000, -13px 0 25px -27px #000;
    -webkit-box-shadow: 13px 0 25px -27px #000, -13px 0 25px -27px #000;
    box-shadow: 13px 0 25px -27px #000, -13px 0 25px -27px #000;
}
#featuredMerchants .vendorThumb a {text-decoration:none;}
#featuredMerchants .vendorThumb img {max-width:auto;}
#featuredMerchants .vendorThumb a span {
	clear:both;
	text-align:center;
	display:block;margin-top:5px;
}

#featuredMerchants.MerchantCount5 .vendorThumb,
#featuredMerchants.MerchantCount9 .vendorThumb,
#featuredMerchants.MerchantCount10 .vendorThumb {
	width:19%;
	margin: 0 1% 5px 0;
}
*/
/*  Browse Locations Page  */
/*
.vendor {
	position:relative;
	margin-bottom:20px;
    width: 100%;
	float:left;
	background: #eee;
	border: 1px solid #ddd;
	border-radius: 8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	-moz-border-radius:8px;
	-moz-box-shadow: 0px 20px 30px -20px #ddd;
    -webkit-box-shadow: 0px 20px 30px -20px #ddd;
    box-shadow: 0px 20px 30px -20px #ddd;
}
.vendorContent {padding:10px;}
.vendorContent .vendorThumb {
	width:180px;
	height: 180px;
	margin:0 2% 5px 0; 
	text-align:center;
	float:left;
	background:#fff; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	-moz-box-shadow: 13px 0 25px -27px #000, -13px 0 25px -27px #000;
    -webkit-box-shadow: 13px 0 25px -27px #000, -13px 0 25px -27px #000;
    box-shadow: 13px 0 25px -27px #000, -13px 0 25px -27px #000;

}
.vendorContent .vendorThumb a span {
	display:none;
}
*/
/*  Logged in Home Page  */
/*
#customerMerchantInfo .vendor {
	margin-right: 3%;
    width: 46%;
}
#customerMerchantInfo .vendorContent .vendorThumb {
    margin: 0 4% 5px 0;
    width: 95px;
	height: 95px;

}
#customerMerchantInfo .vendorThumb a {
    padding: 5px;
}
#customerMerchantInfo h3 {
    font-size: 1.3em;
}
#customerMerchantInfo .vendorCats {
    display: none;
}

*/
/*  Common Vendor Styles  */
/*
.vendorThumb a {border:0 none;
	background: #FFFFFF;
    display: block;
    padding: 10px;
}
.vendorThumb img {border:0 none; max-width: 100%; max-height: 100%;}
.vendorText {
	float: left;
    position: relative;
    width: 63%;
}
.vendorText h3 {
	margin: 10px 0 0;
}
.vendorAddress {
	font-size: 12px;
    padding: 5px 0; 
	color: #727272; 
	clear: both; 
	display:block;
}
.vendorExcerpt {font-size: 0.85em;}

.vendorCats {}
.vendorCats a, .vendorCats span {
	border: 1px solid #DDDDDD;
    color: #AAAAAA;
    display: inline-block;
    font-size: 0.9em;
    margin: 0 3px 3px 0;
    padding: 3px 5px;
    text-decoration: none;
	background:#fff;
}
.vendorCats a:hover {color:#666;text-decoration:none;background:#eee;}

.vendorIcons {height:30px;display:block;margin: 10px 0;}
.vendorIcons span {height:30px;background-image: url('../images/vendor-icons.png');background-repeat: no-repeat;display:inline-block;}
.vendorIcons .delivery span {background-position:0 0;width:35px;}
.vendorIcons .dollar span {background-position:0 -30px;width:18px;}
.vendorIcons .twodollar span {background-position:0 -60px;width:28px;}
.vendorIcons .threedollar span {background-position:0 -90px;width:38px;}
.vendorIcons .fourdollar span {background-position:0 -120px;width:48px;}
.vendorIcons .veg span {background-position:0 -150px;width:20px;}
.vendorIcons .vegan span {background-position:0 -180px;width:35px;}
.vendorIcons .gluten span {background-position:0 -210px;width:35px;}

.vendorTabs {position:absolute;left:10px; bottom:0;}
.vendorTabs .vendorStatus {
	padding: 4px 8px 8px;background:#fff;display:inline-block;text-decoration:none;
	-webkit-border-radius:8px 8px 0 0;
	-khtml-border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

.vendorReviewCount {text-align:center;color:#727272;}
.vendorReviewNumber {font-size:1.4em;display:block;}
.vendorReviewText {clear:both;font-size:.75em;display:block;}

.vendorStatus {text-align:center;}
.vendorStatus.open {color:green;}
.vendorStatus.closed {color:red;}
.vendorStatusText {font-size:1.2em;display:block;}
.vendorStatusTime {clear:both;font-size:.8em;display:block;}

.vendorFooter {background: #ccc;height:30px;padding:5px;margin:10px -1px -1px -1px;
	border-radius: 0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	-khtml-border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
}

.vendorRating {padding:5px;display: inline-block;float: left;height:20px;width:100px;}
.vendorRating span {background-image: url('../images/rating_stars.png');background-repeat: no-repeat;display: block;height:20px;width:100px;}

.vendorRating span.five {background-position:0 0;}
.vendorRating span.four {background-position:-20px 0;}
.vendorRating span.three {background-position:-40px 0;}
.vendorRating span.two {background-position:-60px 0;}
.vendorRating span.one {background-position:-80px 0;}

.vendorRating span.four.half {background-position:0px -20px;}
.vendorRating span.three.half {background-position:-20px -20px;}
.vendorRating span.two.half {background-position:-40px -20px;}
.vendorRating span.one.half {background-position:-60px -20px;}
.vendorRating span.half {background-position:-80px -20px;}

.vendorLinks {float:right;line-height:30px;font-size:1.5em;}
.vendorLinks a {text-align:right;color:#333;margin:0 10px;text-decoration:none; text-shadow: -1px -1px 2px #FFFFFF;}
.vendorLinks a:hover {text-decoration:underline;color:#000;}

.volunteerMerchant {
	position:relative;
	margin-bottom:25px;
}
.volunteerMerchant .leftText {float:left;xwidth:280px;xmargin-right: 20px;}
.volunteerMerchant #frmVolunteerCafe {xfloat:left;xwidth:240px;xpadding: 20px 0 20px 20px;xborder-left: 1px solid #EEEEEE; bacgkround:#fff;
	x-moz-box-shadow: -20px 0 30px -20px #BBBBBB;
    x-webkit-box-shadow: -20px 0 30px -20px #BBBBBB;
    xbox-shadow: -20px 0 30px -20px #BBBBBB;
}
*/
/*Home / Dashboard*/
/*
.bc_home.loggedin #mainContent #column1 {width:440px;margin-right:5px;position:relative; display:inline-block;float:left;}
.bc_home.loggedin #mainContent #column2 {width:220px;margin-right:20px;position:relative; display:inline-block;float:left;}
.bc_home.loggedin #mainContent #column3 {width:220px;position:relative; display:inline-block;float:left;}

*/
/*
My Account SubNav in the customer area
*/
#MyAccountSubNav {
  border-bottom: 1px solid #AAAAAA;
  background: #ddd;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background: -moz-linear-gradient(top, #fff, #ddd); }

#MyAccountSubNav ul {
  list-style-type: none;
  margin-bottom: -2px;
  margin-left: 0;
  padding-left: 15px;
  position: relative;
  text-align: left; }

#MyAccountSubNav ul li {
  display: inline-block;
  margin: 10px 0 0; }

#MyAccountSubNav ul li a {
  color: #666666;
  display: block;
  padding: 8px 15px;
  text-decoration: none; }

#MyAccountSubNav ul li.current {
  background: #fff;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px;
  border-radius: 8px 8px 0 0;
  border-left: 2px solid #ddd;
  border-top: 2px solid #ddd;
  border-right: 2px solid #ddd; }

#MyAccountSubNav ul li.current a {
  color: #009fcc; }

#column1 .section {
  margin-bottom: 20px; }

#column2 .section {
  border: 1px solid #DDDDDD;
  padding: 10px;
  margin-bottom: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

#column3 .section {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px; }

#ReminderNote {
  color: #000;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; }

#ReminderNote a,
#ReminderNote a:visited,
#ReminderNote a:active {
  text-decoration: underline; }

.paperclip {
  float: right;
  margin-top: -10px; }

.reminderDetails {
  padding: 10px 0 10px 10px; }

.bc_myaccount #main {
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  margin: 0 auto 20px;
  padding: 10px 0; }

/* root element for tabs  */
ul.css-tabs {
  margin: 0 !important;
  padding: 0;
  height: 40px;
  border-bottom: 1px solid #ddd; }

/* single tab */
ul.css-tabs li {
  float: left;
  padding: 0;
  margin: 0;
  list-style-type: none; }

/* link inside the tab. uses a background image */
ul.css-tabs a {
  float: left;
  font-size: 18px;
  display: block;
  padding: 10px 30px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-bottom: 0px;
  height: 18px;
  background-color: #eee;
  color: #777;
  margin-right: 2px;
  position: relative;
  top: 1px;
  outline: 0;
  -moz-border-radius: 4px 4px 0 0; }

ul.css-tabs a:hover {
  background-color: #F7F7F7;
  color: #333; }

/* selected tab */
ul.css-tabs a.current {
  background-color: #fff;
  border-bottom: 1px solid #fff;
  color: #000;
  cursor: default; }

/* tab pane */
.css-panes div.pane-content {
  display: none;
  border: 1px solid #ccc;
  border-width: 0 1px 1px 1px;
  min-height: 150px;
  padding: 15px 20px;
  background-color: #fff; }

/* PLANS AND PRICING */
/* CSS by Tim Holt */
.pricing-boxes {
  margin: 0 -10px; }

.pricing-boxes .plans {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top; }

.pricing-boxes .box {
  width: 206px;
  height: 318px;
  text-align: center;
  margin: 8px;
  border: 2px solid #009FCC;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  font-weight: bold;
  padding-bottom: 8px; }

p.for-strip {
  color: #FFF;
  font-size: 15px;
  background: #009FCC;
  margin: 0;
  padding: 7px 0 9px 0; }

.pricing-boxes h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.1;
  text-transform: uppercase;
  margin: 10px 0; }

.icon {
  display: block;
  width: 95px;
  height: 85px;
  margin: 0 auto;
  background: url(../images/pricing-icon.jpg) no-repeat 6px 0; }

.plan2 .icon {
  background-position: -89px 0; }

.plan3 .icon {
  background-position: -185px 0; }

.plan4 .icon {
  background-position: -278px 0; }

p.teaser {
  width: 180px;
  margin: 10px auto; }

p.price {
  color: #FFF;
  font-size: 30px;
  background: #009FCC;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  margin: 0 auto;
  padding: 3px 0 2px 0;
  width: 160px; }

p.period {
  font-size: 14px;
  margin: 2px 0; }

.plan-text {
  font-size: 14px;
  width: 200px;
  padding: 0 5px;
  margin: 8px; }

.plan-text ul {
  font-size: 12px;
  margin-left: 14px; }

.plan-details h4 {
  color: #FFF;
  font-size: 16px;
  background: #009FCC;
  padding: 7px 7px;
  margin: 0 -3px;
  -moz-border-radius: 3px;
  -wekit-border-radius: 3px;
  border-radius: 3px;
  clear: right; }

.back-to-plans {
  font-size: 11px;
  font-weight: bold;
  float: right;
  margin: 0 5px 10px 0; }

/* end PLANS AND PRICING */
/* CSS Document */
#container {
  position: relative; }

#mainWrapper {
  position: relative;
  border-top: 3px solid #FFFFFF; }

#main {
  position: relative;
  z-index: 99;
  margin: 0 auto;
  background: #fff;
  width: auto;
  max-width: 1200px; }

#mainContent {
  /*text-align:left;
  min-height:500px;
  float:right;
  width:700px;
  padding:20px 20px 20px 0;
  position:relative;*/ }

.merchantTitleWrapper {
  color: #666;
  font-size: 1.4em;
  font-weight: normal;
  text-align: center;
  margin: 0;
  line-height: 45px;
  text-shadow: 0px 1px 0px #fff;
  margin: 0 auto;
  background-color: #eee;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #e1e1e1));
  background-image: -moz-linear-gradient(#eeeeee, #e1e1e1);
  background-image: -webkit-linear-gradient(#eeeeee, #e1e1e1);
  background-image: linear-gradient(#eeeeee, #e1e1e1); }

.merchantTitleInner {
  padding: 15px; }
  .merchantTitleInner:before, .merchantTitleInner:after {
    content: "";
    display: table; }
  .merchantTitleInner:after {
    clear: both; }
  .merchantTitleInner {
    zoom: 1; }

.merchant-thumb {
  width: 80px;
  margin-right: 15px; }

.merchant-thumb img {
  width: 100%;
  border: 1px solid #CCCCCC;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.merchant-title {
  font-size: 130%;
  line-height: 1.3;
  text-align: left; }

/* Select Merchant form at the top of the page */
#SelectMerchant form {
  margin-bottom: 0; }

#content-header {
  display: block;
  float: none;
  padding: 10px 1.5%; }

/************ DASHBOARD STUFF **********************/
.bc_dashboard #mainContent {
  width: 100%; }

/*
.bc_dashboard #mainContent #column1 {width:500px;margin-right:20px;position:relative; display:inline-block;float:left;}
.bc_dashboard #mainContent #column2 {width:220px;margin-right:20px;position:relative; display:inline-block;float:left;}
.bc_dashboard #mainContent #column3 {width:200px;position:relative; display:inline-block;float:left;}
*/
aside.section {
  border: 1px solid #DDDDDD;
  padding: 10px 15px;
  margin-bottom: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

#areaStatus span {
  line-height: 1.4em;
  clear: both;
  font-size: 1.4em;
  display: block; }

#printerStatus div {
  padding: 10px 0px 10px 70px;
  line-height: 1.4em; }

#printerStatus .printerOn {
  background: url(../images/printer-on-small.jpg) no-repeat 5px center; }

#printerStatus .printerOff {
  background: url(../images/printer-off-small.jpg) no-repeat 5px center; }

span.on {
  color: green; }

span.off {
  color: red; }

/*

Home logged In
*/
#restaurant-list .boxed {
  height: 230px; }

.list-grid-2 .boxed:nth-child(2n+1) {
  margin-left: 0; }

a.vendorThumb {
  border: 0 none;
  background: #FFFFFF;
  display: block;
  margin-bottom: 10px; }

.vendorThumb img {
  border: 0 none;
  max-width: 100%;
  max-height: 100%; }

.vendorAddress {
  font-size: 12px;
  padding: 5px 0;
  color: #727272;
  clear: both;
  display: block; }

.vendorExcerpt {
  font-size: 0.85em; }

.vendorCats {
  margin-top: 5px; }

.vendorCats a, .vendorCats span {
  border: 1px solid #DDDDDD;
  color: #AAAAAA;
  display: inline-block;
  font-size: 0.8em;
  margin: 0 3px 3px 0;
  padding: 1px 5px;
  text-decoration: none;
  background: #fff; }

.vendorCats a:hover {
  color: #666;
  text-decoration: none;
  background: #eee; }

.vendorTabs .vendorStatus {
  padding: 6px;
  background: #fff;
  display: block;
  text-decoration: none;
  border: 1px solid #eee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.vendorStatus {
  text-align: center; }

.vendorStatus.open {
  color: green; }

.vendorStatus.closed {
  color: red; }

.vendorStatusText {
  font-size: 1.2em;
  display: block; }

.vendorStatusTime {
  clear: both;
  font-size: .8em;
  display: block; }

.vendorLinks {
  margin-top: 15px; }

/*
.vendorReviewCount {text-align:center;color:#727272;}
.vendorReviewNumber {font-size:1.4em;display:block;}
.vendorReviewText {clear:both;font-size:.75em;display:block;}

.vendorStatus {}
.vendorStatus.open {color:green;}
.vendorStatus.closed {color:red;}
.vendorStatusText {font-size:1.25em;display:block;}
.vendorStatusTime {clear:both;font-size:.85em;display:block;}

.vendorFooter {background: #009fcc;height:30px;padding:5px;border:1px solid #009fcc;margin:-1px;
	border-radius: 0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	-khtml-border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
}

.vendorRating {padding:5px;display: inline-block;float: left;height:20px;width:100px;}
.vendorRating span {background-image: url('../images/rating_stars.png');background-repeat: no-repeat;display: block;height:20px;width:100px;}

.vendorRating span.five {background-position:0 0;}
.vendorRating span.four {background-position:-20px 0;}
.vendorRating span.three {background-position:-40px 0;}
.vendorRating span.two {background-position:-60px 0;}
.vendorRating span.one {background-position:-80px 0;}

.vendorRating span.four.half {background-position:0px -20px;}
.vendorRating span.three.half {background-position:-20px -20px;}
.vendorRating span.two.half {background-position:-40px -20px;}
.vendorRating span.one.half {background-position:-60px -20px;}
.vendorRating span.half {background-position:-80px -20px;}

.vendorLinks {float:right;line-height:30px;font-size:1.2em;}
.vendorLinks a {text-align:right;color:#fff;margin:0 10px;text-decoration:none;}
.vendorLinks a:hover {text-decoration:underline;}
*/
.examples {
  background: #f7f7f7; }

.panel {
  position: fixed;
  top: 50px;
  right: 0;
  display: none;
  background: #fff;
  border: 11px solid #ccc;
  -moz-border-radius: 20px 0 0 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px 0 0 20px;
  width: 530px;
  height: auto;
  padding: 30px 100px 30px 30px;
  filter: alpha(opacity=95);
  opacity: .95;
  z-index: 99900; }

.panel p {
  margin: 0 0 15px 0;
  padding: 0;
  color: #333;
  font-size: 14px; }

.panel p.address {
  font-size: 18px; }

.panel a, .panel a:visited {
  color: #009fcc;
  text-decoration: none; }

.panel a:hover, .panel a:visited:hover {
  color: #009fcc;
  text-decoration: underline; }

a.trigger {
  display: block;
  position: fixed;
  top: 180px;
  right: 0;
  font-size: 16px;
  font-family: verdana, helvetica, arial, sans-serif;
  color: #666;
  padding: 60px 10px 10px 15px;
  font-weight: 700;
  background: #ccc url(../images/help.png) 10% 8px no-repeat;
  border: 1px solid #bbb;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -moz-border-radius: 20px 0 0 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px 0 0 20px;
  z-index: 99999; }

a.trigger:hover {
  background: #ddd url(../images/help.png) 10% 8px no-repeat; }

a.active.trigger {
  background: #ddd url(../images/help_close.png) 10% 8px no-repeat; }

.columns {
  clear: both;
  margin: 15px 0; }

.colleft {
  float: left;
  width: 300px;
  margin-right: 10px; }

.colright {
  float: right;
  width: 210px; }

ul.panel_help_nav {
  list-style-type: none;
  text-align: left;
  position: relative;
  margin: 0 0 20px 0;
  padding: 10px 15px;
  background: #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; }

ul.panel_help_nav li {
  display: block;
  margin: 0px 0 0 0;
  border-bottom: 1px solid #ddd;
  padding: 5px 0 8px; }

ul.panel_help_nav li:last-child {
  border-bottom: 0 none; }

ul.panel_help_nav li a {
  color: #009fcc;
  display: inline-block;
  text-decoration: none;
  padding: 10px 10px 10px 10px; }

ul.panel_help_nav li span {
  display: block;
  margin: 0px 10px 4px 10px;
  font-size: 13px; }

ul.main_nav_help li a {
  padding: 10px 10px 10px 42px;
  background: url("../images/merchant_console_icons_small.png") no-repeat 0 0; }

ul.main_nav_help li.home a {
  background-position: 0 0px; }

ul.main_nav_help li.edit a {
  background-position: 0 -50px; }

ul.main_nav_help li.menu a {
  background-position: 0 -100px; }

ul.main_nav_help li.opening a {
  background-position: 0 -150px; }

ul.main_nav_help li.history a {
  background-position: 0 -200px; }

ul.main_nav_help li.customers a {
  background-position: 0 -250px; }

ul.main_nav_help li.printer a {
  background-position: 0 -300px; }

ul.main_nav_help li span {
  margin: 0px 0 4px 42px; }

.columnSection {
  padding: 5px 10px; }

/* NEW CLASSES ADDED */
/* TransactionLog Support */
/*.Statement table {clear: both; margin-bottom: 30px; width: 670px;}
.Statement table tr th,
.Statement table tr td {font-size: x-small; vertical-align: top; padding: 2px;}
.Statement table tr th {border: 1px solid #ccf;}
.Statement table tr td {border-bottom: 1px solid #eee;}
.Statement table thead {background-color: #ccf;}*/
.StatementSummary {
  background: none; }

.StatementSummary ul {
  margin-left: 0px;
  padding-bottom: 25px;
  padding-left: 0; }

.StatementSummary li {
  list-style: none;
  float: none;
  clear: both;
  line-height: 160%;
  border-top: 1px solid #eee;
  font-size: small; }

.StatementSummary li .reportLabel {
  font-weight: bold;
  display: inline;
  width: 15em;
  float: left;
  clear: left; }

.StatementSummary li .data {
  float: left;
  clear: right; }

.StatementSummary .note {
  font-size: x-small;
  color: #888; }

.TransactionLegend ul li {
  font-size: smaller;
  color: #444; }

/* EditForm copied from old MerchantConsole - may need some finessing*/
/*
#EditForm fieldset {padding-bottom: 1em;}
#EditForm input.ReadOnly {background: #ddd;}
#EditForm {display: block; float: none; margin-bottom: 0.25em; }
#EditForm .InputRow {margin-top: 0.5em; float: none; padding-left: 1em;}
#EditForm .InputRow label {float: left; width: 12em; font-weight: normal;}
#EditForm .InputRow input.Text,
#EditForm .InputRow textarea {width: 22em; height: 3em;}
#EditForm .InputRow select {width: 12em; display: block;}
#EditForm .InputRow input {width: 8em;}
#EditForm .InputRow .ErrorMessage {display: block; clear: right;padding: 0em 0em 0.5em 12em; color: black; font-weight: bold; clear: right;}
#EditForm .Error {border: 1px solid #800; background: #F88; width: 40em; padding: 1em 0em 1em 0.5em; margin: 0.5em 0em;}

#EditForm .SubmitRow {margin-top: 1em; padding-left: 16em;}
#EditForm .SubmitRow {padding-left: 0em;}
#EditForm .SubmitRow input {width: 8em;}
#EditForm .DeleteButton {clear: both; float: left; margin: 3em 0em 3em 12.5em}

#EditForm fieldset {margin: 1em 0em;}
#EditForm fieldset legend {}
#EditForm select#ActiveMenuId {width: 25em; font-size: 86%}

#EditForm.OpeningHours .InputRow input {width: 5em;}
#EditForm.OpeningHours .InputRow input.disabled {background: #ddd; color: #ddd}

#EditForm.OpeningHours .InputRow label {width: 8em;}
#EditForm.OpeningHours .SubmitRow {padding: 2em 0em 0em 9em;}
#EditForm.OpeningHours .InputRow .ErrorMessage {padding-left: 8em;}

#EditForm .Message { padding: 1em; border: 1px solid #ccc; margin: 1em 0em;}
*/
/************ MENU LIST STUFF **********************/
/* the list of menus for a merchant*/
#MenuList ul {
  list-style: none;
  padding: 0;
  margin: 0; }

#MenuList li {
  position: relative; }

#MenuList li .Name {
  display: block;
  font-size: 130%; }

#MenuList li.Active .Name {
  color: #080; }

#MenuList li.Available .Name {
  font-size: 125%; }

#MenuList li .Actions {
  margin: 10px 0; }

#MenuList li .Actions .Hint {
  font-size: 75%;
  color: #777;
  margin-left: 1em; }

/************ MENU EDIT STUFF **********************/
/* the Menu Edit for a merchant*/
/**** menu tabs ****/
#menuTab {
  width: 181px;
  height: 800px;
  margin: 0px 0 0 0px;
  padding-top: 5px;
  float: left; }

#menuTab li {
  list-style: none;
  display: block;
  line-height: 45px;
  text-align: right;
  border: 0px solid red;
  vertical-align: top; }

#menuTab li a {
  color: #ccc;
  outline: none;
  display: block;
  margin: 10px 5px 10px 5px;
  padding: 5px 5px 5px 0px;
  width: 160px;
  font: normal 1.5em sans-serif, arial;
  text-decoration: none;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 0 1px 1px; }

#menuTab li a:hover {
  color: #444;
  background-color: #FFF;
  border-color: #444;
  border-style: solid;
  border-width: 1px 0 1px 1px; }

#menuTab li a:hover span {
  color: #444; }

#menuTab li.current a {
  color: #444;
  background-color: #FFF;
  border-color: #444;
  border-style: solid;
  border-width: 1px 0 1px 1px; }

/***** Text Fields *********/
/* Menu Edit for graying out editable fields */
.MenuEditUneditable {
  color: Gray;
  font-size: smaller; }

.LimitedAvailability {
  color: Gray; }

/****Hover Texts ****/
.variationLabelText {
  color: Black; }

.menuItemText {
  color: Black; }

.hoverText {
  color: Black;
  font-size: small; }

.variationLabelText {
  color: Black;
  font-size: small; }

.variationCostText {
  color: Black;
  font-size: small; }

.extraText {
  color: Black;
  font-size: small; }

.extraCostText {
  color: Black;
  font-size: small; }

/* 
########### EVEN NEWER CLASSES ADDED - WF, 9th Mar ##############
Tracey,
	these classes are to reduce the font size of the list of menus in the merchant area.
	
Url: /menu
*/
/*
#MenuList ul {margin-left: 0px;}
#MenuList ul li {font-size: 86%;}
#MenuList ul li .Summary {font-size: 90%;}
#MenuList ul li .UploadDate {font-size: 90%; color: #888; display: block; padding-bottom: 5px}
#MenuList ul li .Comments  {font-size: 90%;}
*/
/* Css Skin Selector

This is the list of skins that the user can select. 

Please make it look MUCH more beautiful than it does at the moment. Also, dont hesitate the change the image size and 
make a whole lot of new images. 

Url: /MerchantEditSite/SkinSelector
*/
#CssSkinSelector ul {
  list-style-type: none;
  padding-left: 0px;
  margin: 0; }

#CssSkinSelector li {
  list-style-type: none;
  margin: 0;
  width: 680px;
  position: relative;
  float: none; }

#CssSkinSelector .Current {
  background: #dfc; }

#CssSkinSelector ul.currentSkin {
  margin: 20px 0; }

#CssSkinSelector ul.currentSkin li {
  height: 122px;
  display: block;
  margin-bottom: 25px; }

#CssSkinSelector ul.currentSkin li a {
  color: #000000;
  display: block;
  font-size: 1.5em;
  height: 160px;
  text-decoration: none; }

#CssSkinSelector ul.currentSkin li a span.skinName {
  position: relative;
  top: 35%; }

#CssSkinSelector ul.currentSkin li a span.skinDesc {
  display: none; }

h3.trigger {
  padding: 0;
  margin: 10px 0 0;
  line-height: 90px;
  width: 680px;
  font-weight: normal;
  float: left;
  border-top: 1px solid #E3E7C0; }

h3.trigger a {
  padding: 10px;
  text-decoration: none;
  display: block;
  height: 122px; }

h3.trigger a:hover {
  color: #BFD123; }

h3.trigger a span {
  width: 60px;
  height: 30px;
  display: block;
  position: relative;
  float: right;
  margin-right: 10px;
  top: 25%;
  background: url(../images/skinselectorarrows.png) no-repeat; }

h3.trigger.active a span {
  background-position: center -30px; }

h3.trigger.active {
  background: #F4F5EB;
  border-top: 1px solid #E3E7C0; }

h3.trigger.active a {
  color: #BFD123; }

.toggle_container {
  margin: 0 0 10px;
  padding: 0;
  overflow: hidden;
  width: 680px;
  clear: both;
  border-bottom: 1px solid #E3E7C0; }

.toggle_container .block {
  padding: 10px 0 20px 20px;
  background: #F4F5EB; }

h3.trigger.Development a {
  color: red; }

#CssSkinSelector .Comments {
  float: left;
  width: 350px;
  padding-left: 8px;
  color: #333; }

#CssSkinSelector .Actions {
  position: absolute;
  top: 1em;
  right: 0em; }

#CssSkinSelector .Actions .Hint {
  font-size: 75%;
  color: #777;
  margin-left: 1em; }

img.triggerThumbs {
  width: 150px;
  height: 113px;
  float: left;
  margin-right: 20px;
  border: 5px solid #eee; }

.previewThumbs {
  float: left;
  margin-right: 20px; }

.previewThumbs img {
  width: 200px;
  height: 150px; }

ul.gallery li {
  display: inline; }

img.skinHero {
  width: 500px;
  float: left; }

.skinText {
  float: right;
  width: 280px; }

.skinText p {
  color: #333333;
  font-size: 14px;
  line-height: 16px; }

.skinText p br {
  margin-bottom: 5px; }

.activeThumb {
  float: left;
  margin-right: 20px;
  border: 5px solid #EEEEEE;
  width: 200px; }

.boxed {
  border: 1px solid #DDDDDD;
  margin: 0px 0 20px 0;
  position: relative;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .boxed .boxed-header {
    padding: 5px 10px;
    margin: 0;
    font-weight: normal;
    text-shadow: 1px 1px 2px white;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #e1e1e1));
    background-image: -moz-linear-gradient(#eeeeee, #e1e1e1);
    background-image: -webkit-linear-gradient(#eeeeee, #e1e1e1);
    background-image: linear-gradient(#eeeeee, #e1e1e1); }
  .boxed .boxed-content {
    padding: 20px; }

.boxed.Active {
  background: #F0F7F9; }
  .boxed.Active .boxed-header .ShowActive {
    color: #009FCC;
    text-transform: uppercase;
    font-weight: bold; }

/* Image Management */
.assigned-image-group {
  position: relative;
  margin: 20px 0; }

.assigned-image {
  margin: 10px 0 15px;
  padding: 5px;
  position: relative;
  text-align: center;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px; }

.assigned-image.assigned-logo {
  display: inline-block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.assigned-image.assigned-logo img {
  max-height: 140px; }

.assigned-image.assigned-thumb {
  display: inline-block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.assigned-image.assigned-thumb img {
  max-width: 300px;
  max-height: 300px; }

.assigned-image a.deleteImage {
  display: none;
  position: absolute;
  background: url("../images/close.png") no-repeat center center;
  width: 20px;
  height: 20px;
  top: -10px;
  right: -10px; }

.assigned-image:hover a.deleteImage {
  display: block; }

.assigned-image a.deleteImage span {
  display: none; }

.dz-details {
  margin: 20px 0 0px; }

#availablePlaceholders {
  width: 40%;
  float: left; }

#availablePlaceholders form {
  margin-top: 20px; }

#availablePlaceholders .placeholderRow {
  padding: 0 0 10px; }

#availablePlaceholders .placeholderRow h5 span {
  font-size: 12px;
  font-weight: normal;
  color: #aaa; }

#availablePlaceholders .placeholderRow select {
  margin: 5px 0; }

#availableImages {
  	/*
  margin-right: -3%;
      width: 63%; 
  	float:left;
  */ }

#availableImages ul {
  list-style: none outside none;
  margin-left: 0;
  margin-top: 20px;
  padding: 0; }

#availableImages ul li {
  background: #EEEEEE;
  border: 1px solid #DDDDDD;
  float: left;
  height: 125px;
  margin-bottom: 10px;
  margin-right: 2%;
  text-align: center;
  width: 30%;
  position: relative; }

#availableImages ul li span.imageName {
  display: block;
  font-size: 12px; }

#availableImages ul li img {
  border: 1px solid #CCCCCC;
  margin: 5px auto 0;
  max-height: 100px;
  width: 90%; }

#availableImages ul li a.deleteImage {
  display: none;
  position: absolute;
  background: url("../images/close.png") no-repeat center center;
  width: 20px;
  height: 20px;
  top: -10px;
  right: -10px; }

#availableImages ul li:hover a.deleteImage {
  display: block; }

#availableImages ul li a.deleteImage span {
  display: none; }

/* List the Recent Sessions */
#RecentSessions #SessionList ul {
  margin: 0;
  padding: 0; }

#RecentSessions #SessionList ul li {
  float: left;
  margin: 0px;
  padding: 0px 10px 10px;
  border: 1px solid #ccc;
  border-bottom: 0px;
  font-size: 80%;
  list-style: none; }

#RecentSessions #SessionList ul {
  float: float; }

#RecentSessions #SessionList ul li.Active {
  background: #cdd; }

#RecentSessions #SessionInfo h4 {
  background: #cdd;
  width: 100%;
  padding: 5px 0px;
  margin-bottom: -2px;
  margin-right: 3px; }

#RecentSessions #SessionLog ul {
  margin-left: 0px;
  padding-left: 0px; }

#RecentSessions #SessionLog ul li {
  float: left;
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 76%;
  width: 910px;
  list-style: none; }

#RecentSessions #SessionLog ul li div {
  float: left;
  height: 50px;
  margin: 0px;
  padding: 3px;
  position: relative;
  border: 0px;
  border-bottom: 1px solid #444;
  width: 327px; }

#RecentSessions #SessionLog ul li div.Action {
  width: 550px; }

#RecentSessions span {
  float: left;
  clear: both; }

#RecentSessions .Action {
  background-color: #8c8;
  clear: left; }

#RecentSessions .Action .Redirect {
  background-color: #ddd; }

#RecentSessions .Message {
  font-size: 73%;
  color: #337;
  position: absolute;
  top: 20px;
  left: 5px;
  right: 5px;
  width: auto;
  overflow: hidden; }

#RecentSessions .View {
  background-color: #4c4; }

#RecentSessions .type {
  font-size: 95%;
  color: #888; }

#RecentSessions .View .type {
  background-color: #2b2;
  color: yellow; }

#RecentSessions .name {
  color: #444;
  font-weight: bold;
  font-size: 100%;
  top: 26px;
  left: 4px;
  position: absolute; }

#RecentSessions .Redirect {
  width: 350px;
  background-color: #ddd; }

#RecentSessions .Action .time {
  font-size: 86%;
  color: #666;
  top: 3px;
  left: 4px;
  position: absolute; }

#RecentSessions .Action .path {
  color: #00B;
  font-weight: bold;
  font-size: 100%;
  top: 2px;
  left: 55px;
  position: absolute; }

#RecentSessions .Redirect .name {
  font-size: 95%;
  color: #888; }

#RecentSessions .timing {
  font-size: 86%;
  color: #666;
  margin-top: 0px;
  right: 5px;
  position: absolute; }

#RecentSessions span.printXml a {
  float: right;
  margin: -15px 0px 0px 232px; }

#RecentSessions .printXml a {
  background: #F44;
  border: 1px solid #444;
  padding: 2px 6px;
  color: White;
  font-weight: bold; }

.CaptureAdmin {
  margin-bottom: 2em; }

.CaptureAdmin table {
  margin-top: 0px;
  margin-bottom: 20px; }

.CaptureAdmin h4 {
  margin-bottom: 0px; }

#CaptureErrors h4 {
  color: #a00; }

#CaptureErrors thead th {
  background: #a00; }

.CaptureAdmin thead th {
  text-align: left;
  font-size: 75%; }

.CaptureAdmin tbody td {
  text-align: left;
  font-size: 75%; }

.CaptureAdmin table td a {
  text-decoration: none; }

.CaptureAdmin table td a:hover {
  text-decoration: underline; }

.CaptureDetail table th,
.CaptureDetail table td {
  font-size: 75%;
  width: 190px;
  text-align: left; }

.CaptureDetail table td.Name {
  font-weight: bold; }

.CaptureDetail table td a {
  text-decoration: none; }

.CaptureDetail .Actions ul {
  list-style-type: none;
  text-align: left;
  position: relative;
  margin-left: 0;
  padding-left: 200px; }

.CaptureDetail .Actions ul li {
  display: inline-block;
  margin: 10px 20px 0 0; }

.CaptureDetail .Actions ul li.disabled span,
.CaptureDetail .Actions ul li.disabled a.button,
.CaptureDetail .Actions ul li.disabled a.button:hover {
  background: #ccc;
  background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#ddd));
  background: -moz-linear-gradient(top, #bbb, #ddd);
  text-shadow: -1px -1px 2px #726f22;
  cursor: default; }

fieldset {
  margin-bottom: 20px !important;
  border: 0px none;
  margin: 0;
  padding: 0; }

/*
	ErrorMessage classes for forms 
*/
div.ErrorMessage {
  color: red;
  font-size: 1.2em;
  padding: 5px 2px; }

div.OKMessage {
  color: green;
  font-size: 1.2em;
  padding: 5px 2px; }

/* Image management - dropzones */
.dz-message {
  display: block;
  padding: 20px;
  border: 5px dashed #eee;
  margin: 10px 0 0; }

.help-block {
  font-size: 0.8em;
  line-height: 1.3;
  xmargin-top: 5px;
  color: #AAAAAA; }

.InputRow {
  padding: 0 0 5px 0; }

.SubmitButtonRow {
  margin: 10px 0;
  padding: 10px 0; }

/*  FORMS  */
/*  default form (class="HtmlForm")  */
/*
form.HtmlForm {
	xwidth: 500px;
}
form.HtmlForm fieldset {
	background:#fff;
	color:#666;
	padding:20px 15px;
	border:1px solid #ccc;
	-webkit-box-shadow: 0px 0px 5px #ddd;
	-moz-box-shadow   : 0px 0px 5px #ddd;
	box-shadow        : 0px 0px 5px #ddd;
	margin:20px 0;
}
form.HtmlForm legend {
	background:#009fcc;
	color:#fff;
	padding:10px;
	-webkit-transform: rotate(-1deg);
	   -moz-transform: rotate(-1deg);
	    -ms-transform: rotate(-1deg);
	     -o-transform: rotate(-1deg);
	        transform: rotate(-1deg);
}

form.HtmlForm .InputRow label {
	clear:both;
	color:#666;
	display:block;
	padding:5px 2px 5px;
}
form.HtmlForm .SubmitButtonRow {
	clear:both;
	color:#666;
	display:block;
	padding:10px 0;
}
form.HtmlForm a.lost-pwd {
	color:#666;
	font-size:.7em;
}
form.HtmlForm .InputRow label.hidden {display:none;}

form.HtmlForm .InputRow input[type="text"], form.HtmlForm .InputRow input[type="password"], form.HtmlForm .InputRow textarea, textarea {
	display:block; 
	width:93%;
	padding:5px;margin-bottom:10px;background:#fff;border:1px solid #ccc;font-size:1em;
	-webkit-box-shadow: inset 0px 0px 5px #eee;
	-moz-box-shadow   : inset 0px 0px 5px #eee;
	box-shadow        : inset 0px 0px 5px #eee;
}

form.HtmlForm .InputRow select {
	width:95%;
}
*/
/*
form.normalForm {}
form.normalForm fieldset {background:#fff;color:#666;padding:20px 15px;border:1px solid #ccc;margin:20px 0;
	-webkit-box-shadow: 0px 20px 30px -20px #666;
	-moz-box-shadow   : 0px 20px 30px -20px #666;
	box-shadow        : 0px 20px 30px -20px #666;
}

#EditForm legend,
form.normalForm legend {background:#009fcc;color:#fff;padding:10px;
	-webkit-transform: rotate(-1deg);
	   -moz-transform: rotate(-1deg);
	    -ms-transform: rotate(-1deg);
	     -o-transform: rotate(-1deg);
	        transform: rotate(-1deg);
}

form.normalForm .InputRow {width:300px;}



form.normalForm .InputRow label {clear:both;color:#666;display:block;padding:0 2px 5px;font-size: 14px;}
form.normalForm .InputRow label.hidden {display:none !important;}

form.normalForm .InputRow input[type="text"], 
form.normalForm .InputRow input[type="password"], 
form.normalForm .InputRow textarea, 
textarea {
	display:block; 
	width:98%;
	padding:5px;
	margin-bottom:5px;
	background:#fff;
	border:1px solid #ccc;
	font-size:1em; 
	font-family:Arial, Helvetica, sans-serif;
	-webkit-box-shadow: inset 0px 0px 5px #eee;
	-moz-box-shadow   : inset 0px 0px 5px #eee;
	box-shadow        : inset 0px 0px 5px #eee;
}
form.normalForm .InputRow select {
	display:block; 
	width:100%;
	padding:5px;
	margin-bottom:10px;
	background:#fff;
	border:1px solid #ccc;
	font-size:1em;
	-webkit-box-shadow: inset 0px 0px 5px #eee;
	-moz-box-shadow   : inset 0px 0px 5px #eee;
	box-shadow        : inset 0px 0px 5px #eee;
}

form.normalForm.ttForm .InputRow input[type="text"],
form.normalForm.ttForm .InputRow input[type="password"], 
form.normalForm.ttForm .InputRow textarea,
form.normalForm.ttForm .InputRow select,
form.normalForm.ttForm .InputRow label {width:97%;}


form.normalForm .InputRow input:focus, form.normalForm .InputRow textarea:focus, form.normalForm .InputRow select:focus {background: #fdfede;}
*/
/*
#orderdelayform .day {margin:0px 0px 20px;}

form.normalForm .SubmitButtonRow {text-align:right;}

form.normalForm .InputRow.half {width: 100%;}
form.normalForm .InputRow.half .dayOpenStatus {display:inline-block;position:relative;margin: 8px 10px 0 0;float:left;}

form.normalForm .InputRow.half .checkLabel {
	color: #888888;
    display: inline-block;
    float: left;
    font-size: 75%;
    margin: 8px 5px 0 0;
    position: relative;
    text-transform: uppercase;
    width: auto;
}
form.normalForm .InputRow.half .closeTime {margin-right: 0;}
form.normalForm .InputRow.half input[type="text"], form.normalForm .InputRow.half input[type="password"], form.normalForm .InputRow.half textarea, .half textarea {display:inline-block; width:140px;margin-right: 20px;float:left;}


form.normalForm .InputRow.formColumn {width: 33%;float: left;}
form.normalForm .InputRow {width: 100%; margin: 0 0 15px; display:block;}
form.normalForm .InputRow.formColumn label {display:inline-block;position:relative;width:auto;margin-right: 5px;float:left;}
form.normalForm .InputRow.formColumn input[type="text"], form.normalForm .InputRow.formColumn input[type="password"], form.normalForm .InputRow.formColumn textarea, .formColumn textarea {display:inline-block; width:40px;float:left;}

.tooltip {padding:10px 15px;width:100px;display:none;color:#253e9c;text-align:left;font-size:.9em;}

form.normalForm .standardTable .InputRow {
	margin-bottom:0px;	
}
form.normalForm .checkboxGroup .InputRow {
	margin-bottom:5px;	
}
form.normalForm .InputRow [type="checkbox"] {
	margin:2px 6px 0px 0;
	clear: left;
    display: block;
    float: left;
}
form.normalForm .InputRow.checkbox label {
	display: inline-block;
	
}

form.normalForm .InputRow.displayInline label {
	float:left;
	position:relative;
	padding:4px 10px 4px 0;
	display: block;
}
form.normalForm .InputRow.displayInline input[type="text"] {
}

form.normalForm .InputRow.displayInline.halfLabel label {
	width: 40%;
}
form.normalForm .InputRow.displayInline.halfLabel input[type="text"] {
	width: 50%;
}

*/
/*
#headerWrapper {
	position: relative;
	background-color: $yqmeLightGreen;
	border-bottom: 0 none;
    @include box-shadow(none);
}

#header,
.top-nav {
    width: auto;
    max-width: 1200px;
}

.site-title {
	a {
		padding:5px;
		display: block;
		
		img {
			max-width: 100%;
			max-height: 60px;
		}
		span {
			@include hide-text();
		}
	}
}

.main_nav ul {
    margin: 10px 0px -2px;
}

#main {
    @include box-shadow(none);
    width: auto;
    max-width: 1200px;
}

.merchantTitleInner {
    border-left: 0 none;
    border-right: 0 none;
    padding: 15px;
	background: #F5F5F5;
}

ul.nav {
	margin: 0;
	padding: 0;
}

.navbar {
    margin-bottom: 0px;
}
.navbar-inner {
	@include border-radius(0px);
}
*/
ul.nav {
  padding: 0;
  margin: 0; }

.horizontal-sub-nav {
  border-bottom: 1px solid #EEEEEE; }
  .horizontal-sub-nav:before, .horizontal-sub-nav:after {
    content: "";
    display: table; }
  .horizontal-sub-nav:after {
    clear: both; }
  .horizontal-sub-nav {
    zoom: 1; }

.horizontal-sub-nav ul {
  padding: 10px 2%;
  margin: 0; }

.backlink {
  background: #F5F5F5;
  padding: 1em .8em 1em 2%;
  border-right: 1px solid #eee;
  line-height: 1.8; }

.backlink a {
  color: #333; }

.edit-menu-name {
  padding: .8em;
  font-size: 1.2em;
  margin: 0;
  line-height: 1.4; }

.vertical-tabs {
  background: #F5F5F5;
  padding-left: 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 20px;
  border-left: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD; }

.vertical-tabs .nav {
  padding-top: 10px;
  padding-bottom: 10px; }

#mainContent .article.row-padding {
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 20px; }

tr .row-actions {
  opacity: 0;
  font-size: .9em;
  padding: 2px 0; }

tr .row-actions a {
  color: #aaa; }

tr .row-actions .divider {
  color: #ddd;
  margin: 0 2px; }

tr:hover .row-actions {
  opacity: 1;
  display: block; }

tr:hover .row-actions a {
  text-decoration: none; }

tr .row-actions a.delete:hover {
  color: #DA1515; }

a.delIcon span {
  text-indent: -9000px;
  display: inline-block; }

.name.MenuItemLink,
.item-desc {
  display: block; }

.item-desc {
  font-size: .9em; }

td.item-thumb {
  width: 50px; }

.item-thumb img {
  width: 50px; }

.item-thumb img:hover {
  transform: scale(2);
  transform-origin: center center; }

.options-summary {
  color: #aaa;
  font-size: 12px; }

.form-horizontal .control-label {
  text-align: right; }

td ul.comma-list {
  list-style: none;
  margin: 0; }

td ul.comma-list li a {
  float: left; }

td ul.comma-list li {
  float: left; }

td ul.comma-list li:after {
  content: ", ";
  margin-right: 5px; }

td ul.comma-list li:last-child:after {
  content: ""; }

.toggles {
  padding: 5px 0; }
  .toggles:before, .toggles:after {
    content: "";
    display: table; }
  .toggles:after {
    clear: both; }
  .toggles {
    zoom: 1; }

#affectedItems .accordion-inner {
  padding: 0; }

.accordion-inner-header {
  background: #F5F5F5;
  padding: 9px 15px 5px;
  border-bottom: 1px solid #ddd; }

.accordion-inner-header label {
  font-weight: bold; }

.accordion-inner-body {
  padding: 5px 15px 9px; }

/*
#advancedOptions {
	.form-horizontal .control-label {
    	width: 45%;
    }
    .form-horizontal .controls {
    	margin-left: 50%;
	}
}
*/
.fuelux .table td.item-move {
  vertical-align: middle; }

.fuelux .table td.item-label {
  min-width: 65%; }

.handle {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
  color: #aaa;
  cursor: move; }

tr:hover .handle {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }

.modal {
  left: 15%;
  margin-left: 0;
  width: 70%; }

/* saving indicators */
.SavingIndicator {
  position: fixed;
  bottom: 20px;
  padding: 20px 14px;
  overflow: visible;
  right: 3%;
  z-index: 1030;
  width: auto;
  background: #fff;
  border: 1px solid #ddd;
  -moz-box-shadow: #eee 0px 0px 10px;
  -webkit-box-shadow: #eee 0px 0px 10px;
  box-shadow: #eee 0px 0px 10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px; }

/* main site nav */
.site-nav {
  padding-top: 20px; }
  .site-nav ul {
    margin: 0;
    list-style: none;
    float: right; }
    .site-nav ul:before, .site-nav ul:after {
      content: "";
      display: table; }
    .site-nav ul:after {
      clear: both; }
    .site-nav ul {
      zoom: 1; }
  .site-nav ul > li > a {
    display: block; }
  .site-nav ul > li > a:hover,
  .site-nav ul > li > a:focus {
    text-decoration: none;
    background-color: #eee;
    color: #95a900; }
  .site-nav ul > li {
    float: left; }
  .site-nav ul > li > a {
    color: #fff;
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.6;
    border: 1px solid transparent;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px 0 0; }
    .site-nav ul > li > a:hover, .site-nav ul > li > a:focus {
      border-color: transparent transparent #ddd; }
  .site-nav ul > .current > a,
  .site-nav ul > .current > a:hover,
  .site-nav ul > .current > a:focus {
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default; }
  .site-nav ul > li > a > img {
    max-width: none; }
  .site-nav ul > .pull-right {
    float: right; }

/* merchant nav */
#merchant_nav.navbar {
  margin-bottom: 0; }
  #merchant_nav.navbar .navbar-inner {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWZjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOGJiMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #009fcc), color-stop(100%, #008bb3));
    background-image: -moz-linear-gradient(#009fcc, #008bb3);
    background-image: -webkit-linear-gradient(#009fcc, #008bb3);
    background-image: linear-gradient(#009fcc, #008bb3);
    border: 1px solid #009FCC;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px; }
  #merchant_nav.navbar ul {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    list-style: none outside none;
    padding: 0; }
  #merchant_nav.navbar ul.pull-right {
    float: right;
    margin-right: 0; }
  #merchant_nav.navbar ul > li {
    float: left; }
  #merchant_nav.navbar ul > li > a {
    float: none;
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 0 #008bb3, 10;
    display: block; }
  #merchant_nav.navbar ul .dropdown-toggle .caret {
    margin-top: 8px; }
  #merchant_nav.navbar ul > li > a:focus,
  #merchant_nav.navbar ul > li > a:hover {
    background-color: #009FCC;
    color: #fff;
    text-decoration: none; }
  #merchant_nav.navbar ul > .current > a,
  #merchant_nav.navbar ul > .current > a:hover,
  #merchant_nav.navbar ul > .current > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #008bb3;
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); }
  #merchant_nav.navbar ul li a:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    font-size: 1.33333em;
    vertical-align: -10%;
    line-height: 0.9em;
    margin-right: 5px; }
  #merchant_nav.navbar ul li.home a:before {
    content: ""; }
  #merchant_nav.navbar ul li.edit a:before {
    content: ""; }
  #merchant_nav.navbar ul li.menu a:before {
    content: ""; }
  #merchant_nav.navbar ul li.history a:before {
    content: ""; }
  #merchant_nav.navbar ul li.resources a:before {
    content: ""; }
  #merchant_nav.navbar ul li.customers a:before {
    content: ""; }
  #merchant_nav.navbar ul li.printer a:before {
    content: ""; }
  #merchant_nav.navbar ul li.help a:before {
    content: ""; }
  #merchant_nav.navbar ul li.credit a:before {
    content: "\f09d"; }
  #merchant_nav.navbar ul li.settings a:before {
    content: "\f013"; }

/* Context menus */
#contextmenu {
  margin: 15px 0 15px 15px; }
  #contextmenu ul {
    list-style-type: none;
    text-align: left;
    position: relative;
    margin-left: 0;
    padding-left: 0; }
    #contextmenu ul li {
      display: block;
      border-bottom: 1px solid #CCCCCC; }
    #contextmenu ul li a {
      color: #666;
      padding: 6px 10px;
      display: block;
      text-decoration: none;
      font-size: 13px;
      background: #F5F5F5; }
    #contextmenu ul li.current a {
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      background: #fff;
      color: #009fcc; }

        #contextmenu ul li.filled a:after {
            font-family: FontAwesome;
            font-weight: normal;
            font-style: normal;
            display: inline-block;
            text-decoration: inherit;
            font-size: 1.33333em;
            vertical-align: -10%;
            line-height: 0.9em;
            margin-right: 5px;
            float: right;
            color: forestgreen;
            /*content: "\f00c";*/
            content: "\f058";
        }

        #contextmenu ul li.error a:after {
            font-family: FontAwesome;
            font-weight: normal;
            font-style: normal;
            display: inline-block;
            text-decoration: inherit;
            font-size: 1.33333em;
            vertical-align: -10%;
            line-height: 0.9em;
            margin-right: 5px;
            float: right;
            color: red;
            content: "\f06a";
        }

        #contextmenu ul li.unfilled a:after {
            font-family: FontAwesome;
            font-weight: normal;
            font-style: normal;
            display: inline-block;
            text-decoration: inherit;
            font-size: 1.33333em;
            vertical-align: -10%;
            line-height: 0.9em;
            margin-right: 5px;
            float: right;
            color: lightgrey;
            /*content: "\f00c";*/
            content: "\f058";
        }

    #contextmenu ul li.current a:after {
      font-family: FontAwesome;
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      font-size: 1.33333em;
      vertical-align: -10%;
      line-height: 0.9em;
      margin-right: 5px;
      float: right;
      content: ""; }
    #contextmenu ul li.currentParent {
      background: #fff;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc; }
    #contextmenu ul li ul.subMenu {
      list-style-type: none;
      text-align: left;
      position: relative;
      margin-left: 0;
      font-size: 90%;
      display: none; }
    #contextmenu ul li.current ul.subMenu {
      display: block; }
    #contextmenu ul ul.subMenu li {
      display: block;
      border-top: 1px solid #ddd;
      border-bottom: 0; }
    #contextmenu ul ul.subMenu li a {
      color: #666;
      padding: 7px 7px 7px 25px;
      display: block;
      text-decoration: none;
      background: none; }
    #contextmenu ul ul.subMenu li.current {
      background: #fff;
      border-top: 1px solid #ddd; }
    #contextmenu ul ul.subMenu li.current a {
      color: #009fcc; }



/**** signup page horizontal menu tabs  ****/
#subMenu {
  background: #eee;
  float: none;
  display: block;
  margin-bottom: 15px; }

.wizardMenu {
  padding: 10px 10px 0;
  min-height: 45px;
  margin: 0 0 0 0px;
  display: block;
  font-size: 1.4em; }

.wizardMenu li {
  letter-spacing: 0;
  list-style: none;
  display: inline-block;
  text-align: center;
  margin: 0;
  float: left; }

.wizardMenu li a,
.wizardMenu li a:link,
.wizardMenu li a:visited {
  line-height: 45px;
  padding: 0 15px 0;
  color: #A9A79A;
  outline: none;
  display: block;
  margin: 0;
  text-decoration: none; }

.wizardMenu li a:hover {
  color: #333; }

.wizardMenu li.current {
  background: #fff; }

.wizardMenu li a span {
  background: none repeat scroll 0 0 #A9A79A;
  border-radius: 20px 20px 20px 20px;
  color: #F3F1E8;
  display: inline-block;
  font-size: 70%;
  font-weight: bold;
  height: 18px;
  line-height: 20px;
  margin-right: 2px;
  padding: 4px;
  text-align: center;
  text-shadow: 0 0;
  width: 18px; }

.wizardMenu li.disabled,
.wizardMenu li.disabled a {
  text-decoration: line-through;
  opacity: 0.8; }

/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
  position: relative; }

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0; }

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px; }

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px; }

.bootstrap-timepicker .add-on {
  cursor: pointer; }

.bootstrap-timepicker .add-on i {
  display: inline-block;
  width: 16px;
  height: 16px; }

.bootstrap-timepicker-widget.dropdown-menu {
  padding: 2px 3px 2px 2px; }

.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block; }

.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  left: 9px;
  position: absolute;
  top: -7px; }

.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  left: 10px;
  position: absolute;
  top: -6px; }

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
  border-radius: 4px; }

.bootstrap-timepicker-widget table {
  width: 100%;
  margin: 0; }

.bootstrap-timepicker-widget table td {
  text-align: center;
  height: 30px;
  margin: 0;
  padding: 2px; }

.bootstrap-timepicker-widget table td:not(.separator) {
  min-width: 30px; }

.bootstrap-timepicker-widget table td span {
  width: 100%; }

.bootstrap-timepicker-widget table td a {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 8px 0;
  outline: 0;
  color: #333; }

.bootstrap-timepicker-widget table td a:hover {
  text-decoration: none;
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-color: #ddd; }

.bootstrap-timepicker-widget table td a i {
  margin-top: 2px; }

.bootstrap-timepicker-widget table td input {
  width: 25px;
  margin: 0;
  text-align: center; }

.bootstrap-timepicker-widget .modal-content {
  padding: 4px; }

@media (min-width: 767px) {
  .bootstrap-timepicker-widget.modal {
    width: 200px;
    margin-left: -100px; } }
@media (max-width: 767px) {
  .bootstrap-timepicker {
    width: 100%; }

  .bootstrap-timepicker .dropdown-menu {
    width: 100%; } }
h3.sectionHeader {
  background: #F3F1E8;
  margin: 0px 0 -2px;
  border: 1px solid #E7E2D1;
  border-bottom: 0 none;
  padding: 0;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  font-weight: normal;
  float: left;
  color: #A29E8E;
  display: block;
  padding: 0 15px;
  letter-spacing: 0; }

.sectionContent {
  background: #FFFFFF;
  border: 1px solid #E7E2D1;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  clear: both;
  font-size: 14px;
  overflow: hidden;
  padding: 0;
  margin-bottom: 15px; }

.boxed .sectionContent {
  margin-bottom: 0px; }

.sectionContent .block {
  padding: 15px; }

.hcentre,
.row-fluid .hcentre[class*="span"] {
  margin-left: auto !important;
  margin-right: auto !important;
  float: none; }

.alert-bigger {
  font-size: 140%;
  line-height: 1.2; }

.addNew.btn {
  font-weight: bold; }

/*************** Modal lightbox ***************/
/* overlay 
------------------------------------------------------- */
#overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.65;
  filter: alpha(opacity=65); }

/* modal 
------------------------------------------------------- */
#modal {
  position: absolute;
  z-index: 1100;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 14px;
  padding: 8px;
  width: 80%;
  max-width: 500px; }

#modal-content {
  border-radius: 8px;
  background: #fff;
  padding: 20px;
  height: 90%;
  max-height: 400px;
  overflow: auto;
  overflow-x: hidden; }

#modal-content h2 {
  color: #900;
  text-shadow: none;
  position: relative;
  top: auto;
  right: auto; }

#modal-content h3 {
  color: #000; }

#modal-content p,
#modal-content li {
  color: #000; }

#modal-content li {
  margin-left: 20px; }

#modal-content .InputRow label {
  color: #000; }

#modal #close {
  position: absolute;
  background: url(/Design/images/close-buttons-sprite.png) 0 0 no-repeat;
  width: 36px;
  height: 36px;
  display: block;
  text-indent: -9999px;
  top: -12px;
  right: -12px; }

/* YQME-1210: Menu Group Editing*/
.MenuGroupList caption
{
    width: 12em;
    display: table-caption;
}
.MenuGroupList tr
{
    height: 2.8em;
}

.MenuGroupList td.MenuGroupName
{
    padding-left: 0.5em;
    width: 98%;
}

.MenuGroupList tr.active td.MenuGroupName
{
    background: white;
    border-color:#ddd transparent #ddd #ddd;
    border-style: solid;
    border-width: 1px;
}

.MenuGroupList tr td.item-move {
    min-width: 1.25em;
}

.accordion-boxed-header {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #e1e1e1));
    background-image: -moz-linear-gradient(#eeeeee, #e1e1e1);
    background-image: -webkit-linear-gradient(#eeeeee, #e1e1e1);
    background-image: linear-gradient(#eeeeee, #e1e1e1); }

.accordion-header-label {    
    font-weight: normal;
    text-decoration: none;
    color: #66667E;
}

 /* Popover */
.popover {
    background-color: #EF5350; 
    max-width: 400px !important;
}

/* Popover Header */
.popover-title {
    background-color: #EF5350; 
    color: #FFFFFF; 
    text-align:center;
}

/* Popover Body */
.popover-content {
    font-size:smaller;
    background-color: #EF5350; 
    color: #FFFFFF; 
    padding: 10px;
}
/* Popover Arrow */
.popover.right .arrow:after {
  border-right-color: #EF5350; 
}

.modal {
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}

.fuelux .dropdown-menu li {
    list-style-type: none;
}

/* Placeholder hack for Input Type Date/Time
---------------------------------------------------------*/
input[type="date"]::before,input[type="time"]::before {
    color: #999999;
    content: attr(placeholder);
    width: 100%;
}
input[type="date"],input[type="time"] {
    color: #ffffff;
}
input[type="date"]:focus,input[type="time"]:focus,
input[type="date"]:valid,input[type="time"]:valid {
    color: #666666;
}
input[type="date"]:focus::before, input[type="time"]:focus::before,
input[type="date"]:valid::before, input[type="time"]:valid::before {
    display: none; 
}

div.fuelux .datagrid input.span1 {
    height: 30px;
}