* {
    -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
    -webkit-user-select: text; /* prevent copy paste, to allow, change 'none' to 'text' */
}
body {
    width:1024px;
    height:748px;
    margin:0 auto;
	font-family:Tahoma, Geneva, sans-serif;
	color:#333;
	font-size:14px;
}
.page-header-internal h1 {
    font-size:14px;
    padding:13px 0 0 20px;
    margin:0;
    float:left;
    width:auto;
	border: none;
    height: 24px;
    overflow: hidden;
    text-align: left;
    display: inline;
}
h2,
th {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#555;
}
h2 {
	padding:10px 0 10px 10px;
}
.clear {
	clear:both;
}

/*====================================================
				LOGIN AND COMPANY PAGE
====================================================*/

.sign-in {
	width:100%;
	height:40px;
	background:url(../images/submit-button.jpg);
	display:block;
	border-radius:5px;
	color:#fff;
	line-height:40px;
	text-align:center;
	cursor:pointer;
	margin-top:14px;
    border:none;
	font-size:14px;
}
.forgot-password {
	color:#666;
	float:right;
	margin:20px 1px 15px 0;
	font-size:12px;
	text-decoration:none;
}
.version {
	position:absolute;
	bottom:15px;
	font-size:12px;
	color:#666;
}
.login-loading {
	height:55%;
	text-align:center;
}
.login-loading p {
	margin:0 0 8px -5px;
}
#login-error {
    clear:both;
    padding:5px 8px;
    border-radius:10px;
    background:#ffd0d0;
    border:1px solid #cd9698;
    margin-top:15px;
    display:none;
}
.logo-header {
	background:url(../images/background-sign-in.png) repeat-x top;
}
.logo-header .logo {
	display:block;
	width:334px;
	height:115px;
	margin:0 auto;
}
.sign-in-wrapper {
	width:400px;
	margin:0 auto;
	padding-top:20px;
}
.companies-wrapper {
	width:400px;
	margin:0 auto;
	padding-top:20px;
}
#Companies {
	list-style:none;
	padding-top:15px;
}
#Companies a {
	display:block;
	line-height:44px;
	height:44px;
	width:388px;
	background:url(../images/button-company.jpg);
	color:#fff;
	padding:0 0 0 18px;
	border-radius:5px;
	cursor:pointer;
	margin-bottom:10px;
	text-decoration:none;
}

/*====================================================
					JQUERY DIALOG 
====================================================*/

#ipad .ui-widget-header {
	background:url(../images/background-dialog-header.png) repeat-x left center #274968;
	border:none;
}
#ipad .ui-widget-header span {
	font-weight:normal;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
}
#ipad .ui-widget-header .ui-icon-closethick {
	background:url(../images/close-icon-dialog.png) top;
	width:12px;
	height:12px;
}
#ipad .ui-widget-header .ui-icon-closethick:hover {
	background-position:bottom;
}
#ipad .ui-widget-header .ui-dialog-titlebar-close {
	background:none;
	border:none;
	padding:1px;
	margin-top:-7px;
}
#ipad .ui-widget {
	font-size:12px;
}
.modal-window {
	padding:10px 8px;
}
.modal-window label {
	margin-bottom:8px;
}
.modal-window textarea {
	width:400px;
	height:100px;
	padding:5px;
}
.modal-window .submit {
	text-align:right;
	margin-top:15px;
	padding-bottom:4px;
}
.modal-window .submit a {
	color:#fff;
	background:url(../images/submit-button.jpg) repeat-x left center;
	padding:6px 10px;
	border-radius:5px;
	cursor:pointer;
}
.modal-window .field-wrapper {
//	display:block;
//	margin: 0;
//    min-height: 56px;
//    padding: 5px 0;
//    vertical-align: top;
//    width: 242px;
}

/*====================================================
					INFO TAB
====================================================*/

.info-tab .consignor-wrapper,
.info-tab .creditor-wrapper,
.info-tab .buyer-wrapper {
	width:30%;
	float:left;
	padding:0;
	position:relative;
}
.info-tab .consignor-wrapper,
.info-tab .creditor-wrapper {
	margin-right:5%;
}
.info-tab .consignor-wrapper .edit-icon,
.info-tab .creditor-wrapper .edit-icon,
.info-tab .buyer-wrapper .edit-icon {
	position:absolute;
	top:23px;
	right:0;
}
.info-tab .consignor-wrapper ul,
.info-tab .creditor-wrapper ul,
.info-tab .buyer-wrapper ul {
	font-size:12px;
	list-style:none;
}

.ui-dialog .save-button,
.ui-dialog .cancel-button,
.ui-dialog .default-button {
	background:url(../images/button-default.jpg);
	border-radius:5px;
	color:#fff;
	line-height:40px;
	font-size:14px;
	text-align:center;
	cursor:pointer;
	padding:10px 20px;
    border:none;
	text-decoration:none;
	margin-right:10px;
}
.ui-dialog .save-button {
	background:url(../images/submit-button.jpg);
}
.ui-dialog .cancel-button {
	background:url(../images/submit-button-red.jpg);
}

/*====================================================
					STATUS TAB
====================================================*/

.status-tab .status-wrapper {
	background:#444444;
	border-radius: 5px;
	padding: 25px;
	text-align: center;
	width:300px;
	margin:40px auto;
}
.status-tab .status-wrapper a {
	background:url(../images/button-add.jpg) right center;
	display: block;
	margin-bottom: 15px;
	min-width: 120px;
	padding: 9px 25px;
	text-align: center;
	line-height:20px;
	border-radius:5px;
	color:#fff;
	cursor:pointer;
}
.status-tab .status-wrapper a.advanced {
	background:url(../images/button-edit.jpg) right top;
}
.status-tab .status-wrapper a.cancel {
	background:url(../images/button-select.jpg) left top;
	color:#444;
	margin-bottom:0;
}


/*====================================================
					PHOTOS TAB
====================================================*/

#Gallery {
	list-style:none;
}

/*====================================================
					UI ICONS
====================================================*/

.edit-icon,
.select-icon,
.edit-icon-photo,
.view-icon {
	display:block;
	width:32px;
	height:32px;
	background:url(../images/button-icon-edit.jpg) center no-repeat;
	text-indent:-5000px;
	border:1px solid #ccc;
	border-radius:5px;
    cursor:pointer;
}

.edit-icon:focus,
.select-icon:focus,
.edit-icon-photo:focus,
.view-icon:focus 
{
    background-color:Blue;
    border:1px solid Blue;
}

.edit-icon-photo {
	background:url(../images/button-icon-camera.png) center no-repeat;
    position:relative;
    /*text-indent:0px;*/
}

.photos-count {
    text-indent:0px;
    position: absolute;
    top: -3px;
    right: -6px;
    background-color: #274968;
    color: #fff;
    text-align: center;
    padding: 2px;
    line-height:10px;
    border: 1px solid #ccc;
    border-radius: 50%;
}

.view-icon {
    background:url(../images/button-icon-view.jpg) center no-repeat;
}
.select-icon {
	background:url(../images/button-icon-select.jpg) center no-repeat;
}
.select-icon:focus
{ background-color:Blue;
}
.listings-table .edit-icon,
.listings-table .select-icon {
	float:left;
}
.listings-table a + a {
	margin-left:6px;
}


/*====================================================
					QUEUES PAGE
====================================================*/

.slide-menu-left {
	width:265px;
	height:748px;
	background:url(../images/background-slide-menu.jpg) repeat-y right #fff;
	float:left;
	position:relative;
	overflow:hidden;
    -webkit-overflow-scrolling: touch;
}
.slide-menu-left .queues-list,
.slide-menu-left .view-search-list {
    padding-right:1px;
    height: 653px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.slide-menu-left .footer-left {
	height:44px;
}

#ipad #queueList,
#ipad #queueList ul,
#ipad #queueList li {
	width:auto;
	list-style:none;
}
.slide-menu-right {
	height:100%;
	float:right;
	width:759px;
	height:748px;
	overflow:auto;
    -webkit-overflow-scrolling: touch;
	position:relative;
	background:none;
}
#ipad .listings-table {
	width:100%;
	border-collapse:collapse;
}
#ipad .listings-table th,
#ipad .listings-table td {
	background:#fff;
	border:1px solid #eee;
	border-left:none;
	border-top:none;
	padding:6px;
	text-align:left;
}
#ipad .listings-table td + td {
	padding-left:8px;
	padding-right:8px;
}
#ipad .listings-table th {
	padding:10px 8px;
	background:#F3FAFF;
}

#ipad .page-header-internal {
	position:static;
}
#ipad #search-wrapper {
    height:42px;
	padding:9px 0 0 8px;
    background:url(../images/header-background.jpg);
	overflow:hidden;
	width:257px;
}
#search-wrapper input::-webkit-input-placeholder {
	color:#999;
}
.search-menu {
	position:absolute;
	width:241px;
	border:1px solid #ccc;
	border-top:1px solid #efefef;
	border-radius:0 0 5px 5px;
	margin-top:32px;
	margin-left:3px;
	background:#fff;
	text-align:left;
	padding:8px 0 10px;
	z-index:5;
	display:none;
}
.search-menu ul {
	font-size:12px;
}
.search-menu ul li {
	background:#fff;
	padding:6px 10px 6px 14px;
	list-style:none;
	list-style-position:inside;
	color:#666;
	cursor:pointer;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
}
.search-menu ul li + li {
	border-top:none;
}
.search-menu ul li:hover {
	background:#f6f6f6;
}
.search-menu ul li.active {
	background:#f1f6fc;
}
/*====================================================
					FIELD WRAPPER
====================================================*/

#InfoTab .info-tab input {
	border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    color: #000;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 7px;
    width: 120px;
}
#InfoTab .info-tab select {
    font-size:13px;
	width:136px;
}
/*====================================================
					TABS
====================================================*/

#ipad .notes-tab,
#ipad .files-tab,
#ipad .camera-tab,
#ipad .account-tab,
#ipad .history-tab,
#ipad .info-tab,
#ipad .status-tab {
	display:none;
	width:100%;
	height:100%;
	overflow:auto;
    -webkit-overflow-scrolling: touch;
	min-height:0;
	padding:0;
	background:#333;
}
#ipad .info-tab {
	background:#fff;
	display:block;
}
#ipad .notes-tab div,
#ipad .files-tab div,
#ipad .camera-tab div,
#ipad .account-tab div,
#ipad .history-tab div {
	height:auto;
	background:#fff;
}
.info-tab div {
	background:#fff;
}

#ipad .notes-tab div + div,
#ipad .camera-tab div + div,
#ipad .files-tab div + div,
#ipad .account-tab div + div {
    position:absolute;
}
#ipad #fileList {
	height:653px;
	overflow:auto;
    -webkit-overflow-scrolling: touch;
}

/*====================================================
					FOOTER
====================================================*/

#ipad .slide-menu-left .footer-left {
	background:url(../images/background-footer.jpg) right top;
}
#ipad .slide-menu-left .footer-left li {
	background:url(../images/background-footer.jpg) right top;
}
#ipad .slide-menu-left .footer-left li + li {
	float:right;
	background-position:2px 0;
}
#ipad .slide-menu-left .footer-left li:hover,
#ipad .slide-menu-left .footer-left li.active
{
	background:url(../images/background-footer.jpg) right -44px;
}
#ipad .slide-menu-left .footer-left li + li:hover,
#ipad .slide-menu-left .footer-left li + li.active {
	background-position: 2px -44px;
}
#ipad .footer,
#ipad .footer-left {
	background-position:0 -88px;
}
#ipad .footer a,
#ipad .footer-left a {
    width:100%;
}
#ipad .footer ul,
#ipad .footer-left ul {
	width:100%;
}
#ipad .footer ul li,
#ipad .footer-left ul li {
	width:20%;
}

/*====================================================
					SEARCH
====================================================*/

#search-wrapper input {
	width:264px;
	border:1px solid #ccc;
}

/*====================================================
					SAVE/ERROR DIALOG
====================================================*/

#saving-modal {
	width:100%;
	height:100%;
	background:#fff;
	position:fixed;
	z-index:15;
	top:0;
	left:0;
	display:none;
}

#ErrorMessage p {
	background:url(../images/error-background.png) no-repeat top left;
	line-height:18px;
	display:inline-block;
	font-size:14px;
	padding:26px 26px 26px 26px;
	margin-top:25px;
}

#SaveDialog p, #EquipmentDescriptionDialog p {
	background:url(../images/saved-background.png) no-repeat top left;
	line-height:18px;
	display:inline-block;
	font-size:14px;
	padding:4px 0 5px 32px;
	margin-top:25px;
}

/*========================================================================================================
											MOBILE STYLES
========================================================================================================*/

* {
	margin:0;
	padding:0;
}
html {
	width:100%;
	height:100%;
}
.page-header {
	width:100%;
	height:66px;
	background:url(../images/header-background-logo.jpg);
}
.page-header-internal {
    width:100%;
    height:51px;
    background:url(../images/header-background.jpg);
    position:fixed;
	z-index:300;
    top:0;
}
.page-header-internal .title {
    width:192px;
    height:51px;
    line-height:51px;
    background:url(../images/header-background-title.jpg);
    float:left;
    padding:0 15px;
    font-size:14px;
}
h1 {
	font-size:18px;
	font-weight:normal;
	font-family:Tahoma, Geneva, sans-serif;
	color:#274968;
	border-bottom:1px dotted #ccc;
	width:100%;
	padding:25px 0 5px 0;
	margin-bottom:16px;
}
h1.no-border {
    border:none;
    padding:25px 0 0 10px;
    width:auto;
}
h1.internal {
    border-bottom:1px solid #eee;
    padding:15px 0 15px 10px;
    margin:0;
    width:auto;
}
h1.no-border {
	border:none;
}
h2 {
    font-weight:bold;
    font-size:12px;
    background:#f3faff;
    color:#666;
    padding:15px 0 15px 10px;
    margin:0;
}

/*====================================================
					BUTTONS
====================================================*/

/* .back-button {
	height:27px;
	background:url(../images/button-background.jpg);
	display:block;
	width:110px;
	border-radius:5px;
	color:#446;
	line-height:26px;
	text-align:center;
	cursor:pointer;
	margin-top:14px;
	text-decoration:none;
}*/
.header-button {
    display:block;
    height:46px;
    width:40px;
    text-indent:-5000px;
    cursor:pointer;
}
.edit-button {
	display:none;
}
.button-add-new {
    background:url(../images/button-add-new.png);
    margin:2px 2px 0 0;
    float:right;
}
.button-misc {
    background:url(../images/button-misc.png);
    margin:2px 2px 0 0;
    float:right;
}
.button-search {
    background:url(../images/button-search.png);
    margin:10px 10px 10px 138px;
    float:left;
}
.button-back {
    background:url(../images/button-back.png);
    margin:2px 1px 0 2px;
    float:left;
}
.ipad-button-save {
    background:url(../images/button-save.png);
    margin:2px 2px 0 0;
    float:right;
	border:none;
}
.button-options {
    background:url(../images/button-options.png);
    margin:2px 1px 0 2px;
    float:left;
}
.button-share {
    background:url(../images/button-share.png);
    margin:2px 2px 0 0;
    float:right;
	border:none;
}
.button-copy {
    background:url(../images/button-copy.png);
    margin:2px 2px 0 0;
    float:right;
	border:none;
}
.button-duplicate {
    background:url(../images/button-duplicate.png);
    margin:2px 2px 0 0;
    float:right;
	border:none;
	display:none;
}
.button-edit-multiple {
    background:url(../images/button-edit-multiple.png);
    margin:2px 2px 0 0;
    float:right;
	border:none;
}
.button-edit-like-multiple {
    background:url(../images/button-edit-like-multiple.png);
    margin:2px 2px 0 0;
    float:right;
	border:none;
}
.button-status-multiple {
    background:url(../images/button-status-multiple.png);
    margin:2px 2px 0 0;
    float:right;
	border:none;
}
.button-delete-multiple {
    background:url(../images/button-delete-multiple.png);
    margin:2px 2px 0 0;
    float:right;
	border:none;
}

.button-select-all {
    background:url(../images/button-select-all.png);
    margin:2px 2px 0 0;
    float:right;
	border:none;
}

.button-deselect-all {
    background:url(../images/button-deselect-all.png);
    margin:2px 2px 0 0;
    float:right;
	border:none;
	display:none;
}

.ipad-button-print {
    background:url(../images/button-print.png);
    margin:2px 2px 0 0;
    float:right;
	border:none;
}
.ipad-button-print-change-card {
    background:url(../images/button-cards.png);
    margin:2px 2px 0 0;
    float:left;
	border:none;
}
.button-side-menu {
    background:url(../images/button-side-menu.png);
    margin:2px 1px 0 2px;
    float:left;
}
.button-trash {
    background:url(../images/button-trash.png);
    margin:2px 2px 0 0;
    float:right;
}
.button-account {
    background:url(../images/button-account.png);
    margin:2px 2px 0 0;
    float:right;
}
.button-refresh {
    background:url(../images/button-refresh.png);
    margin:2px 1px 0 2px;
    float:left;
}
.button-views-search {
    background:url(../images/button-views-search.png);
    margin:2px 2px 0 0;
    float:left;
	border:none;
	display:block;
}

/*====================================================
                    SEARCH FIELD
====================================================*/

#search-wrapper input {
    width:185px;
    height:31px;
    padding:0 46px 0 10px;
    border:1px solid #ccc;
    font-size:12px;
    float:left;
    margin:0 0 10px 3px;
    color:#ccc;
	border-radius:5px;
}
#search-wrapper input:focus {
    color:#666;
}
#search-wrapper .search-options {
	display:block;
    height:11px;
	width:20px;
	text-indent:-5000px;
	position:absolute;
	margin:1px 0 0 208px;
	background:url(../images/button-search.png) center no-repeat;
	cursor:pointer;
	padding:10px;
}
/*====================================================
					ADVANCED SEARCH FIELDS
====================================================*/
#AdvSearch {
	position:relative;
}
#AdvSearch .wrapper {
	width:96%;
	height:653px;
	overflow:auto;
	padding-left:4%;
}
#AdvSearch p {
	padding-left:1px;
	margin-top:15px;
}
#AdvSearch label {
	display:inline;
	margin:0 15px 0 0;
}
#AdvSearch strong {
	min-width:140px;
	display:inline-block;
	background:#ecf1f6;
	padding:6px 8px;
	font-weight:normal;
	border-radius:5px 0 0 5px;
}
#AdvSearch input[type="text"] {
	width:100px;
	padding:4px;
	margin-bottom:none;
}
#AdvSearch span {
	font-size:13px;
	color:#666;
}
#AdvSearch .button-green {
	position:absolute;
	bottom:60px;
	right:35px;
	border:none;
}
/*====================================================
					FORM FIELDS
====================================================*/

.field-wrapper {
	display:inline-block;
	vertical-align:top;
	width:150px;
	padding:5px;
	margin:0;
	min-height:56px;
}
label {
	display:block;
	font-size:13px;
	padding-bottom:3px;
	color:#666;
}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"] {
	width:96%;
	padding:6px 2%;
	border:1px solid #ccc;
	border-radius:5px;
	color:#000;
	margin-bottom:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
}
.field-wrapper input.error {
	border:1px solid #900;
}

.field-wrapper a.input-map {
	background-image:url(../images/background-map.jpg);
	float:left;
}
.field-wrapper input.input-map {
	display:none;
}
.field-wrapper .button-map {
	display:block;
	height:24px;
	width:24px;
	border-radius:5px;
	border:1px solid #ddd;
	background:url(../images/map.png);
	text-indent:-5000px;
	float:left;
	margin-left:10px;
}
.field-wrapper .option {
	position:absolute;
	z-index:-5;
	margin-top:-32px;
}
.checkbox-true,
.checkbox-false,
#ipad .info-tab .checkbox-true,
#ipad .info-tab .checkbox-false
{
    width:127px;
    height:26px;
    display:block;
    background:url(../images/checkbox-background.png);
}
.checkbox-false,
#ipad .info-tab .checkbox-false
{
    background-position:bottom;
}
.checkbox-single .check-box
{
    display:none;
}

.multiQueue
{
    
}
.multiQueue input {
    display: none;
    
}

.multiQueue span 
{
    margin-top:15px;
    margin-left:5px;
    width: 26px;
    height: 26px;
    display: block;
    float:left;
    background: url(../images/checkbox-background.png);
    background-position: -101px -26px; 
}

.multiQueue input:checked + span {
    background-position: -101px 0px; 
}

.multiQueueContainer>a
{
    float:right;
}

.multiQueueContainer
{
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}


.field-wrapper textarea {
	padding: 5px 7px;
    max-width: 130px;
    min-width: 130px;
    max-height: 60px;
    max-height: 60px;
	border:1px solid #ddd;
	border-radius:5px;
	font-size:14px;
	color:#000;
	font-family:inherit;
}

.field-wrapper .misc-text {
    max-width:none;
}
/*====================================================
					WORK DEFINITIONS
====================================================*/

.work-definitions {
    position:absolute;
    margin:45px 0 0 51px;
    background:#fff;
    width:197px;
    border:1px solid #ccc;
    border-radius:4px;
    padding:10px;
    display:none;
    z-index:10;
}
.work-definitions ul {
    margin:0;
    padding:0;
    list-style:none;
}
.work-definitions ul li + li {
    margin-top:7px;
    padding-top:7px;
    border-top:1px solid #f3f3f3;
	list-style:none;
}
.work-definitions a {
    text-decoration:none;
    color:#44759b;
	display:block;
}
.closer {
    width:100%;
    height:100%;
    position:fixed;
    z-index:1;
    display:none;
	top:0;
	left:0;
}

/*====================================================
				NEW WORK DEFINITION BUTTONS
====================================================*/

#new-work-definitions {
	padding-top:100px;
	text-align:center;
	width:703px;
}
#new-work-definitions a {
	width:287px;
	height:54px;
	padding-right:40px;
	display:block;
	background:url(../images/button-new-work-definition.png);
	text-align:center;
	line-height:54px;
	margin:0 auto 15px;
}

/*====================================================
					FOOTER
====================================================*/

.footer,
.footer-left {
    height:44px;
    background:url(../images/background-footer.jpg);
    width:inherit;
}
.footer {
	width:703px;
	display:none;
}
.footer ul li,
.footer-left ul li {
    float:left;
    list-style:none;
    background:url(../images/background-footer.jpg) no-repeat right -88px;
    height:44px;
}

.footer ul li + li + li + li + li {
	background-position:left -88px;
}
.footer ul li.active,
.footer-left ul li.active {
    background:url(../images/background-footer.jpg) no-repeat right -132px;
}

.footer ul li + li + li + li + li.active {
    background:url(../images/background-footer.jpg) no-repeat right -132px;
}
.footer a,
.footer-left a {
    width:64px;
    color:#fff;
    display:block;
    height:44px;
    text-indent:-5000px;
	background:center no-repeat;
}
.footer .button-camera {
    background-image:url(../images/button-footer-camera.png);
}
.footer .button-files {
    background-image:url(../images/button-footer-files.png);
}
.footer .button-history {
    background-image:url(../images/button-footer-history.png);
}
.footer .button-status {
    background-image:url(../images/button-footer-status.png);
}
.footer .button-info {
    background-image:url(../images/button-footer-info.png);
}
.footer-left .button-settings {
    background-image:url(../images/button-footer-settings.png);
}
.footer-left .button-refresh {
    background-image:url(../images/button-footer-refresh.png);
}
.footer-left .button-queues {
	background-image:url(../images/button-footer-queues.png);
}

/*====================================================
					MODAL
====================================================*/


#modal {
	background:url(../images/background-modal.png);
	height:100%;
	position:absolute;
	top:0;
	color:#fff;
	display:none;
    width:100%;
    padding:0;
	left:0;
}
#modal h1 {
    color:#4185C2;
    margin-bottom:25px;
}
.loading {
	background:url(../images/loading.gif) no-repeat center #fff;
	height:700px;
	width:100%;
	display:none;
	position:absolute;
	top:0;
}
.consignorLoading,
.creditorLoading {
	background:url(../images/loading-eee.gif) no-repeat center #eee;
	height: 600px;
    margin-left: -14px;
    opacity: 0.8;
}


/*====================================================
					CAMERA TAB
====================================================*/

.notes-tab,
.camera-tab,
.files-tab,
.history-tab,
.status-tab,
.account-tab,
.info-tab {
	display:none;
	width:100%;
	min-height:100%;
	padding:51px 0 44px;
	background:#333;
}
.info-tab {
	display:block;
	background:#fff;
}
.notes-tab div,
.camera-tab div,
.files-tab div,
.history-tab div,
.account-tab div {
    position:absolute;
    z-index:15;
    width:100%;
    height:100%;
	overflow:auto;
    -webkit-overflow-scrolling: touch;
}
#historyList {
	position:static;
}
#historyList li
{
    background-color:#fcfcfc;
    line-height:22px;
    list-style:none;
    padding:12px 0;
    margin:10px 0;
    border:1px solid #666;
}
.files-tab div h1
{
	text-align:left;
}
.notes-tab div + div,
.camera-tab div + div,
.files-tab div + div,
.history-tab div + div,
.status-tab div + div,
.account-tab div + div {
    position:fixed;
    background:#000;
    opacity:.85;
    height:100%;
    width:100%;
    z-index:10;
    top:0;
    padding:0;
}
.files-tab div,
.history-tab ul {
    position:absolute;
    z-index:15;
    padding-bottom:44px;
    width:100%;
	text-align:center
}
.files-tab img
{
    width:96%;
    margin:0;
    border:1px solid #666;
}
.status-tab ul {
	background:#fff;
	padding:10px 0;
	width:260px;
	margin:15px auto;
	border-radius:10px;
	min-height:200px;
}
.media-tab a,
.camera-tab a {
	display:block;
	height:46px;
	line-height:46px;
	margin:20% auto 10px;
}
.camera-tab a + a {
	margin:10px auto;
}
.button-photo-camera {
	background:url(../images/button-photo-camera.png);
	width:224px;
	padding-left:37px;
}
.button-photo-library {
	background:url(../images/button-photo-library.png);
	width:224px;
	padding-left:37px;
}
.button-photo-cancel {
	background:url(../images/button-photo-cancel.png);
	width:151px;
	padding-left:110px;
	color:#fff;
}

/*====================================================
					WORK LISTINGS
====================================================*/

#workList li,
.workList li
{
    width:100%;
    background:url(../images/background-list-arrow.png) no-repeat center right;
    line-height:22px;
    list-style:none;
    border-bottom:1px solid #eee;
    padding:0;
}
#workList li.no-records,
.workList li.no-records {
	background:#fff;
}
.workList li.active{
    background-color:#f5f5f5;
}
#workList li:active,
.workList li:active
{
    background-color:#fcfcfc;
}
#workList li + li,
.workList li + li
{
    border-top:none;
}
.workList span {
    color:#8aafc6;
}

#workList li a,
#queueList li a,
#viewSearchList li a,
#workList li label {
    display:block;
    padding:12px 0 12px 10px;
    text-decoration:none;
    color:#666;
    cursor:pointer;
	border:2px solid #fff;
}
.workList li {
	background:#fff;
}
.workList li:hover {
	background:#eee;
}
.workList li a span {
	float:right;
	margin:0 10px;
	padding:5px 7px;
	border:1px solid #ccc;
	border-radius:5px;
	line-height:14px;
	background:#fff;
}

/*====================================================
					SUCCESS MESSAGE
====================================================*/

.success {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	background:#fff;
	z-index:100;
	text-align:center;
}
.success img {
	margin-top:150px;
}
.success div {
	background:#fff;
	padding:15px 10px;
	border:1px solid #ccc;
	border-radius:10px;
	width:240px;
	margin:100px auto;
	text-align:center;
}

/*====================================================
					ACCOUNT INFO
====================================================*/

#accountInfo {
	height:653px;
	display:none;
	overflow-y:auto;
}
#accountInfo p {
	padding:0 10px;
	color:#4d739d;
	font-size:14px;
}
#accountInfo .border-bottom {
	padding:10px 10px;
	border-bottom:1px solid #eee;
}
#accountInfo .border-bottom input {
	margin-bottom:4px;
}
#accountInfo p label {
	font-size:12px;
	color:#666;
	font-size:14px;
}
#accountInfo .change-company {
	width:100%;
	height:40px;
	background:url(../images/button-default.jpg);
	display:block;
	border-radius:5px;
	color:#fff;
	line-height:40px;
	text-align:center;
	cursor:pointer;
	margin-top:14px;
    border:none;
	font-size:14px;
	text-decoration:none;
}
#dup-equipment {
	width:200px;
	position:absolute;
	top:50px;
	right:100px;
	background:#ebebeb;
	border:1px solid #d6d6d6;
	border-top:none;
	padding:15px;
	display:none;
}
#accountInfo .save-button,
#dup-equipment .save-button {
	width:100%;
	height:40px;
	background:url(../images/submit-button-green.jpg);
	display:block;
	border-radius:5px;
	color:#fff;
	line-height:40px;
	text-align:center;
	cursor:pointer;
	margin-top:14px;
    border:none;
	font-size:14px;
}
#dup-equipment .save-button {
	margin-top:15px;
}

/*====================================================
					RIGHT COLUMN
====================================================*/
#InfoTab {
	background:#fff;
	width:100%;
	height:697px;
}
.slide-menu-right .window-right {
	width:100%;
	display:none;
}
.slide-menu-right .footer-right {
	display:block;
	bottom:0;
	height:44px;
	background:url(../images/background-footer-right.jpg) 0 -88px;
}
.slide-menu-right .footer-right li {
	background:url(../images/background-footer.jpg) right -88px;
	float:left;
}
.slide-menu-right .footer-right li.last {
	background-position:left -88px;
}
.slide-menu-right .footer-right a {
	display:block;
	height:44px;
	width:25px;
	float:left;
	padding:0 62px;
	cursor:pointer;
}
.slide-menu-right .footer-right a.info {
	background:url(../images/button-footer-info.jpg) center no-repeat;
}
.slide-menu-right .footer-right a.files {
	background:url(../images/button-footer-files.jpg) center no-repeat;
}
.slide-menu-right .footer-right a.button-history {
	background:url(../images/button-footer-history.jpg) center no-repeat;
}
.slide-menu-right .footer-right a.status {
	background:url(../images/button-footer-status.jpg) center no-repeat;
}
.slide-menu-right .footer-right a.photo {
	background:url(../images/button-footer-camera.jpg) center no-repeat;
}
.slide-menu-right .footer-right a.notes {
	background:url(../images/button-footer-notes.jpg) center no-repeat;
}
#InfoTab .footer-tab {
	background:#fff;
	height:653px;
	overflow:auto;
    -webkit-overflow-scrolling: touch;
}
#InfoTab .footer-tab div.wrapper {
	background:#fff;
	text-align:left;
	padding:0 25px;
	position:static;
	width:auto;
}
#InfoTab .info-tab ul li {
	list-style:none;
	margin-bottom:5px;
}
#CopyMode, #NewContactMode, #NewConsignorMode, #NewCreditorMode, #NewCreditorContactMode {
	height:28px;
	line-height:28px;
	padding:0 14px 0 10px;
	background:#ffffea;
	font-size:12px;
	border-bottom:1px solid #ddd;
	margin:0;
	display:none;
}

.tablesorter-default tr.highlight td {
    background-color: #f3faff;
}

/*====================================================
					CONTACT WINDOW
====================================================*/
#EmailAddresses li {
	padding:8px 8px 8px 28px;
	margin:8px 0;
	background:url(../images/background-contact.jpg) 10px center #fff no-repeat;
	border:1px solid #ccc;
	border-radius:5px;
	line-height:14px;
	font-size:11px;
	cursor:pointer;
	word-break:break-all;
}
/*====================================================
					SHARE EQUIPMENT
====================================================*/
#ShareEquipment .field-wrapper {
	width:380px;
	float:none;
}
#ShareEquipment textarea {
	max-width:360px;
	min-width:360px;
	padding:6px 10px;
}
#ShareEquipment .spinner {
	position:absolute;
	margin:-42px 0 0 130px;
	height:42px;
	width:85px;
	border-radius:5px;
	border:1px solid #ddd;
	line-height:42px;
	padding-left:50px;
	background:url(../images/loading.gif) no-repeat 8px center #fff;
	display:none;
}
/*====================================================
					EQUIPMENT SPECIFICATIONS
====================================================*/
#edit-sequence-number {
	background:#f3f3f3;
	border:1px solid #ddd;
	border-radius:5px;
	padding:8px;
	display:inline-block;
	height:auto;
	width:auto;
	position:absolute;
	display:none;
}
#InfoTab #edit-sequence-number input {
	margin-bottom:0;
	height:32px;
	line-height:32px;
	padding:0 8px;
	width:40px;
	font-size:14px;
}
#edit-sequence-number .save,
#edit-sequence-number .cancel {
	display:inline-block;
	width:32px;
	height:32px;
	border-radius:5px;
	background:url(../images/button-icon-select.jpg);
	text-indent:-8000px;
	border:1px solid #ddd;
	margin-left:5px;
	vertical-align:top;
	cursor:pointer;
}
#edit-sequence-number .cancel {
	background-image:url(../images/button-icon-cancel.jpg);
}

/*====================================================
					IPAD APP IN BROSER
====================================================*/

html 
{
    width: 100%;
    height: 100%;
}
body {
	background-image: url("../images/background.png");
}
.ipad-wrapper
{
    width:1030px;
    height:100%;
    margin: 0 auto;
}

.ChangeCardRange{
    display:inline-block;
    width:400px;
    border:2px;
}

#ChangeCardError{
   color:red;
}