/**
 * Main Style Sheet
 *
 * @author		Jordan Marinov <jordan.marinov@farheap.com>
 * @author		Geoffrey Blair <geoff.blair@farheap.com>
 */

/* Generic Element Styles */
html, body {
    font-family:arial, verdana, helvetica;
    font-size:16px;
    margin:0;
    padding:0;
    border:0;
    color:#fff;
    background-color:#000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:default;
}

td {
	font-size:18px;
}

body input, body textarea {
	font-family:arial, verdana, helvetica;
	font-size:20px;
	color:#fff;
	border:1px solid #C3B36D;
	background-color:#1A1A17;
	padding:5px;
}

a {
	font-weight:bold;
	color:#fff;
}

a:link {
	text-decoration:none;
}

a:visited {
	text-decoration:none;
}

a:active {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#AAC;
}

/* Specific Element ID Styles */
#touchscreen_frame {
	width:1024px;
	height:768px;
	background-color:#000;
}

#header {
	padding:5px;
	height:60px;
	position:relative;
}

#station {
	background-color:#1E5191;
	text-transform:uppercase;
	font-style:italic;
	color:#fff;
	padding:5px;
	margin-bottom:10px;
	display:table;
	width:1004px;
}

#body {
	clear:both;
	padding:5px;
}

/* Style Classes */
.clear {
	clear:both;
	height:0;
	line-height:0;
}

.header_field {
	font-weight:bold;
	font-size:1.25em;
	color:#ccc;
}

.header_value {
	font-size:1em;
	font-style:italic;
}

.hidden {
	display:none;
}

.largeText {
	font-size: 28px;
}

.logoutBig {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 34px;
}

.corpTableHead {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #333366;
}

.title {
	font-size: 36px;
	color: #C3B36D;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.titleTagLine {
	font-size: 14px;
	color: #C3B36D;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
}

.nav {
	font-size: 18px;
}

.nav2 {
	font-size: 18px;
}

.row_header {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #C3B36D;
	color: #000;
	text-align: left;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	border-left:dashed #000 1px;
}

.row_data {
	font-size: 26px;
	background-color: #1A1A17;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	font-weight: bold;
	vertical-align:top;
	border-left:dashed #555 1px;
}

.label {
	font-size: 20px;
	font-style: italic;
	text-align: right;
	text-transform: uppercase;
}

/*
 * Special for Mailing Services station, because controls don't fit on page
 * Due to PRFT-4067 - Allow mailing station to ship order items without collecting all product boxes for the item
 */
.small_label {
	font-size: 12px;
	font-style: italic;
	text-align: right;
	text-transform: uppercase;
}

.value {
	font-size: 26px;
	font-weight: bold;
	padding: 4px;
	background-color: #252516;
}

/*
 * Special for Mailing Services station, because controls don't fit on page
 * Due to PRFT-4067 - Allow mailing station to ship order items without collecting all product boxes for the item
 */
.small_value {
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
	background-color: #252516;
}

.header1 {
	font-size: 32px;
	font-weight: bold;
}

.error_msg {
	color: #EC5A1A;
	border: 2px solid #EC5A1A;
	padding: 10px;
	background-color: #4D1F0B;
}

.warning {
    color: orange;
    padding: 10px;
}

.formT, .formBC {
	font-family: arial, verdana, helvetica;
	font-size: 12px;
	color: #fff;
	border: 1px solid #C3B36D;
	background-color: #1A1A17;
	padding: 1px;
}

.regularTable {
	font-family: arial, verdana, helvetica;
	font-size: 12px;
	color: #fff;
	padding: 2px;
}

.regularTableOffset {
	font-family: arial, verdana, helvetica;
	font-size: 12px;
	background-color: #666;
	color: #fff;
	padding: 2px;
}

.keyboard {
	visibility: hidden;
	position: absolute;
	top:350px;
}

.key_default_left { width: 12px; height: 64px; background: transparent url("../images/key_default_left.png") 0 0 no-repeat; text-align: center;  }
.key_default_right { width: 12px; height: 64px; background: transparent url("../images/key_default_right.png") 0 0 no-repeat; text-align: center; }
.key_default_middle { height: 64px; background: transparent url("../images/key_default_middle.png") 0 0 repeat-x; text-align: center; font-size: 28px; font-weight: bold; vertical-align: middle; color: #000; }

.key_green_left { width: 12px; height: 64px; background: transparent url("../images/key_green_left.png") 0 0 no-repeat; text-align: center;  }
.key_green_right { width: 12px; height: 64px; background: transparent url("../images/key_green_right.png") 0 0 no-repeat; text-align: center; }
.key_green_middle { height: 64px; background: transparent url("../images/key_green_middle.png") 0 0 repeat-x; text-align: center; font-size: 28px; font-weight: bold; vertical-align: middle; color: #000; }

.key_red_left { width: 12px; height: 64px; background: transparent url("../images/key_red_left.png") 0 0 no-repeat; text-align: center;  }
.key_red_right { width: 12px; height: 64px; background: transparent url("../images/key_red_right.png") 0 0 no-repeat; text-align: center; }
.key_red_middle { height: 64px; background: transparent url("../images/key_red_middle.png") 0 0 repeat-x; text-align: center; font-size: 28px; font-weight: bold; vertical-align: middle; color: #000; }

.k { width: 64px; height: 64px; background: transparent url("../images/key.png") 0 0 no-repeat; text-align: center; font-size: 34px; font-weight: bold; vertical-align: middle; color: #000; }
.k_space { width: 448px; height: 64px; background: transparent url("../images/key_space.png") 0 0 no-repeat; text-align: center; font-size: 34px; font-weight: bold; vertical-align: middle; }
.k_enter { width: 192px; height: 64px; background: transparent url("../images/key_enter.png") 0 0 no-repeat; text-align: center; font-size: 34px; font-weight: bold; vertical-align: middle; color: #000; font-size: 26px; font-style: italic; }

.k_gen { width: 64px; height: 64px; background: transparent url("../images/spacer.gif") 0 0 no-repeat; text-align: center; vertical-align: middle; }

.formL {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}

.formLR { }

.formT {
	font-family: arial, verdana, helvetica;
	font-size: 20px;
	color: #fff;
	border: 2px solid #C3B36D;
	background-color: #2e2605;
	padding: 5px;
}

.formCB {
	text-transform: uppercase;
	font-family: verdana, arial, helvetica;
	font-weight: bold;
	font-size: 11px;
	color: #666;
}

.formB { }

.formBC { }

.formError {
	color: #c00;
}

/* DataGrid styles */
.datagrid {
	margin: 2.5px;
	border:solid 2px #ac9b5e;
    -moz-border-radius:10px;
    border-radius:10px;
	overflow-x: visible;
    height: 572px;
    position: relative;
}

.datagrid table {
	width:100%;
	border:solid 1px #000;
	border-collapse:collapse;
}

.datagrid h2 {
	margin:0;
	font-size:28px;
	font-weight:bold;
	display:block;
	text-align:center;
	text-transform:uppercase;
	background-color:#5D522B;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    border-radius:8px 8px 0 0;
}

.datagrid .subtext {
	font-style:italic;
	font-size:16px;
	color:orange;
	margin-left: 1px;
}

.datagrid div {
	_border-top:solid 1px #C3B36D;
	padding: 0 0.2em;
	_background-color:#5D522B;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    border-radius:8px 8px 0 0;
}

.datagrid tr {
    border-bottom: 1px solid #5D522B;
    background: #1A1A17 none;
}

.datagrid th {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #C3B36D;
	color: #000;
	text-align: left;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	border-left:dashed #000 1px;
}

.datagrid td {
	font-size: 24px;
	padding: 3px 0;
	font-weight: bold;
	vertical-align:top;
	border-left:dashed #555 1px;
}

.datagrid td.preference_title {
    vertical-align:middle;
}

.datagrid td.preference_entry {
    font-size: 30px;
}

.datagrid td.rush, .datagrid tr.rush {
    background-color: #411 !important;
}
.datagrid td.mail, .datagrid tr.mail {
	background-color: #1a2b47 !important;
}
.datagrid td.pickup, .datagrid tr.pickup {
	background-color: #56123c !important;
}
.datagrid td.disabled, .datagrid tr.disabled {
    background-color: #444 !important;
}

.datagrid td.progress {
    background-color: #141;
}

.datagrid td.dimm, .datagrid tr.dimm {
	background-color: #253025;
}

.datagrid div.paginator {
    position:absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.datagrid-small {
    width: 600px;
    height: auto;
}

.multipage th {
    padding: 10px;
}

.multipage .checked {
    background-color: #404040;
}

.multipage .image-auto-qc {
    max-width: 500px;
    max-height: 150px;
}

.multipage tr {
    cursor: pointer;
}

div.h_bar {
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}

div.h_bar_display {
	background-color:#1E5191;
	height:10px;
	width:1010px;
	margin:auto;
}

div.success {
	font-weight:bold;
	font-size:2em;
	background-color:#9f9;
	color:#060;
	border:solid 2px #060;
	padding:4px;
	margin:10px;
	text-align:center;
}

div.error {
	font-weight:bold;
	font-size:2em;
	background-color:pink;
	color:red;
	border:solid 2px #f00;
	padding:4px;
	margin:10px;
	text-align:center;
}


div.scanner_frame {
	width:100%;
	text-align:center;
}

span.scanner_info {
	font-size:5em;
	font-weight:bold;
}

span.scanner_action {
	font-size:2em;
	font-weight:bold;
	color:#6f3;
}

div.box {
	width:100%;
	height:645px;
	display:table;
}

div.box_cell {
	display:table-cell;
	margin:auto;
	text-align:center;
	vertical-align:middle;
	width:50%;
}

span.count_text {
	font-size:2em;
	color:#ff9;
	font-style:italic;
}

span.count_num {
	font-size:7em;
	font-weight:bold;
}

span.station_field {
	font-weight:bold;
}

#preview_border {
	display:block;
	border:solid 2px #C3B36D;
	background-color:#1A1A17;
	padding:4px;
}

#preview_frame {
	width:100%;
	height:100%;
	overflow:hidden;
	cursor:move;
}

#preview_container {
	top:0;
	left:0;
	position:relative;
	overflow:hidden;
	background-color:#fff;
}

img.preview_item {
	position:absolute;
}

/* Newer, more semantic buttons. Hooray! */
#touchscreen_frame button, #touchscreen_frame a {
	margin:4px;
	padding:10px;
	border:solid 2px #fff;
	font-family:arial;
	font-size:26px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	color:#000;
	background-color:#aaa;
	border-color:#ddd;
	vertical-align:middle;
	-moz-user-select:none;
	-moz-opacity:0.99;
    -moz-border-radius:10px;
    border-radius:10px;
    display: inline-block;
}
#touchscreen_frame button:active, #touchscreen_frame a:active {background-color:#666;color:#fff;}
#touchscreen_frame a:hover {text-decoration: none}

/* New button sub styles */
#touchscreen_frame button.image {padding:0;border:none;background-color:transparent;}
#touchscreen_frame button.image:active {-moz-opacity:0.5;}
#touchscreen_frame button.small, #touchscreen_frame a.small {font-size:24px;padding:6px;-moz-border-radius:8px;border-radius:8px;}

/* New button colors */
#touchscreen_frame button.grey {background-color:#888888;border-color:#BBBBBB;}
#touchscreen_frame button.grey:active {background-color:#8A8A8A;}
#touchscreen_frame button.green, #touchscreen_frame a.green {background-color:#508d52;border-color:#88ce8b;}
#touchscreen_frame button.green:active, #touchscreen_frame a.green:active {background-color:#1a311b;}
#touchscreen_frame button.tan {background-color:#ac9b5e;border-color:#dbce8c;}
#touchscreen_frame button.tan:active {background-color:#37311e;}
#touchscreen_frame a.tan {background-color:#ac9b5e;border-color:#dbce8c;}
#touchscreen_frame a.tan:active {background-color:#37311e;}
#touchscreen_frame button.red, #touchscreen_frame a.red {background-color:#80281f;border-color:#c94c3d;}
#touchscreen_frame button.red:active, #touchscreen_frame a.red:active {background-color:#4c1913;}
#touchscreen_frame button.blue, #touchscreen_frame a.blue {background-color:#2463cb;border-color:#5997fd;}
#touchscreen_frame button.blue:active {background-color:#083b8e;}
#touchscreen_frame button.darkgreengrey, #touchscreen_frame a.darkgreengrey {background-color:#253025;border-color:#405540;}
#touchscreen_frame button.darkgreengrey:active, #touchscreen_frame a.darkgreengrey:active {background-color:#456045;}

/* New style for disabled buttons */
#touchscreen_frame button.disabled, #touchscreen_frame a.disabled {
    opacity: 0.5;
}

/* Old, crappy Generic Button Class */
span.touch_button {
	display:block;
	width:200px;
	margin:4px;
	padding:10px;
	border:solid 2px #fff;
	font-family:arial;
	font-size:26px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	color:#000;
	-moz-user-select:none;
	-moz-opacity:0.99;
    -moz-border-radius:10px;
    border-radius:10px;
	background-color:#508d52;
	border-color:#88ce8b;
}
span.touch_button:active {color:#fff;}

.error-type {
    background-color: #2463cb;
    border: 2px solid #fff;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 460px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.error-type:active { color:#fff; }

/* Specific Colored Button Classes */
span.grey {background-color:#888888;border-color:#BBBBBB;}
span.grey:active {background-color:#8A8A8A;}

span.green {background-color:#508d52;border-color:#88ce8b;}
span.green:active {background-color:#1a311b;}

span.tan {background-color:#ac9b5e;border-color:#dbce8c;}
span.tan:active {background-color:#37311e;}

span.red {background-color:#80281f;border-color:#c94c3d;}
span.red:active {background-color:#4c1913;}

span.blue {background-color:#2463cb;border-color:#5997fd;}
span.blue:active {background-color:#083b8e;}

div.two_column {
	display:table;
	width:100%;
}

div.two_column_cell {
	display:table-cell;
	vertical-align:top;
}

div.timer {
	padding:1em;
	background-color:#1E5191;
	border:solid 2px #00f;
	margin:10px;
}

div.timer div {
	text-align:center;
}

div.timer span {
	font-size:1.5em;
	padding:2px;
}

div.timer span.bold {
	font-weight:bold;
	font-style:italic;
	text-transform:uppercase;
}

#progressbar {
	background-color:#900;
	border:solid 2px #000;
	padding:1em;
	text-align:center;
	margin:10px;
}

#progressbar h1 {
	font-size:2em;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
}

div.table {
	display:table;
}

div.cell {
	display:table-cell;
	vertical-align:top;
}

#pwr_button {
	width:48;
	height:48;
	background:transparent url('../images/key_pwr.png') 0 0 no-repeat;
	color: #000;
	float:right;
	margin-top:10px;
	margin-right:5px;
	cursor:pointer;
}

/* File Preview */
.file_preview {
	position:relative;
	border:solid 3px #000;
	-moz-outline:solid 2px #C3B36D;
	-moz-outline-radius:6px;
	overflow:hidden;
	margin:5px;
}

.file_preview div {
	overflow:scroll;
	position:absolute;
}

.file_preview canvas {
	cursor:move;
	border:dashed 1px #00f;
}

.file_preview_toolbar {
	list-style-type:none;
	margin:0;
	padding:0;
}

.file_preview_toolbar li {
	list-style-type:none;
	float:left;
}

label, input {
	vertical-align:middle;
}

label {
	margin-right:6px;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}

img.kbd {
	vertical-align:middle;
}

.extra {
	margin-left:1em;
	margin-right:1em;
}

#intl_edit {
    overflow:hidden;
}

#intl_note {
    text-align: center;
    color: gray;
}

#intl_info {
    float:left;
}

#intl_items {
    float:right;
}
#clientVersion {
    position: absolute;
    font-size: small;
    color: #ccc;
    bottom:0%;
    left: 0.5%;
}
#ProFITVersion {
    position: absolute;
    font-size: small;
    color: #ccc;
    bottom:0%;
    right: 0.5%;
}
.profit-client-pdf-label{
     display: none;
}
.profit-client-print-label{
     display: none;
}
.profit-client-print-label-error{
     display: block;
     color: red;
}

span.cutter_envelope_type {
	color: #C3B36D;
}

/* Due to PRFT-3287 (New modico stamps) */
span.cutter_stamp_type {
    color: #C3B36D;
}

/* Due to PRFT-3589 - Non-Branded boxes support */
div.cutter_branded_box {
    color: #00FFFF;
}

div.cutter_non_branded_box {
    color: gray;
}

.login_form {
    margin: 0 auto;
    width: 370px;
}

.right {
	float:right;
}

.button-settings {
	width: 30px;
	height: 30px;
	background-image: url("../../bundles/opensoftprofit/images/settings.png");
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center;
}

.header-left-block {
	width: 280px;
	float: left;
}

.header-center-block {
	width: 420px;
	float: left;
	text-align: right;
}

.header-right-block {
	float: right;
}

.header-right-block__element {
	float: left;
	text-align: right;
	padding: 0 0 0 5px;
}

.manual-scanner input {
	width: 250px;
}