@charset "utf-8";
/* 	/////////////////////////////////////////////////////
	CSS styles for simPRO POS
	AUTHOR: Lisa Tassone
	CREATED: 27/02/2012
	LAST MODIFIED: 15/03/2012
///////////////////////////////////////////////////////////// */

/* ////////////////////////////
RESET
/////////////////////////////*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

h2 {
	margin-top: 20px;
	margin-bottom: 20px;
}

html,
body {
	background-color: #fff;
	height: 100%;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
	min-width: 600px;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration: none;
}
/* /////////////////////////////*/

/* /////////////////////////////
SITE WIDE
/////////////////////////////*/
html {
	height: 100%;
}
body {
	margin: auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	font-size: 13px;
	color: #242525;
}

#savedSessions {
	padding: 20px;
}
#savedSessions h2 {
	padding: 10px;
}

#page {
	min-width: 400px;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	position: relative;
	margin: 0 auto 0px; /* the bottom margin is the negative value of the footer's height */
}

h1 {
	font-size: 30px;
	font-weight: bold;
	color: #a6a6a6;
}

#settingContainer h1 {
	margin: 15px 0;
}

h2,
th {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

table {
	margin: 20px 0;
	padding: 0;
	width: 100%;
	border-bottom: 2px solid #a6a6a6;
}

th {
	background-color: #b2d2ff;
	line-height: 40px;
	text-transform: none;
	text-shadow: #fff 0px 1px 0;
	text-align: left;
}

tr:nth-of-type(odd) {
	background: #ebebeb;
}

td {
	padding: 4px 0;
	font-size: 16px;
	vertical-align: middle;
	height: 32px;
	line-height: 32px;
}

td .checkbox {
	margin-left: 10px;
}

/* Global inputs and buttons */
input[type='radio'],
input[type='checkbox'] {
	width: 15px;
	height: 15px;
	margin: 5px;
}

.suggestselectResults .checkbox {
	margin-top: 0px !important;
	top: 25%;
}
.suggestselectResults a {
	margin-top: 0px !important;
}
.suggestselectResults:not(#globalSearchResults) .option a {
	padding-top: 5px;
	padding-bottom: 5px;
}
.suggestselectResults:not(#globalSearchResults) .category {
	margin-top: 3px;
	padding-bottom: 3px;
}
.suggestselectResults .ui-widget-header {
	line-height: 32px;
}
.suggestselectResults .selectAllPanel span.ui-icon {
	margin-top: 10px;
}
.suggestselectResults .selectAllPanel,
.suggestselectResults .filterPanel {
	font-size: 90%;
}
.suggestselectResults {
	min-width: 400px;
}

input:not([type='radio']):not([type='checkbox']):not([type='submit']):not(.searchField):not(.searchButton) {
	display: block;
	height: 40px;
	padding: 3px 18px 3px 8px;
	margin-bottom: 10px;
	border: 1px solid #999;
	border-radius: 5px;
}
textarea {
	display: block;
	height: 80px;
	margin-bottom: 10px;
	border: 1px solid #999;
	border-radius: 5px !important;
}
.suggestselectButton {
	height: 40px;
	padding: 3px 18px 3px 8px;
	border: 1px solid #999 !important;
	border-radius: 5px;
}
#settingContainer
	input:not([type='radio']):not([type='checkbox']):not([type='submit']):not(.searchField):not(.searchButton),
#assignPanel
	input:not([type='radio']):not([type='checkbox']):not([type='submit']):not(.searchField):not(.searchButton) {
	width: 50%;
}
#settingContainer .suggestselectButton,
#assignPanel .suggestselectButton {
	width: 50%;
}
#settingContainer textarea,
#assignPanel textarea {
	width: 50%;
}
button:not(.close) {
	/*border-radius: 5px;*/
	height: 40px;
}
.innerBox .btnLogin {
	height: 40px;
}
.paginationDiv a {
	border: 1px solid #999;
	border-radius: 5px;
	height: 32px;
	line-height: 35px;
	padding: 5px;
	margin: 5px;
}
.pageButtonSelected {
	background: #87cefa;
}
#actionButtonList {
	width: 160px;
}
#invoiceTable th,
#invoiceTable td {
	border-left: 1px solid #ccc;
	padding: 0px 8px 0px 8px;
}
#cartBreakdown a,
#cartBreakdown .cartTotal {
	font-size: 16px;
	line-height: 32px;
}
/* /////////////////////////////
HEADER
/////////////////////////////*/

#section {
	height: 70px;
	padding: 0 20px;
	background-color: #1d457d;
	left: 0px;
	top: 70px;
	right: 0px;
}

header {
	left: 0px;
	top: 0px;
	right: 0px;
	height: 70px;
	padding: 0 20px;
	background-color: #1d457d;
}

.searchPOS {
	width: 350px;
	height: 20px;
	margin: 15px 0;
	padding: 10px;
	background-color: #fff;
	float: left;
	position: relative;
}

.searchPOS .searchField {
	border: 0;
	font-size: 16px;
	line-height: 16px;
	font-style: italic;
	color: #a6a6a6;
	left: 10px;
	width: 270px;
	background-color: white !important;
}

.searchPOS .searchButton {
	background: url(../images/search_icon.png) no-repeat right center;
	float: left;
	height: 40px;
	width: 70px;
	border: 0;
	outline: 0;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

header ul {
	position: absolute;
	right: 20px;
	top: 14px;
}

header li,
.printButtons li {
	float: left;
	border: 1px solid #183967;
	background-image: linear-gradient(bottom, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -o-linear-gradient(bottom, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -moz-linear-gradient(bottom, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -webkit-linear-gradient(bottom, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -ms-linear-gradient(bottom, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #2d61ac),
		color-stop(0.43, #487fcf),
		color-stop(0.82, #65a6f9)
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#65A6F9', EndColorStr = '#2D61AC'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#65A6F9', EndColorStr='#2D61AC')"; /* IE8 */
}

header li:hover {
	background-image: linear-gradient(top, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -o-linear-gradient(top, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -moz-linear-gradient(top, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -webkit-linear-gradient(top, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -ms-linear-gradient(top, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #2d61ac),
		color-stop(0.43, #487fcf),
		color-stop(0.82, #65a6f9)
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#2D61AC', EndColorStr = '#65A6F9'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2D61AC', EndColorStr='#65A6F9')"; /* IE8 */
}

header li#keyboardButton,
header li#keyboardButton:hover,
#keyboardButton,
#keyboardButton:hover,
.printButtons li:last-child {
	background-image: linear-gradient(bottom, #747474 15%, #b2b2b2 70%);
	background-image: -o-linear-gradient(bottom, #747474 15%, #b2b2b2 70%);
	background-image: -moz-linear-gradient(bottom, #747474 15%, #b2b2b2 70%);
	background-image: -webkit-linear-gradient(bottom, #747474 15%, #b2b2b2 70%);
	background-image: -ms-linear-gradient(bottom, #747474 15%, #b2b2b2 70%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.15, #747474),
		color-stop(0.7, #b2b2b2)
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#B2B2B2', EndColorStr = '#747474'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#B2B2B2', EndColorStr='#747474')"; /* IE8 */
	border-color: #5a5a5a;
}

header li#keyboardButton,
header li#posButton,
header li#adminButton,
header li#settingsButton,
#keyboardButton {
	width: 80px;
	height: 40px;
	float: left;
}

header li#posButton,
header li#adminButton {
	border-right: 0px;
}

header li#settingsButton {
	width: 50px;
}

header li a {
	color: #fff;
	text-shadow: #333 0px -1px 0;
	text-align: center;
	width: 80px;
	height: 40px;
	display: block;
	line-height: 40px;
	font-weight: bold;
	text-transform: uppercase;
}

header li a:hover {
	color: #fff;
}

#keyboardButton {
	margin-right: 10px;
}

#keyboardButton a {
	background: url(../images/keyboard.png) no-repeat center center;
	width: 80px;
	height: 40px;
	display: block;
}

#settingsButton a {
	background: url(../images/torx_key.png) no-repeat center center;
}

#settingsButton a {
	width: 50px;
}
/*////////////////////////////////////////////////////////////////////////////*/

/* /////////////////////////////
GENERIC CLASSES
/////////////////////////////*/

.corners {
	border-radius: 5px;
}

.cornersLeft {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.cornersRight {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.insetShadow {
	box-shadow: inner 0 2px 5px #666;
}

.greyGrad {
	background-image: linear-gradient(bottom, #747474 15%, #b2b2b2 70%);
	background-image: -o-linear-gradient(bottom, #747474 15%, #b2b2b2 70%);
	background-image: -moz-linear-gradient(bottom, #747474 15%, #b2b2b2 70%);
	background-image: -webkit-linear-gradient(bottom, #747474 15%, #b2b2b2 70%);
	background-image: -ms-linear-gradient(bottom, #747474 15%, #b2b2b2 70%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.15, #747474),
		color-stop(0.7, #b2b2b2)
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#B2B2B2', EndColorStr = '#747474'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#B2B2B2', EndColorStr='#747474')"; /* IE8 */
}

.redGrad {
	background-image: linear-gradient(bottom, #9d0000 0%, #e35252 50%);
	background-image: -o-linear-gradient(bottom, #9d0000 0%, #e35252 50%);
	background-image: -moz-linear-gradient(bottom, #9d0000 0%, #e35252 50%);
	background-image: -webkit-linear-gradient(bottom, #9d0000 0%, #e35252 50%);
	background-image: -ms-linear-gradient(bottom, #9d0000 0%, #e35252 50%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #9d0000), color-stop(0.5, #e35252));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#9D0000', EndColorStr = '#E35252 '); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9D0000', EndColorStr='#E35252 ')"; /* IE8 */
}

.greenGrad {
	background-image: linear-gradient(bottom, #509f02 7%, #80dc29 54%);
	background-image: -o-linear-gradient(bottom, #509f02 7%, #80dc29 54%);
	background-image: -moz-linear-gradient(bottom, #509f02 7%, #80dc29 54%);
	background-image: -webkit-linear-gradient(bottom, #509f02 7%, #80dc29 54%);
	background-image: -ms-linear-gradient(bottom, #509f02 7%, #80dc29 54%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.07, #509f02),
		color-stop(0.54, #80dc29)
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#509F02', EndColorStr = '#80DC29'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#509F02', EndColorStr='#80DC29')"; /* IE8 */
}

.blueGradUp {
	background-image: linear-gradient(bottom, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -o-linear-gradient(bottom, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -moz-linear-gradient(bottom, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -webkit-linear-gradient(bottom, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -ms-linear-gradient(bottom, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #2d61ac),
		color-stop(0.43, #487fcf),
		color-stop(0.82, #65a6f9)
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#65A6F9', EndColorStr = '#2D61AC'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#65A6F9', EndColorStr='#2D61AC')"; /* IE8 */
}

.blueGradDown {
	background-image: linear-gradient(top, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -o-linear-gradient(top, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -moz-linear-gradient(top, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -webkit-linear-gradient(top, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -ms-linear-gradient(top, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #2d61ac),
		color-stop(0.43, #487fcf),
		color-stop(0.82, #65a6f9)
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#2D61AC', EndColorStr = '#65A6F9'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2D61AC', EndColorStr='#65A6F9')"; /* IE8 */
}

.insetShadowLight {
	box-shadow: inner 0 -1px 2px #ccc;
}

.push {
	height: 100%;
	clear: both;
}

.open {
	background-image: linear-gradient(bottom, #509f02 7%, #80dc29 54%);
	background-image: -o-linear-gradient(bottom, #509f02 7%, #80dc29 54%);
	background-image: -moz-linear-gradient(bottom, #509f02 7%, #80dc29 54%);
	background-image: -webkit-linear-gradient(bottom, #509f02 7%, #80dc29 54%);
	background-image: -ms-linear-gradient(bottom, #509f02 7%, #80dc29 54%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.07, #509f02),
		color-stop(0.54, #80dc29)
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#509F02', EndColorStr = '#80DC29'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#509F02', EndColorStr='#80DC29')"; /* IE8 */
	border: 1px solid #498d05;
	display: block;
	width: 70px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-shadow: 0 -1px #666;
	margin: 0 auto;
}

.checkbox,
.printerButton {
	background-image: linear-gradient(bottom, #c2c8cc 0%, #ffffff 100%);
	background-image: -o-linear-gradient(bottom, #c2c8cc 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(bottom, #c2c8cc 0%, #ffffff 100%);
	background-image: -webkit-linear-gradient(bottom, #c2c8cc 0%, #ffffff 100%);
	background-image: -ms-linear-gradient(bottom, #c2c8cc 0%, #ffffff 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c2c8cc), color-stop(1, #ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#ffffff', EndColorStr = '#C2C8CC'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#C2C8CC')"; /* IE8 */
	width: 32px;
	height: 32px;
	border: 1px solid #8d8d8d;
	float: left;
	cursor: pointer;
}

.printerButton,
.printerButton div {
	width: 150px;
	height: 30px;
}

.printerButton div {
	background: url(../images/printer.png) no-repeat 10px 50%;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
	color: #282828;
	text-shadow: #fff 0px 1px 0;
	width: 140px;
	line-height: 30px;
}

.checkbox div {
	background: url(../images/tick.png) no-repeat center center;
	width: 32px;
	height: 32px;
}

a.printerButtonDark {
	width: 100px;
	height: 40px;
	display: block;
	border: 1px solid #707070;
	margin-top: 4px;
}

a.printerButtonDark div {
	line-height: 40px;
	color: #fff;
	text-shadow: 0 -1px #666;
	text-align: right;
	font-weight: bold;
	width: 55px;
	margin: 0 auto;
	background: url(../images/printer_white.png) no-repeat left center;
}

.right {
	float: right;
}

#privilegeModal,
#transactionModal {
	width: 700px;
	height: 250px;
}

#privilegeModal em {
	font-size: 12px;
	color: #666;
	text-shadow: 0 1px #fff;
	font-style: italic;
	display: block;
	padding: 30px 20px 20px 20px;
}

#privilegeModal label {
	width: 328px;
	padding-left: 20px;
	float: left;
	font-size: 18px;
	font-weight: bold;
}

#privilegeModal form .searchPOS {
	width: 278px;
	border: 1px solid #666;
}

#privilegeModal form .textBoxLeft {
	margin-left: 20px;
}

#privilegeModal form .textBoxRight {
	margin-left: 58px;
}

#privilegeTop,
#transactionTop {
	width: 696px;
	height: 170px;
	border: 2px solid #204c89;
	border-bottom: 0;
	background-color: #dfe8f0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow: hidden;
}

#transactionTop {
	height: 230px;
}

#privilegeBottom,
#transactionBottom {
	width: 696px;
	height: 78px;
	border: 2px solid #204c89;
	border-top: 0;
	background-color: #204c89;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	position: relative;
}

#transactionBottom {
	height: 20px;
}

#privilegeBottom #keyboardButton {
	position: absolute;
	top: 20px;
	left: 20px;
}

.submitButton {
	font-weight: bold;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	width: 170px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #183967;
	text-shadow: 0 -1px #183967;
	display: block;
	cursor: pointer;
}

#transactionModal h2 {
	margin-top: 45px;
	margin-left: 40px;
}

#transactionModal #submitted {
	margin-left: 35px;
	margin-top: 10px;
	float: left;
}

#submitted li {
	background: url(../images/tick.png) no-repeat left center;
	padding-left: 35px;
	font-size: 16px;
	text-shadow: 0 -1px #fff;
	height: 30px;
	line-height: 30px;
}

#transactionModal #completedOptions {
	width: 250px;
	float: right;
	position: absolute;
	top: 20px;
	right: 40px;
}

#transactionModal #completedOptions li {
	cursor: pointer;
	height: 40px;
	margin: 5px 0;
	border: 1px solid #183967;
}

#transactionModal #completedOptions li:last-child {
	border-color: #5a5a5a;
}

#completedOptions a {
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	line-height: 40px;
	text-shadow: 0 -1px #183967;
	padding-left: 20px;
}

.col {
	width: 210px;
	padding-right: 10px;
	float: left;
}

#assign {
	margin-top: 20px;
}

h2 em {
	text-transform: none;
	color: #808080;
	font-weight: normal;
}

#assignPanelWrapper {
	width: 100%;
	background-color: #e6e6e6;
}

#assignPanel {
	margin: 0 auto;
	padding: 15px 10px;
	width: 100%;
	box-sizing: border-box;
}

#assignPanel form #left {
	width: 100%;
	float: left;
}

#assignPanel form #right {
	float: right;
	width: 200px;
}

#assignPanel .col1 {
	float: left;
}

#assignPanel .col2 {
	position: relative;
}

.amount_payment label {
	font-weight: bold;
	display: block;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	width: 10%;
	clear: both;
}

#addLabourRowDialog .setting input {
	display: block;
	margin-bottom: 10px;
	border: 1px solid #999;
	border-radius: 5px;
}

#addLabourRowDialog .setting input {
	width: 40%;
}

#assignPanel label {
	font-weight: bold;
	display: block;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	width: 10%;
	clear: both;
}

#transferAssets {
	display: block;
	clear: both;
	margin-top: 10px;
}

#transferAssets strong {
	color: #024bb3;
	font-weight: bold;
	float: left;
}

#transferAssets div {
	float: left;
	text-indent: 5px;
}

#right textarea {
	width: 200px;
	height: 60px;
	margin-top: -15px;
	border: 1px solid #999;
	box-shadow: inner 0 2px 2px #ccc;
	border-radius: 5px;
}

/*//////////////////////////////
POS
///////////////////////////////*/

#cartBreakdown,
#labourBreakdown {
	float: right;
	width: 100%;
	background-color: #dae6f1;
	margin: 20px 0;
	text-shadow: 0 1px #fff;
	font-weight: bold;
	position: relative;
}

#cartBreakdownTotal {
	margin: 2px 0 0 0;
	text-shadow: 0 1px #fff;
	font-weight: bold;
	background-color: #dae6f1;
	width: 100%;
	bottom: 20px;
	position: relative;
}

#cartBreakdown li,
#cartBreakdownTotal li {
	padding: 10px;
	display: block;
	line-height: 18px;
}

#cartContent {
	min-height: 400px;
	margin-bottom: 25px;
	overflow: auto;
}

.savedCartContent {
	min-height: 100px;
	overflow: auto;
}

#cartHeading {
	position: relative;
	height: 50px;
}

#cartHeadingSavedCarts {
	float: right;
	position: absolute;
	right: 5px;
	z-index: 10000;
}

#cartBreakdown li#cartHeading,
#cartBreakdownTotal li#cartHeading {
	font-size: 16px;
	height: 30px;
	text-transform: uppercase;
	background: url(../images/cart.png) no-repeat 70px center;
	margin-right: 15px;
	border-bottom: 2px solid #fff;
}

#cartBreakdown .description,
#cartBreakdownTotal .description {
	color: #024bb3;
	display: block;
}

#cartBreakdown .qty,
#cartBreakdown .amt,
#cartBreakdownTotal .qty,
#cartBreakdownTotal .amt {
	float: left;
	margin: 5px 0;
}

#cartBreakdown .amt,
#cartBreakdownTotal .amt {
	float: right;
}

#cartBreakdown #cartBreakdownTotal .cartTotal {
	font-size: 16px;
	text-transform: uppercase;
	border-top: 2px solid #fff;
	bottom: 0;
	display: block;
}

.cartTotal strong {
	display: block;
	float: left;
}

.cartTotal div {
	display: block;
	float: right;
}

.cartTotal.noBorder {
	border: none !important;
	margin-top: 10px;
}

.noTopBorder {
	border-top: none !important;
}

.noBottomBorder {
	border-bottom: none !important;
}

#pos li {
	float: left;
	width: 98px;
	height: 100px;
	margin: 2px;
	border-radius: 5px;
	background-color: #dae0e6;
	border: 1px solid #c1c7cc;
}

#pos li:hover {
	box-shadow: inner 0 0 10px #000;
}

#pos li a {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: white;
	width: 90px;
	height: 50px;
	margin: 30px auto 0 auto;
	display: block;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.posGradDarkBlue {
	background-image: linear-gradient(bottom, #113f6e 5%, #1960a7 53%);
	background-image: -o-linear-gradient(bottom, #113f6e 5%, #1960a7 53%);
	background-image: -moz-linear-gradient(bottom, #113f6e 5%, #1960a7 53%);
	background-image: -webkit-linear-gradient(bottom, #113f6e 5%, #1960a7 53%);
	background-image: -ms-linear-gradient(bottom, #113f6e 5%, #1960a7 53%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.05, #113f6e),
		color-stop(0.53, #1960a7)
	);
}

.posGradOlive {
	background-image: linear-gradient(bottom, #5b6d11 5%, #8ca91a 53%);
	background-image: -o-linear-gradient(bottom, #5b6d11 5%, #8ca91a 53%);
	background-image: -moz-linear-gradient(bottom, #5b6d11 5%, #8ca91a 53%);
	background-image: -webkit-linear-gradient(bottom, #5b6d11 5%, #8ca91a 53%);
	background-image: -ms-linear-gradient(bottom, #5b6d11 5%, #8ca91a 53%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.05, #5b6d11),
		color-stop(0.53, #8ca91a)
	);
}

.posGradRust {
	background-image: linear-gradient(bottom, #6d4211 5%, #a86519 53%);
	background-image: -o-linear-gradient(bottom, #6d4211 5%, #a86519 53%);
	background-image: -moz-linear-gradient(bottom, #6d4211 5%, #a86519 53%);
	background-image: -webkit-linear-gradient(bottom, #6d4211 5%, #a86519 53%);
	background-image: -ms-linear-gradient(bottom, #6d4211 5%, #a86519 53%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.05, #6d4211),
		color-stop(0.53, #a86519)
	);
}

.posGradTurquoise {
	background-image: linear-gradient(bottom, #116a6d 5%, #1aa3a8 53%);
	background-image: -o-linear-gradient(bottom, #116a6d 5%, #1aa3a8 53%);
	background-image: -moz-linear-gradient(bottom, #116a6d 5%, #1aa3a8 53%);
	background-image: -webkit-linear-gradient(bottom, #116a6d 5%, #1aa3a8 53%);
	background-image: -ms-linear-gradient(bottom, #116a6d 5%, #1aa3a8 53%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.05, #116a6d),
		color-stop(0.53, #1aa3a8)
	);
}

.posGradGreen {
	background-image: linear-gradient(bottom, #1a6f38 5%, #19a84b 53%);
	background-image: -o-linear-gradient(bottom, #1a6f38 5%, #19a84b 53%);
	background-image: -moz-linear-gradient(bottom, #1a6f38 5%, #19a84b 53%);
	background-image: -webkit-linear-gradient(bottom, #1a6f38 5%, #19a84b 53%);
	background-image: -ms-linear-gradient(bottom, #1a6f38 5%, #19a84b 53%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.05, #1a6f38),
		color-stop(0.53, #19a84b)
	);
}

.lightGreyGrad {
	background-image: linear-gradient(bottom, #c2c8cc 30%, #ffffff 88%);
	background-image: -o-linear-gradient(bottom, #c2c8cc 30%, #ffffff 88%);
	background-image: -moz-linear-gradient(bottom, #c2c8cc 30%, #ffffff 88%);
	background-image: -webkit-linear-gradient(bottom, #c2c8cc 30%, #ffffff 88%);
	background-image: -ms-linear-gradient(bottom, #c2c8cc 30%, #ffffff 88%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.3, #c2c8cc),
		color-stop(0.88, #ffffff)
	);
}

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

/* /////////////////////////////
MAIN CONTENT
/////////////////////////////*/
#section {
	background-color: #fff;
	padding: 5px 20px;
	height: 50px;
}

#settingsMenu {
	background-color: #fff;
	padding: 5px 20px;
}

#section h1 {
	float: left;
	line-height: 50px;
}

#section span {
	line-height: 32px;
	color: #575959;
	margin-left: 10px;
}

#checkboxContainer {
	float: right;
	margin-top: 8px;
	margin-right: 15px;
}

#sectionSearch {
	float: right;
	margin-top: 4px;
}

#sectionSearch .searchPOS {
	border: 1px solid #999999;
	margin: 0;
}

#sectionSearch form .searchButton {
	background: url(../images/search_icon_noshadow.png) no-repeat center center;
}

#POScontent {
	top: 140px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 0 20px;
	min-height: 300px;
}

#POScontentContent {
	height: 100%;
	width: 100%;
	position: relative;
}

#leftContent {
	position: relative;
	height: 100%;
	width: 66%;
	float: left;
}
#leftContentWrapper {
	height: 100%;
}
#rightContent {
	float: right;
	width: 33%;
	margin-right: 5px;
	height: 100%;
}
#rightContentWrapper {
	padding: 10px 10px;
	height: 100%;
}

footer {
	background: url(../images/logo.png) no-repeat 20px 20px;
	height: 90px;
	width: 230px;
	position: relative;
}
.clearfooter {
	clear: both;
}

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

/* /////////////////////////////
LISTS
/////////////////////////////*/
#subNav {
	height: 30px;
	border: 1px solid #183967;
	margin: 0 20px;
}

#subNav li {
	float: left;
	width: 25%;
	line-height: 30px;
	text-align: center;
	background: url(../images/subnav_divider.png) no-repeat top right;
}

#adminNav #subNav li {
	width: 50%;
}

#subNav.settings li {
	width: 20%;
}

#subNav li:hover {
	background-image: linear-gradient(top, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -o-linear-gradient(top, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -moz-linear-gradient(top, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -webkit-linear-gradient(top, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -ms-linear-gradient(top, #2d61ac 0%, #487fcf 43%, #65a6f9 82%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #2d61ac),
		color-stop(0.43, #487fcf),
		color-stop(0.82, #65a6f9)
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#2D61AC', EndColorStr = '#65A6F9'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2D61AC', EndColorStr='#65A6F9')"; /* IE8 */
}

#subNav .last {
	background-image: none;
}

#subNav a {
	color: #ffffff;
	font-weight: bold;
	text-shadow: #333 0px -1px 0;
	float: left;
	min-width: 100px;
	width: 100%;
}

.paymentHeading {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	width: 210px;
	margin-right: 10px;
	margin-top: 20px;
	height: 45px;
	line-height: 40px;
}

#paymentMethods {
	width: 200px;
	float: left;
	border-bottom: 1px solid #c1c1c1;
}

#paymentMethods li {
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #c1c1c1;
	font-size: 16px;
	cursor: pointer;
}

#paymentMethods label,
#paymentMethods input {
	margin-left: 10px;
}

#cashBox label,
#visaBox label,
#mastercardBox label,
#eftposBox label,
#ddBox label,
#amexBox label,
#accountBox label,
#chequeBox label,
#delayedBox label {
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
}

.submitText {
	box-shadow: inner 0 2px 2px #ccc;
	width: 200px;
	border: 1px solid #999;
	line-height: 20px;
	font-size: 16px;
	padding: 10px;
	margin-bottom: 20px;
}

.greyText {
	color: #b8b8b8;
}

.addButton {
	width: 222px;
	border: 0;
	height: 30px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 -1px #333;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/plus.png) no-repeat 70px center;
	cursor: pointer;
}

.addButtonWrapper {
	height: 30px;
	width: 222px;
}

#breakdownPanel {
	width: 300px;
	float: right;
	margin-top: 30px;
	position: relative;
	height: 460px;
}

#totalBreakdown {
	position: absolute;
	bottom: 0;
	display: block;
	width: 300px;
}

#breakdown li,
#totalBreakdown li {
	padding: 10px;
	overflow: hidden;
	background-color: #ebebeb;
	display: block;
}

.borderTop {
	border-top: 2px solid #fff;
}

.borderBottom {
	border-bottom: 2px solid #fff;
}

#breakdown li.paymentMethod {
	background-color: #dfe8f0;
	border: 0;
}

#breakdown li strong,
#breakdown li div,
#totalBreakdown li strong,
#totalBreakdown li div {
	float: left;
	width: 50%;
	display: block;
	font-weight: bold;
	font-size: 16px;
}

#breakdown li div,
#totalBreakdown li div {
	text-align: right;
	font-weight: normal;
	width: 35%;
}

#totalBreakdown li div {
	width: 50%;
}

#breakdownPanel li .delete {
	width: 24px;
	height: 24px;
	background: url(../images/delete.png) no-repeat center center;
	margin-left: 15px;
	cursor: pointer;
}

#checkout {
	float: right;
}

#checkout li {
	width: 130px;
	height: 40px;
	float: left;
	display: block;
	margin: 5px 5px;
}

#checkout li a,
.amount_payment button {
	font-size: 16px;
	font-weight: bold;
	width: 95px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: right;
	display: block;
	text-shadow: 0 -1px #666;
	margin: 0 auto;
}

.amount_payment button {
	text-align: center;
	width: 50%;
}

.amount_payment #amount {
	text-align: right;
	width: 90% !important;
}

#checkout li#cancel a {
	background: url(../images/cancel.png) no-repeat left center;
	width: 85px;
}

#checkout li#postpone a {
	background: url(../images/pause.png) no-repeat left center;
}

#checkout li#complete a {
	background: url(../images/tick_light.png) no-repeat left center;
}

#checkout li#checkout a,
#checkout li#cart a {
	background: url(../images/right_arrow.png) no-repeat left center;
	width: 100px;
}

#checkout li#back a {
	background: url(../images/left_arrow.png) no-repeat left center;
	width: 100px;
}

#breadcrumbs {
	display: block;
	float: left;
	margin: 0 0 10px 0;
}

#breadcrumbs li {
	padding-right: 20px;
	line-height: 28px;
	background: url(../images/crumb.png) no-repeat right center;
	margin-right: 10px;
	color: #a6a6a6;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}

#breadcrumbs li.last {
	background: none;
}

#breadcrumbs a {
	color: #024bb3;
}

#groups,
#items,
#categories,
#paymentTypes {
	float: left;
	clear: left;
	width: 100%;
}

#items {
	margin-top: -10px;
}

#groups li,
#items li {
	border: 1px solid #8d8d8d;
	margin: 10px 0;
	width: 100%;
	display: block;
}

#groups a {
	padding: 10px;
	display: block;
	font-size: 16px;
	color: #282828;
	background: url(../images/group_arrow.png) no-repeat right center;
}

#items a {
	padding: 10px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: white;
	background: url(../images/plus.png) no-repeat right center;
	margin-right: 15px;
}

#items .in_stock_items {
	padding: 0 10px 10px 10px;
	color: #fff;
	line-height: 16px;
}

#items .in_stock_items label {
	width: 10%;
}
/* ////////////////////////////*/

/* /////////////////////////////
TABLES
/////////////////////////////*/

table.leftPadding tr td:first-child,
table.leftPadding th:first-child {
	padding-left: 10px;
}

table.pending th:nth-child(5),
table.pending td:nth-child(5) {
	text-align: right;
	padding-right: 10px;
}

table.takings,
table.takings th,
table.takings tr {
	border: 0;
}

table.takings td {
	height: 34px;
	line-height: 34px;
}

table.takings th:nth-child(2),
table.takings td:nth-child(2),
table.takings tr.total td {
	text-align: right;
	padding-right: 10px;
}

table.takings tr.total td {
	text-transform: uppercase;
}

table.takings tr.total {
	background-color: #dae6f1;
}

table.openJobs tr.total td,
table.openJobs td:nth-child(6) {
	padding-right: 10px;
}

table.openJobs tr td:nth-child(6),
table.checkoutTable tr td:nth-child(6) {
	text-align: right;
}

table.checkoutTable td,
table. {
	padding: 5px;
}

table th {
	text-align: center;
}

.textRight {
	text-align: right;
}

.text-centre {
	text-align: center;
}

.checkoutTable .delete,
.payment_box .delete {
	width: 24px;
	height: 24px;
	background: url(../images/delete.png) no-repeat center center;
	margin: 0 auto;
	cursor: pointer;
	display: block;
}

tr.total {
	border-top: 3px solid #242525;
	border-bottom: 3px solid #242525;
	height: 40px;
	font-weight: bold;
	font-size: 16px;
	background-color: #fff;
	text-align: right;
}

/* jqModal base Styling courtesy of;
    Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
	display: none;
	position: fixed;
	top: 17%;
	left: 50%;
	margin-left: -300px;
	width: 600px;
}

.jqmOverlay {
	background-color: #000;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: expression(this.parentNode.offsetWidth + 'px');
	height: expression(this.parentNode.offsetHeight + 'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
	position: absolute;
	top: expression(
		(document.documentElement.scrollTop || document.body.scrollTop) +
			Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'
	);
}

/* /////////////////////////
LOGIN PAGE
//////////////////////////*/
body#login {
	background-color: #204c89;
}
body#login #content {
	margin-top: 60px;
	background-color: #fff;
	height: 500px;
}
.loginLogo {
	margin: 0 auto;
	padding-top: 50px;
	padding-left: 40px;
	padding-bottom: 20px;
}

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

/* /////////////////////////
SETTINGS
//////////////////////////*/

#paymentTypes .col1,
#paymentTypes .col2,
#employeePermissions .col1,
#employeePermissions .col2,
.pricingWrapper .col1,
.pricingWrapper .col2,
#companyWrapper .col1 {
	width: 50%;
	float: left;
}

#paymentTypes label {
	font-weight: bold;
	font-size: 16px;
	float: left;
}

.pricingWrapper label {
	font-weight: bold;
	font-size: 16px;
	width: 40%;
	float: left;
}
#employeePermissionsWrapper label,
#companyWrapper label,
#currencyRounding label {
	font-weight: bold;
	font-size: 16px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 35%;
}

#assignPanel .setting label {
	font-weight: bold;
	font-size: 16px;
	width: 50%;
	float: left;
}

#addLabourRowDialog .setting label {
	font-weight: bold;
	font-size: 16px;
	width: 40%;
	float: left;
	margin-bottom: 10px;
}

#addLabourRowDialog .setting select {
	width: 40%;
}

#assign #notes {
	resize: vertical;
}

.settingsPanel {
	background: #ebebeb;
	padding: 30px 20px;
}

.setting {
	margin-bottom: 25px;
}

select {
	width: 15%;
}

#assign select {
	width: 40%;
}

#cancel,
#save {
	display: block;
	float: right;
	width: 150px;
	height: 40px;
	margin-left: 20px;
	margin-top: 10px;
	line-height: 40px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	text-shadow: 0 -1px #333;
	border: 1px solid #183967;
	font-family: Arial, Helvetica, sans-serif;
}

#cancel {
	border-color: #5a5a5a;
}

.pricingWrapper strong {
	display: block;
	font-weight: bold;
	font-size: 16px;
	clear: both;
	margin-bottom: 35px;
}

#tiers label {
	width: 33%;
	display: inline-block;
	float: left;
	margin-bottom: 20px;
}

#tiers input {
	width: 33%;
	display: inline-block;
	float: left;
}
#tiers button {
	margin-top: 15px;
	float: right;
}

.sbHolder {
	min-width: 250px;
	position: relative;
	border: solid 1px #8d8d8d;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
	text-align: left;
	color: #747474;
	outline: none;
	vertical-align: middle;
	background-image: linear-gradient(bottom, #c2c8cc 30%, #ffffff 88%);
	background-image: -o-linear-gradient(bottom, #c2c8cc 30%, #ffffff 88%);
	background-image: -moz-linear-gradient(bottom, #c2c8cc 30%, #ffffff 88%);
	background-image: -webkit-linear-gradient(bottom, #c2c8cc 30%, #ffffff 88%);
	background-image: -ms-linear-gradient(bottom, #c2c8cc 30%, #ffffff 88%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.3, #c2c8cc),
		color-stop(0.88, #ffffff)
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#C2C8CC', endColorstr = '#FFFFFF', GradientType = 0);
	border-radius: 4px;
}

#employeePermissions .sbHolder {
	float: right;
	margin-bottom: 30px;
	top: -5px;
}

#company .sbHolder {
	width: 400px;
	margin-bottom: 30px;
	top: -10px;
}

.checkoutTable .sbHolder {
	width: 90px;
	min-width: 60px;
}

#assign .sbHolder {
	width: 160px;
	margin-bottom: 15px;
}

#pricing .sbHolder {
	top: -15px;
	width: 200px;
}

#pricing .sbHolder,
#pricing .sbToggle,
#pricing .sbSelector {
	height: 40px;
}

.sbSelector {
	display: block;
	height: 26px;
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 140px;
}

.sbSelector:link,
.sbSelector:visited,
.sbSelector:hover {
	color: #747474;
	outline: none;
	text-decoration: none;
}

.sbToggle {
	background: url(../images/select_drop_down.png) no-repeat right center;
	display: block;
	height: 26px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}

.sbToggle:hover {
	background: url(../images/select_drop_down.png) no-repeat right center;
}

.sbToggleOpen {
	background: url(../images/select_drop_down.png) no-repeat right center;
}

.sbToggleOpen:hover {
	background: url(../images/select_drop_down.png) no-repeat right center;
}

.sbHolderDisabled {
	background-color: #3c3c3c;
	border: solid 1px #515151;
}

.sbOptions {
	background-color: #212121;
	border: solid 1px #515151;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 200px;
	z-index: 1;
	overflow-y: auto;
}

.sbOptions li {
	padding: 0 7px;
}

.sbOptions a {
	border-bottom: dotted 1px #515151;
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}

.sbOptions a:link,
.sbOptions a:visited {
	color: #747474;
	text-decoration: none;
}

.sbOptions a:hover {
	color: #747474;
}

.sbOptions li.last a {
	border-bottom: none;
}

.sbOptions .sbDisabled {
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}

.sbOptions .sbGroup {
	border-bottom: dotted 1px #515151;
	color: #ebb52d;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}

.sbOptions .sbSub {
	padding-left: 17px;
}

.warning {
	color: red;
}

#companyWrapper .warning {
	padding: 0;
}

.formContent,
.orderBlock {
	margin: 0 auto;
	width: 80%;
}

.formContent div,
.orderBlock {
	clear: both;
}

.formContent label,
.orderBlock label {
	font-size: 120%;
	font-weight: bold;
	float: left;
	width: 50%;
}

.formContent label .instock {
	font-weight: normal;
	font-size: 90%;
}

.formContent input,
.orderBlock input {
	width: 10%;
	text-align: center;
	float: right;
	margin-bottom: 10px;
}

em {
	font-style: italic;
	font-weight: bold;
	margin: 0 0 0 5px;
	top: 5px;
}
div.iBlockMid + div.iBlockMid {
	margin: 0;
}

.employeeName {
	font-size: 190%;
	margin: 10px 0;
	color: #a6a6a6;
	font-style: italic;
	font-weight: bold;
}

#checkoutPaymentWrapper,
#AdminPayInvoiceWrapper {
	width: 100%;
}

.three_column {
	float: left;
	width: 33%;
}
.three_column h2 {
	margin: 0 0 20px 0;
}
.three_column:nth-child(2) {
	width: 29%;
	padding: 0 2%;
}
.three_column:nth-child(3) {
	width: 34%;
}
.three_column .payment_method_setting {
	border-top: solid 1px #ccc;
	padding: 10px 0;
	margin: 0;
}
.three_column .payment_method_setting:last-child {
	border-bottom: solid 1px #ccc;
}
.three_column .payment_method_setting label {
	font-size: 120%;
	width: 50%;
	margin: 0 0 0 10px;
}

.payment_box {
	width: 94%;
	padding: 2%;
	margin: 0 auto;
	font-size: 130%;
}

.payment_box .half_box:first-child {
	font-weight: bold;
}

.grey_background {
	background: #eee;
}

.blue_background {
	background: #dfe8f0;
}

.half_box {
	width: 50%;
}

.fourty_box {
	width: 40%;
	margin-left: 0;
}

div.left + div.left {
	margin-left: 0;
}

.ten_box {
	width: 10%;
}

.text_right {
	text-align: right;
}

.text_left {
	text-align: left;
}

.text_centre {
	text-align: center;
}

.payment_box .timestamp {
	font-size: 80%;
	font-style: italic;
	font-weight: normal;
	color: #aaa;
}

.dialogLightboxCustom {
	position: fixed;
	left: 50%;
	top: 10%;
	margin-left: -260px;
	border-radius: 10px;
	box-shadow: -9px 12px 15px rgba(50, 50, 50, 0.75);
}

.dialogContentCustom {
	width: 696px;
	min-height: 170px;
	border: 2px solid #204c89;
	border-bottom: 0;
	background-color: #dfe8f0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow: hidden;
}

.dialogContentCustom .innerContent {
	padding: 30px;
}

.dialogContentBottom {
	width: 696px;
	height: 20px;
	border: 2px solid #204c89;
	border-top: 0;
	background-color: #204c89;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	position: relative;
}

.labourRow {
	width: 95%;
	height: 50px;
	padding: 10px 10px 0 10px;
	background: #dae0e6;
	margin-bottom: 5px;
	border: 2px solid #bac9d8;
}

.labourRow > div {
	width: 25%;
	float: left;
}

.labourRow > div:nth-child(4) {
	text-align: center;
}

.labourRow > div div:first-child {
	font-weight: bold;
	margin-bottom: 5px;
}

.transaction_info ul li {
	margin-bottom: 10px;
	font-size: 110%;
}

.printButtons li {
	padding: 5px 20px;
	width: 80%;
	border-radius: 5px;
	margin: 5px 0 0 0;
}

.printButtons li:last-child {
	margin-bottom: 10px;
}

.printButtons li a {
	color: #fff;
	text-shadow: 0 -1px #183967;
	font-weight: bold;
	line-height: 40px;
	font-size: 110%;
	display: block;
}

#takingsTable thead tr th:first-child {
	width: 90%;
}

#takingsTable thead tr th:last-child {
	width: 10%;
}

#takingsTable tbody tr td {
	padding: 5px 10px;
}

#takingsTable tfoot {
	font-weight: bold;
}

#takingsTable tfoot tr {
	background: #dae6f1;
}

#invoiceTable tbody tr {
	height: 60px;
}

#invoiceTable tbody tr td:last-child {
	width: 10%;
}

.actionButton {
	display: inline-block;
	padding: 0 15px;
	border-radius: 5px;
	font-size: 15px;
	font-weight: bold;
	float: left;
	margin: 0 5px;
}

.actionButton.green {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
	background: -moz-linear-gradient(center top, #77d42a 5%, #5cb811 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color: #77d42a;
	border: 1px solid #268a16;
	color: #fff;
	box-shadow: inset 0px 1px 0px 0px #caefab;
}

.actionButton.blue {
	box-shadow: inset 0px 1px 0px 0px #cae3fc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee));
	background: -moz-linear-gradient(center top, #79bbff 5%, #4197ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color: #79bbff;
	border: 1px solid #469df5;
	text-shadow: 1px 1px 0px #287ace;
	color: #fff;
}

.actionButton.print {
	box-shadow: inset 0px 1px 0px 0px #ccc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc), color-stop(1, #aaa));
	background: -moz-linear-gradient(center top, #ccc 5%, #aaa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#aaa');
	background-color: #ccc;
	border: 1px solid #aaa;
	text-shadow: 1px 1px 0px #287ace;
	color: #fff;
	padding: 0;
}

.actionButton.print div {
	background: url(../images/printer.png) no-repeat 5px 5px;
	padding: 0 15px;
	height: 33px;
	width: 8px;
}

#setupWizardContainer {
	margin: 30px 0;
}

.setup_column {
	width: 50%;
	margin: 0 auto;
	display: inline-block;
}

.setup_column div:first-child {
	font-size: 110%;
	font-weight: bold;
}

#setupWizardContainer #setupWelcome,
#setupWizardContainer #setupStepOne {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#setupWizardContainer div div {
	margin: 20px 0;
}

.setup_information_text {
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 1px;
	color: #a6a6a6;
}

#setupWizardContainer li {
	width: 100%;
	height: 40px;
	display: block;
	margin: 0 auto;
}

#setupWizardContainer li a {
	font-size: 16px;
	font-weight: bold;
	width: 180px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	display: block;
	text-shadow: 0 -1px #666;
	margin: 0 auto;
}

#setupFinished grid_2 {
	text-align: center;
}

#setupFinished ul {
	margin: 0 0 20px 0;
}

.setup_information_text.small_information {
	font-size: 90%;
	font-weight: normal;
	font-style: normal;
}

/* Login */
.loginLogo {
	height: 55px;
	background: url(../images/logo.png) no-repeat;
}

.loginLogo img {
	display: none;
}

.iBlockMid {
	margin-right: 50px;
}

.innerBox .footer {
	padding: 20px;
}

#loginPage {
	font-size: 12px;
}

#loginPage p {
	margin: 10px 0;
}

#loginPage .innerBox .btnLogin {
	margin-top: 35px;
}