/* 

----------------------------------------------------------*/

@import url("Common.css");



/* Error Screen */

.ErrorHeader {
	font-size: 75px;
	min-height: 100px;
	color: #0072C6;
	font-family: 'wf_segoe-ui_semilight', 'Segoe UI Semilight', 'Segoe WP Semilight', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
	text-align:left;
}
.ErrorSubHeader {
	font-size: 40px;
	line-height: 28px;
	color: #0072C6;
	font-family: 'wf_segoe-ui_semilight', 'Segoe UI Semilight', 'Segoe WP Semilight', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
	text-align: left;
}
.ErrorTableBody {
	width: 100%;
	height: 100px;
	text-align: center;
}
.ErrorBodyRow
{
	width: 100%;
	height: 20px;
}
.ErrorBodySpace
{
	width: 15%;
	height: 60px;
}
.ErrorBody
{
	width: 70%;
	height: 60px;
	text-align: center;
	vertical-align: top;
}
.ErrorBodyFieldSet {
	width: 1020px;
	border-width: 2px;
	border-color: Black;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.ErrorTableMessage
{
	width: 1000px;
	height: 60px;
}
.ErrorMessageRow
{
	width: 1000px;
	height: 30px;
	color: Black;
}
.ErrorMessage {
	width: 1000px;
	min-width: 1000px;
	height: 50px;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
}
.ErrorButtonRow {
	width: 1000px;
	height: 40px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
}
.ErrorButton {
	width: 1000px;
	min-width: 1000px;
	height: 50px;
	text-align: center;
	vertical-align: top;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
}



/* Change Password Screen */
.PasswordTableBody {
	width: 100%;
	height: 150px;
	text-align: center;
}
.PasswordBodyRow
{
	width: 100%;
	height: 150px;
    min-height:150px;
}
.PasswordBodySpace
{
	width: 40%;
	height: 150px;
}
.PasswordBody {
	width: 20%;
	height: 150px;
	text-align: left;
	vertical-align: top;
	background-color: #D5D5D5;
}
.PasswordBodyFieldSet {
	width: 92%;
	border-width: 0px;
	border-color: Black;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.PasswordTableDetails
{
	width: 495px;
	height: 150px;
}
.PasswordDetailsRow
{
	width: 495px;
	height: 135px;
}
.PasswordDetailsColumn {
	width: 495px;
	min-width: 495px;
	height: 135px;
	text-align: left;
	vertical-align: top;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
}
.PasswordButtonsRow {
	width: 495px;
	height: 50px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
}
.PasswordButtonsColumn {
	width: 495px;
	min-width: 495px;
	height: 50px;
	text-align: center;
	vertical-align: top;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
}
.PasswordDetailsTable
{
	width: 495px;
	min-width: 495px;
	text-align: left;
}
.PasswordOldPasswordRow
{
	text-align: left;
}
.PasswordOldPasswordCell {
	width: 495px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.PasswordOldPasswordRFV
{
	width: 10px;
	vertical-align: middle;
}
.PasswordOldPasswordREV
{
	position: relative;
	left: -14px;
}
.PasswordNewPasswordRow
{
	text-align: left;
}
.PasswordNewPasswordCell {
	width: 495px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.PasswordNewPasswordRFV
{
	width: 10px;
	vertical-align: middle;
}
.PasswordNewPasswordREV
{
	position: relative;
	left: -14px;
}
.PasswordConfirmNewPasswordRow
{
	text-align: left;
}
.PasswordConfirmNewPasswordCell {
	width: 495px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.PasswordConfirmNewPasswordRFV
{
	width: 10px;
	vertical-align: middle;
}
.PasswordConfirmNewPasswordREV
{
	position: relative;
	left: -14px;
}
.PasswordConfirmNewPasswordCV
{
	position: relative;
	left: -29px;
}


.passwordinput {
    outline: 0;
    background: #ffffff;
    width: 100%;
    border: 0;
    margin-left: 74px;
    padding: 5px;
    box-sizing: border-box;
    font-size: 14px;
}




/* Search Screen */
.searchLogo
{
	width: 526px;
	/* position: relative; */
	top: 2px;
	left: 624px;
}


.ticketNotesClass {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: Black;
	resize: none;
}


/* Install Swap Ticket */
.installTicketForm
{
	text-align: left;
}
.installTicketTableBody
{
	width: 100%;
	height: 100%;
}
.installTicketTableBodyRow
{
	width: 100%;
}
.installTicketTableBodySpace
{
	/*width: 10%;*/
}
.installTicketTableBodyCell
{
	/*width: 70%;*/
	vertical-align: top;
}
.installTicketTableColumn
{
	width: 100%;
}
.installTicketTableColumnRow
{
	width: 100%;
}
.installTicketTableColumnRowButton
{
	width: 100%;
	text-align: center;
}
.installTicketTableColumnRowButtonCell
{
	width: 100%;
	text-align: center;
	position: relative;
	top: -2px;
}
.installTicketTableColumnCell1
{
	width: 475px;
	max-width: 475px;
	min-width: 475px;
	vertical-align: top;
}
.installTicketTableColumnCell2
{
	width: 475px;
	max-width: 475px;
	min-width: 475px;
	vertical-align: top;
}
.installTicketTableColumnCell1Table {
	width: 100%;
	vertical-align: top;
	border-collapse: collapse;
	background: #D5D5D5;
	border: 5px solid #efefef;
}
.installTicketTableColumnCell1TableGroupOneRow
{
	width: 100%;
	vertical-align: top;
}
.installTicketTableColumnCell1TableGroupOneCell {
	width: 100%;
	vertical-align: top;
	border: 5px solid #efefef;
}
.installTicketTableColumnCell1TableGroupOneFieldSet
{
	border-width: 0px;
	border-color: Black;
	min-width: 475px;
	max-width: 475px;
	height: 165px;
	max-height: 165px;
	vertical-align: top;
	padding-top: 0px;
}
.installTicketTableColumnCell1TableGroupTwoRow
{
	width: 100%;
	height: 100%;
}
.installTicketTableColumnCell1TableGroupTwoCell
{
	width: 100%;
	height: 100%;
	vertical-align: top;
	position: relative;
	/*top: -30px;*/
}
.installTicketTableColumnCell1TableGroupTwoFieldSet
{
	border-width: 0px;
	border-color: Black;
	width: 475px;
	min-width: 475px;
	height: 375px;
	max-height: 375px;
	vertical-align: top;
	padding-top: 0px;
}
.installTicketTableColumnCell1TableGroupThreeRow {
	width: 100%;
	height: 100%;
	border: 5px solid #efefef;
}
.installTicketTableColumnCell1TableGroupThreeCell
{
	width: 100%;
	height: 100%;
	vertical-align: top;
	/*position: relative;*/
	/*top: -60px;*/
}
.installTicketTableColumnCell1TableGroupThreeFieldSet
{
	border-width: 0px;
	border-color: Black;
	width: 475px;
	min-width: 475px;
	height: 171px;
	max-height: 171px;
	vertical-align: top;
	padding-top: 0px;
}

.installTicketTableColumnCell2Table {
	width: 100%;
	vertical-align: top;
	/*border-collapse: collapse;*/
	border: 5px solid #efefef;
}
.installTicketTableColumnCell2TableGroupOneRow {
	width: 100%;
	background: #D5D5D5;
	border: 5px solid #efefef;
}
.installTicketTableColumnCell2TableGroupOneCell {
	width: 100%;
	vertical-align: top;
	
}
.installTicketTableColumnCell2TableGroupOneFieldSet
{
	border-width: 0px;
	border-color: Black;
	width: 475px;
	min-width: 475px;
	height: 340px;
	max-height: 340px;
	vertical-align: top;
	padding-top: 0px;
}
.installTicketTableColumnCell2TableGroupTwoRow {
	width: 100%;
	background: #D5D5D5;
	border: 5px solid #efefef;
}
.installTicketTableColumnCell2TableGroupTwoCell {
	width: 100%;
	vertical-align: top;
	/*position: relative;*/
	/*top: -30px;*/
	/*border: 5px solid #efefef;*/
}
.installTicketTableColumnCell2TableGroupTwoFieldSet {
	border-width: 0px;
	border-color: Black;
	width: 475px;
	min-width: 475px;
	height: 200px;
	max-height: 200px;
	vertical-align: top;
	padding-top: 0px;

}

.installItemType
{
	max-width: 300px;
	width: 300px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.installSerialNumber
{
	max-width: 177px;
	width: 177px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}
.installItemsCellInner
{
	width: 475px;
	height: 180px;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	color: Black;
	position: relative;
	top: -8px;
	left: -2px;
}

.installTicketLabel
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: Black;
	position: relative;
	top: -10px;
}
.installTicketTextBox
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: Black;
	margin-top: 3px;
	height: 22px;
	position: relative;
	top: -10px;
}
.installTicketHyperLinkCourier
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.installTicketButton
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: Black;
}



/* Support Ticket */
.supportTicketForm
{
	text-align: left;
}
.supportTicketTableBody
{
	width: 100%;
	height: 100%;
}
.supportTicketTableBodyRow
{
	width: 100%;
}
.supportTicketTableBodySpace
{
	width: 20%;
}
.supportTicketTableBodyCell
{
	width: 60%;
	vertical-align: top;
}
.supportTicketTableColumn
{
	width: 100%;
}
.supportTicketTableColumnRow
{
	width: 100%;
}
.supportTicketTableColumnRow2
{
	width: 100%;
}
.supportTicketTableColumnRow2Cell {
	width: 100%;
	text-align: left;
	position: relative;
	top: -30px;
	background-color: #D5D5D5;
	border: 5px solid #efefef;
}
.supportTicketTableColumnRow2FieldSet
{
	border-width: 0px;
	border-color: Black;
	width: 1045px;
	min-width: 1045px;
	height: 140px;
	max-height: 140px;
	vertical-align: top;
}
.supportTicketTableColumnRow3
{
	width: 100%;
}
.supportTicketTableColumnRow3Cell {
	width: 100%;
	text-align: left;
	position: relative;
	top: -60px;
	background-color: #D5D5D5;
	border: 5px solid #efefef;
}
.supportTicketTableColumnRow3FieldSet
{
	border-width: 0px;
	border-color: Black;
	width: 1045px;
	min-width: 1045px;
	height: 145px;
	max-height: 145px;
	vertical-align: top;
}
.supportTicketTableColumnRowButton
{
	width: 100%;
	text-align: center;
}
.supportTicketTableColumnRowButtonCell
{
	width: 100%;
	text-align: center;
	position: relative;
	top: -50px;
}
.supportTicketTableColumnCell1 {
	width: 500px;
	max-width: 500px;
	vertical-align: top;
	text-align: justify;
	background-color: #D5D5D5;
	border: 5px solid #efefef;
}
.supportTicketTableColumnCell2 {
	width: 500px;
	max-width: 500px;
	vertical-align: top;
	text-align: justify;
	background-color: #D5D5D5;
	border: 5px solid #efefef;
}
.supportTicketTableColumnCell1Table
{
	width: 500px;
	vertical-align: top;
	border-collapse: collapse;
}
.supportTicketTableColumnCell1TableGroupOneRow
{
	width: 1000px;
	vertical-align: top;
}
.supportTicketTableColumnCell1TableGroupOneCell
{
	width: 100%;
	vertical-align: top;
}
.supportTicketTableColumnCell1TableGroupOneFieldSet
{
	border-width: 0px;
	border-color: Black;
	width: 500px;
	min-width: 500px;
	height: 165px;
	max-height: 165px;
	vertical-align: top;
}
.supportTicketTableColumnCell1TableGroupTwoRow
{
	width: 1000px;
	height: 100%;
}
.supportTicketTableColumnCell1TableGroupTwoCell
{
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.supportTicketTableColumnCell1TableGroupTwoFieldSet
{
	border-width: 0px;
	border-color: Black;
	width: 500px;
	min-width: 500px;
	height: 165px;
	max-height: 165px;
	vertical-align: top;
}
.supportTicketTableColumnCell1TableGroupThreeRow
{
	width: 1000px;
	height: 100%;
}
.supportTicketTableColumnCell1TableGroupThreeCell
{
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.supportTicketTableColumnCell2Table
{
	width: 100%;
	vertical-align: top;
	border-collapse: collapse;
}
.supportTicketTableColumnCell2TableGroupOneRow
{
	width: 100%;
}
.supportTicketTableColumnCell2TableGroupOneCell
{
	width: 492px;
	vertical-align: top;
	text-align: left;
}
.supportTicketTableColumnCell2TableGroupOneFieldSet
{
	border-width: 0px;
	border-color: Black;
	width: 492px;
	min-width: 492px;
	height: 165px;
	max-height: 165px;
	text-align: left;
	vertical-align: top;
}
.supportTicketTableColumnCell2TableGroupTwoRow
{
	width: 100%;
}
.supportTicketTableColumnCell2TableGroupTwoCell
{
	width: 100%;
	vertical-align: top;
	text-align: left;
}
.supportTicketTableColumnCell2TableGroupTwoFieldSet
{
	border-width: 0px;
	border-color: Black;
	width: 492px;
	min-width: 492px;
	height: 140px;
	max-height: 140px;
	text-align: left;
	vertical-align: top;
}

.supportTicketLabel
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: Black;
	margin-left: 0px;
	position: relative;
	top: -15px;
}
.supportTicketTextBox
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: Black;
	margin-top: 3px;
	height: 22px;
	position: relative;
	top: -15px;
}
.supportTicketHyperLinkCourier
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.supportTicketButton
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: Black;
}

/* Cancellation Ticket */
.cancellationTicketForm
{
	text-align: left;
}
.cancellationTicketTableBody
{
	width: 100%;
	height: 100%;
}
.cancellationTicketTableBodyRow
{
	width: 100%;
}
.cancellationTicketTableBodySpace
{
	width: 20%;
}
.cancellationTicketTableBodyCell
{
	width: 60%;
	vertical-align: top;
}
.cancellationTicketTableColumn {
	width: 100%;
	border: 5px solid #efefef;
}
.cancellationTicketTableColumnRow
{
	width: 100%;
}
.cancellationTicketTableColumnRow2 {
	width: 100%;
	background-color: #D5D5D5;
	border: 5px solid #efefef;
}

.cancellationTicketNoteColumn {
	border: 5px solid #efefef;
}

.cancellationTicketTableColumnRow2Cell {
	width: 100%;
	text-align: left;
	/*position: relative;*/
	/*top: -30px;*/
	left: 3px;
}
.cancellationTicketTableColumnRow2FieldSet
{
	border-width: 0px;
	border-color: Black;
	width: 1030px;
	min-width: 1030px;
	height: 180px;
	max-height: 180px;
	vertical-align: top;
}
.cancellationTicketTableColumnRowButton
{
	width: 100%;
	text-align: center;
}
.cancellationTicketTableColumnRowButtonCell
{
	width: 100%;
	text-align: center;
	position: relative;
	/*top: -20px;*/
}
.cancellationTicketTableColumnCell1 {
	width: 530px;
	max-width: 530px;
	vertical-align: top;
	text-align: justify;
	background-color: #D5D5D5;
	border: 5px solid #efefef;
}
.cancellationTicketTableColumnCell2 {
	width: 530px;
	max-width: 530px;
	vertical-align: top;
	text-align: justify;
	background-color: #D5D5D5;
	border: 5px solid #efefef;
}
.cancellationTicketTableColumnCell1Table {
	width: 530px;
	vertical-align: top;
	background-color: #D5D5D5;
	
}
.cancellationTicketTableColumnCell1TableGroupOneRow
{
	width: 1000px;
	vertical-align: top;
}
.cancellationTicketTableColumnCell1TableGroupOneCell
{
	width: 100%;
	vertical-align: top;
}
.cancellationTicketTableColumnCell1TableGroupOneFieldSet
{
	border-width: 0px;
	border-color: Black;
	width: 500px;
	min-width: 500px;
	height: 180px;
	max-height: 180px;
	vertical-align: top;
	padding-top: 0px;
}
.cancellationTicketTableColumnCell1TableGroupTwoRow
{
	width: 1000px;
	height: 100%;
}
.cancellationTicketTableColumnCell1TableGroupTwoCell
{
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.cancellationTicketTableColumnCell1TableGroupTwoFieldSet
{
	border-width: 2px;
	border-color: Black;
	width: 500px;
	min-width: 500px;
	height: 180px;
	max-height: 180px;
	vertical-align: top;
	padding-top: 0px;
}
.cancellationTicketTableColumnCell1TableGroupThreeRow
{
	width: 1000px;
	height: 100%;
}
.cancellationTicketTableColumnCell1TableGroupThreeCell
{
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.cancellationTicketTableColumnCell2Table {
	width: 100%;
	vertical-align: top;
	
}
.cancellationTicketTableColumnCell2TableGroupOneRow
{
	width: 100%;
}
.cancellationTicketTableColumnCell2TableGroupOneCell
{
	width: 482px;
	vertical-align: top;
	text-align: left;
}
.cancellationTicketTableColumnCell2TableGroupOneFieldSet
{
	border-width: 0px;
	border-color: Black;
	width: 482px;
	min-width: 482px;
	height: 180px;
	max-height: 180px;
	text-align: left;
	vertical-align: top;
	padding-top: 0px;
}
.cancellationTicketTableColumnCell2TableGroupTwoRow
{
	width: 100%;
}
.cancellationTicketTableColumnCell2TableGroupTwoCell
{
	width: 100%;
	vertical-align: top;
	text-align: left;
}
.cancellationTicketTableColumnCell2TableGroupTwoFieldSet
{
	border-width: 2px;
	border-color: Black;
	width: 500px;
	min-width: 500px;
	height: 180px;
	max-height: 180px;
	text-align: left;
	vertical-align: top;
	padding-top: 0px;
}

.cancellationTicketLabel
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: Black;
	margin-left: 0px;
	position: relative;
	top: -10px;
}
.cancellationTicketTextBox
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: Black;
	margin-top: 3px;
	position: relative;
	top: -10px;
	height: 22px;
	width: 330px;
}
.cancellationTicketButton
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: Black;
}




/* Issue Tracker */

.issueID
{
	max-width: 75px;
	width: 75px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}
.issueDescription
{
	max-width: 300px;
	width: 300px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}
.issueModel
{
	max-width: 115px;
	width: 115px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}
.issueDate
{
	max-width: 115px;
	width: 115px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}
.issueStatus
{
	max-width: 200px;
	width: 200px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.issueSubmitter
{
	max-width: 175px;
	width: 175px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}






/* Main Functionality */


.searchCriteriaFormat
{
	width: 40%;
	color: #56565B;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}


.callLogheadingSpace
{
	width: 100%;
	height: 10px;
}

/* Login */

.loginUserNameCell {
	width: 300px;
	height: 22px;
}

.loginPasswordCell
{
	width: 300px;
	height: 22px;
}

.loginSpaceWidth
{
	width: 35%;
}

.loginBody
{
	width: 500px;
	font-size: 16px;
	color: #56565B;
	font-weight: bold;
}

.loginBody .loginheader
    {
        background-color: #bf211e;
        height: 45px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        font-size: 24px;
    }

.loginBodyTable
{
	width: 500px;
    background-color: #FFFFFF;
    border: 3px solid #444444;

}

.loginLabelColumnWidth
{
	width: 100px;
	height: 22px;
	min-width: 100px;
	min-height: 22px;
	padding-right: 2em;
}


.loginVersionText
{
    width: 100%;
    font-size: 10px;
    color: #56565B;
    font-weight: bold;
    height: 16px;
}


.logininput {
    outline: 0;
    background: #efefef;
    width: 100%;
    border: 0;
    margin: 0 0 0px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
    /*margin-left: 30px;
    color: black;*/
}



/* Search */
.searchHeadingLinkTable
{
	width: 1561px;
	margin-right: 0px;
	text-align: right;
}

.searchHeadingLinkCell
{
	width: 600px;
	height: 22px;
	min-width: 600px;
	min-height: 22px;
	text-align: right;
}

.searchHeadingLinkColumn
{
	width: 95%;
}

.searchSpacer
{
	width: 650px;
}


.searchFieldSet {
    /*max-width: 1165px;*/
    border-width: 0px;
    border-color: Black;
    text-align: left;
    margin-top: 0px;
	padding-top: 20px;
}

.searchTable {
    max-width: 1165px;
    border: 3px solid #444444;
    padding:0px;
    border-spacing:0px;
}

.searchCellHeader {
    background-color: #444444;
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
}

.searchColumnHeading
{
	color: Black;
	height: 22px;
	font-size: 16px;
	text-align: center;
}

.searchTextBox {
    text-align: left;
    font-size: 16px;
    Width: 165px;    
}

::-moz-placeholder { /* Code for Firefox */
    color: #cccccc;
    font-size: 14px;
}

::-webkit-input-placeholder { /* Chrome, Edge, Safari and Opera */
    color: #cccccc;
    font-size: 14px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #cccccc;
    font-size: 14px;
}

::placeholder {
    color: #cccccc;
    font-size: 14px;
}



.search-input {
    background: #fff;
    height: 40px;
    width: 250px;
    color: #494949;
    border: 1px solid #cccccc;
    margin-bottom: 0px;
    -webkit-appearance: none;
    border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    display: inline-block;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    padding: 0px 0px 0px 10px;
    border-right: 0px;
    float: left;
}

.searchSpaceHeight
{
	height: 17px;
}

.searchButton
{
	text-align: center;
	font-size: 16px;
}

/* Search_MID */
.searchMIDListSpaceField
{
	height: 10px;
}

.MIDSearchMerchant
{
	max-width: 230px;
	width: 230px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.MIDSearchAddress
{
	max-width: 210px;
	width: 210px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.MIDSearchTown
{
	max-width: 160px;
	width: 160px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.MIDSearchPostcode
{
	max-width: 70px;
	width: 90px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.MIDSearchMID
{
	max-width: 100px;
	width: 100px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.MIDSearchStoreNumber
{
	max-width: 80px;
	width: 80px;
	background-color: #777776;
	color: White;
	text-align: left;
}

/* Merchant */



.merchantDetailsCell {
	width: 705px;
	height: 320px;
	text-align: left;
	vertical-align: top;
	font-size: 16px;
	color: Black;
	background: #D5D5D5;
	border: 5px solid #efefef;
}

.merchantDetailsFieldSet {
	/*width: 720px;*/
	height: 320px;
	text-align: left;
	border-width: 0px;
	font-size: 16px;
	border-color: Black;
	padding-top: 0px;
	margin-right: 15px;
}

.merchantActiveTIDsCell {
	width: 400px;
	height: 320px;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
	color: Black;
	border: 5px solid #efefef;
}

.merchantActiveTIDsCellInner
{
	width: 400px;
	height: 200px;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	color: Black;
}

.merchantActiveTIDsFieldSet {
	/*width: 400px;*/
	height: 322px;
	min-height: 320px;
	text-align: left;
	border-width: 0px;
	font-size: 12px;
	border-color: Black;
	vertical-align: top;
	padding-top: -2px;
	padding-bottom: 2px;
	padding-left: 20px;
	color: black;
	background: #D5D5D5;
}

.merchantActiveTIDsSpaceField
{
	height: 10px;
}

.merchantActiveTIDsSelect
{
	text-align: right;
	font-size: 12px;
	height: 45px;
	margin-top: 0px;
}

.merchantCellPanel
{
	margin-top: 0px;
	text-align: left;
}

.merchantHistoryCellInner {
    /*width: 1300px;*/
    /*width:100%;*/
    /*height: 109px;*/
    text-align: center;
    align-content: center;
    vertical-align: top;
    font-size: 12px;
    color: Black;
    /*position: absolute; 
     top: 50px;
    left: -15px;*/
}

.merchantHistoryFieldSet {
	/*width: 1139px;*/
	height: 395px;
	text-align: left;
	border-width: 0px;
	font-size: 12px;
	border-color: Black;
	color: Black;
	padding-top: 0px;
	margin-top: 0px;
	background: #D5D5D5;
}

.merchantNotesFieldSet
{
	/*width: 1195px;*/
    width:100%;
	height: 120px;
	text-align: left;
	border-width: 2px;
	font-size: 12px;
	border-color: Black;
	color: Black;
	padding-top: 0px;
}

.merchantButtonClose
{
	/*width: 1065px;*/
    width:100%;
	text-align: center;
}

.merchantBody {
	width: 100%;
	position: relative;
	top: -1px;
	left: 0px;
}
.merchantActiveTIDsTable {
	border: 5px solid #efefef;
	background: #D5D5D5;
}

.merchantSpaceWidth
{
	width: 20%;
}
.merchantDetailsTable {
	width: 100%;
	vertical-align: top;
	min-width: 890px;
	height: 220px;
	width: 100%;
	position: relative;
	top: -0px;
	left: 0px;
	border-collapse: collapse;
	padding-bottom: 10px;
	
}
.merchantDetailsTableRow {
    width: 100%;
    min-width: 900px;
    width: 900px;
    height: 14px;
    max-height: 16px;
    border-width: 0px;
    overflow: hidden;
}

.merchantDetailsTableHeader {
    
    text-align: left;
    width: 100%;
    height: 16px;
    vertical-align: top;
    border-width: 0px;
    background-color:black;
    color:white;
    font-size:16px;
}

.merchantDetailsTableCell1
{
	min-width: 320px;
	text-align: left;
	width: 320px;
	height: 14px;
	vertical-align: top;
	border-width: 0px;
}
.merchantDetailsTableCell1RFV
{
	text-align: left;
	width: 10px;
	max-width: 10px;
	height: 14px;
	vertical-align: top;
	border-width: 0px;
}
.merchantDetailsTableCell1REV
{
	text-align: left;
	width: 13px;
	max-width: 10px;
	/*position: relative;*/
	height: 14px;
	vertical-align: top;
	border-width: 0px;
	top: 0px;
	/*left: 619px;*/
}
.merchantDetailsTableCell2
{
	min-width: 360px;
	text-align: left;
	width: 360px;
	height: 14px;
	vertical-align: top;
	border-width: 0px;
}
.merchantDetailsTableCell2RFV
{
	text-align: left;
	width: 10px;
	max-width: 10px;
	height: 16px;
	vertical-align: middle;
	border-width: 0px;
}
.merchantDetailsTableCell2REV {
    text-align: left;
    width: 10px;
    max-width: 10px;
    /*position: relative;*/
    left: -3px;
    height: 14px;
    vertical-align: middle;
    border-width: 0px;
}
.merchantDetailsTableCellEmail
{
	width: 200px;
	min-width: 200px;
	height: 14px;
	vertical-align: top;
	border-width: 0px;
}
.merchantDetailsTableCellButton
{
	vertical-align: top;
	text-align: right;
	border-width: 0px;
}

.merchantLabelStyle {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: Black;
    text-align: left;
    vertical-align: middle;
    Width: 125px;
    Height:16px;
}

.merchantTextboxStyle {
    margin-left: 0px;
    Width:250px;
    Height:16px;
}

.merchantHistoryCell {
	margin-top: 0px;
	text-align: left;
	height: 220px;
	vertical-align: top;
	position: relative;
	background: #D5D5D5;
	border: 5px solid #efefef;
	/*top: -15px;*/
}


.merchantTableHeader {
    color: white;
    background-color: #777776;
    font-weight: bold;
    font-size: 13px;
    border-color: White;
    height: 20px;
    /*position: absolute;*/
}


.MerchantTableRow {
   
}

.FixedHeader {
    position: absolute;
    font-weight: bold;
}     


/* NewSite */

.newmerchantDetailsCell {
	width: 735px;
	height: 260px;
	text-align: left;
	vertical-align: top;
	font-size: 16px;
	color: Black;
	background-color: #D5D5D5;
	border: 5px solid #efefef;
}

.newmerchantDetailsFieldSet
{
	width: 1370px;
	height: 300px;
	text-align: left;
	border-width: 0px;
	font-size: 16px;
	border-color: Black;
	padding-top: 0px;
}

.newmerchantSpaceWidth
{
	width: 10%;
}
.newmerchantDetailsTable
{
	width: 100%;
	vertical-align: top;
	min-width: 720px;
	height: 220px;
	/*width: 1349px;*/
	position: relative;
	top: -5px;
	left: 18px;
	border-collapse: collapse;
}
.newmerchantDetailsTableRow {
    width: 100%;
    min-width: 720px;
    width: 720px;
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    border-width: 0px;
}

.newmerchantDetailsTableCell1
{
	min-width: 330px;
	text-align: left;
	width: 330px;
	height:30px;
	vertical-align: top;
	border-width: 0px;
}
.newmerchantDetailsTableCell1RFV
{
	text-align: left;
	width: 10px;
	max-width: 10px;
	height:30px;
	vertical-align: top;
	border-width: 0px;
}
.newmerchantDetailsTableCell1REV
{
	text-align: left;
	width: 50px;
	max-width: 90px;
	position: relative;
	height:30px;
	vertical-align: top;
	border-width: 0px;
	top: 0px;
	left: 200px;
}
.newmerchantDetailsTableCell2
{
	min-width: 365px;
	text-align: left;
	width: 365px;
	height:30px;
	vertical-align: top;
	border-width: 0px;
}
.newmerchantDetailsTableCell2RFV
{
	text-align: left;
	width: 10px;
	max-width: 10px;
	height:30px;
	vertical-align: top;
	border-width: 0px;
}
.newmerchantDetailsTableCell2REV
{
	text-align: left;
	width: 10px;
	max-width: 10px;
	position: relative;
	left: -3px;
	height:30px;
	vertical-align: top;
	border-width: 0px;
}
.ValidationNotificationText
{
	font-size: 10px;
	color: Red;	
	vertical-align : middle;	
}






/* Search MID */
.searchResultMIDFieldSet
{
	/*width: 1165px;*/
	text-align: left;
	height: 435px;
	border-width: 0px;
	border-color: Black;
	color: Black;
	font-size: 12px;
	padding-top: 0px;
}

.searchResultMIDTableInner
{
	/*width: 1165px;*/
}

.searchResultMIDCellButtons
{
	text-align: center;
}

.activeTID
{
	max-width: 120px;
	width: 120px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: White;
}

.activeTIDModel
{
	max-width: 145px;
	width: 145px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.activeTIDDate
{
	max-width: 125px;
	width: 125px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.activeTIDStatus {
	max-width: 90px;
	width: 90px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}


.ticketNo
{
	max-width: 65px;
	width: 65px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: black;
}

.ticketStatus
{
	max-width: 55px;
	width: 55px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: black;
}

.ticketDate
{
	max-width: 94px;
	width: 94px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: black;
}

.ticketSubmitter
{
	max-width: 100px;
	width: 100px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.ticketResolvedBy
{
	max-width: 95px;
	width: 95px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.ticketCallCategory
{
	max-width: 230px;
	width: 230px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.merchantTicketCallCategory
{
	max-width: 190px;
	width: 190px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.ticketCallSubCode
{
	max-width: 230px;
	width: 230px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.merchantTicketCallSubCode
{
	max-width: 195px;
	width: 195px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.ticketCategory
{
	max-width: 134px;
	width: 134px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.merchantTicketCategory
{
	max-width: 127px;
	width: 127px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.ticketTID
{
	max-width: 66px;
	width: 66px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.ticketSerialNo
{
	max-width: 115px;
	width: 115px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.ticketModel
{
	max-width: 140px;
	width: 140px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}



/* SpireCallLog */


.callLogFieldSet
{
	width: 755px;
	text-align: left;
	vertical-align: top;
	border-width: 2px;
	font-size: 12px;
	border-color: Black;
	color: Black;
}

.callLogCell
{
	width: 100%;
	text-align: left;
}

.callLogSpaceWidth
{
	width: 20%;
	height: 100%;
}

.callLogBody
{
	width: 755px;
   	vertical-align: top;
	text-align: left;
}

.callLogDescription
{
	width: 60%;
	height: 22px;
	text-align: left;
	font-size: 16px;
	color: #56565B;
}

.callLogTableInner {
	width: 100%;
	max-width: 755px;
	border: 3px solid #444444;
	background-color: #D5D5D5;
}

.callLogCellHeader {
    background-color: #444444;
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    width: 100%;
}
.callLogCellMerchant {
    width: 100%;
    text-align: left;
}

.callLogCellNotes {
    width: 100%;
    text-align: left;
    padding-right: 5px;
    padding-left: 5px;
}

.callLogCellCheck {
    width: 100%;
    text-align: left;
    height: 30px;
}

.callLogCellButtons
{
	text-align: right;
}

.callLogLabels {
    text-align: right;
    font-weight: bold;
}

.calllogActiveText {
    color: black;
    font-weight: normal;
}

.calllogCancelledText {
    color: red;
    font-weight: bold;
}


.callLogHeader {

    background-color: #444444;
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 24px;

}




/* TID Tab */
.TIDMerchantDetailsOuter {
}

.TIDTerminalDetailsOuter
{
}



.TID_TabMenuTabs {
    position: relative;
    left: -10px;
    top: 10px;
    font-size: 16px;
    color: white;
    /*background-color:black;*/
    padding: 10px 10px 10px 10px;
}


.TID_Tab {
    border: none; /*Solid 2px black*/
    border-bottom: none;
    padding: 10px 10px 10px 10px;
    font-size: 16px;
    color: white;
    /*background-color: black;*/
}


.TID_HoverTab {
    border: none; /*Solid 2px black*/
    border-bottom: none;
    padding: 10px 10px 10px 10px;
    font-size: 16px;
    color: white;
    background-color: #CECECE;
}


.TID_SelectedTab {
    border: none; /*Solid 2px black*/
    border-bottom: none; /*Solid 1px white*/
    padding: 10px 10px 10px 10px;
    font-size: 16px;
    color: white;
    /*background-color: #777776;*/
}

.TID_TabBody {
    width: 1165px;
    border-width: medium;
    border: Solid 2px black;
    font-size: 16px;
    padding: 20px;
    color: Black;
    background-color: #efefef;
}

.TID_TabMenu {
    width: 1165px;
    font-size: 16px;
}


.TID_MerchantDetailsCell
{
	width: 800px;
	text-align: left;
	margin-top: 0px;
}

.TID_TerminalDetailsCell
{
	text-align: right;
	margin-top: 0px;
}

.TID_TabDetailsCell {
	/*width: 60%;*/
	text-align: left;
}



.TTabMenu {
	padding: 0px;
	margin: 0;
	min-height: 47px;
	background-color: #bf211e;
}
.TIDTabMenu {
	color: white;
	padding: 0;
	margin-top: 0;
	border: 0px solid #efefef;
}

	.TIDTabMenu selected {
		background-color: #D5D5D5;
	}
	.TIDTabMenu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: static;
		top: initial;
		width: 100%;
		background-color: #bf211e;
	}

	.TIDTabMenu a {
		color: white;
		background-color: #bf211e;
		left: 1px;
		float: left;
	}

    .TIDTabMenu li {
        float: left;
        color: white;
    }

        .TIDTabMenu li a {
            display: block;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
        }

li a:hover:not(.active) {
    background-color: #CECECE;
}


.TID_MerchantDetailsTable {
	text-align: center;
	column-span:  all;
	background-color: #D5D5D5;
	border: 5px solid #efefef;
	border-left-width: 0px;
    border-right-width:0px;
	
}
.TID_MerchantDetailsRow {
	width: 100%;
}

.TID_MerchantDetailsFieldSet {
	/*width: 1165px;*/
	border-width: 0px;
	border-color: Black;
	color: Black;
	font-size: 13px;
	text-align: left;
	padding-top: 0px;
	background-color: #D5D5D5;
}

.TID_MerchantDetails_Textbox {
    margin-left: 10px;
    border: none;
    font-weight: bold;
}

.TID_TIDDetails_Textbox {
    margin-left: 10px;
    border: none;
}

.TIDHistoryTableInnerCell
{
	width: 1180px;
	height: 300px;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	color: Black;
}

.TIDHistoryTabTable
{
	width: 1165px;
}

.TIDHistoryTabTableCell
{
	text-align: left;
	width: 100%;
	height: 135px;
}

.TIDHistoryTabTableTicketCell
{
	width: 100%;
	height: 90px;
}

.TIDHistoryTabTableButtonCell
{
	text-align: center;
	font-size: 16px;
}

.TIDHistoryTabTableCellNotes
{
	width: 100%;
	font-size: 16px;
	color: Black;
}

.TIDAssetTabTable
{
	width: 100%;
}

.TIDAssetTabTablePanel
{
	text-align: left;
}

.TIDAssetTabTableButtonCell
{
	margin-bottom: 0px;
	text-align: center;
	width: 20%;
}


.TIDAssetTableCellInner
{
	width: 1163px;
	height: 300px;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	color: Black;
}


.assetListHeader {
	border-collapse: collapse;
	position: relative;
	left: 2px;
	top: 8px;
	width: 1140px;
	font-weight: bold;
	font-size: 10pt;
	border-color: White;
}


.assetListItemType
{
	max-width: 228px;
	width: 228px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: White;
}

.assetListModelType {
    max-width: 228px;
    width: 228px;
    background-color: #777776;
    color: White;
    text-align: left;
    border-color: White;
}

.assetListStatus {
    max-width: 228px;
    width: 228px;
    background-color: #777776;
    color: White;
    text-align: left;
    border-color: White;
}

.assetListSerialNumber {
    max-width: 228px;
    width: 228px;
    background-color: #777776;
    color: White;
    text-align: left;
    border-color: White;
}

.assetListDispatchedDate {
    max-width: 228px;
    width: 228px;
    background-color: #777776;
    color: White;
    text-align: left;
    border-color: White;
}

.TIDAssetTabTableButtonCell
{
	text-align: center;
}

.TIDProfileTabTable {
    width: 1184px;
}

.TIDProfileTabTableCell
{
	width: 100%;
	height: 130px;
}

.TIDProfileTabTablePanel
{
	text-align: left;
}

.TIDProfileTabDLButtonArea {
    width: 353px;
}

.TIDProfileTabSaveButtonArea {
    width: 399px;
}

.TIDSpaceWidth
{
}

.TIDSpaceHeight
{
	height: 5px;
}


/*Audit History*/

.ProfileAuditLogHeader {
    overflow: hidden;
    height: 20px;
    position: relative;
    top: 1px;      
    text-align: left;
    vertical-align: top;
    font-size: 12px;
    color: Black;
}
.ProfileAuditLogTable {
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    top: 1px;
    height: 320px;
    text-align: left;
    vertical-align: top;
    font-size: 12px;
    color: Black;
}




/*Download History*/

.DownloadHeader {
    overflow: hidden;
    height: 20px;
    position: relative;
    top: 0px;
    font-size: 12px;
    color: Black;
}


.DownloadData {
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    top: 1px;
    height: 320px;
    text-align: left ;
    vertical-align: top;
    font-size: 12px;
    color: Black;
}





/* Swap/RPO screen */
.swapRPOTableBody
{
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.swapRPOTableBodyCenter
{
	vertical-align: top;
	width: 1200px;
}
.swapRPOSpaceWidth
{
	width: 10%;
}
.swapRPOItemsToSwap
{
	text-align: left;
	font-size: 12px;
}
.swapRPOItemsToSwapGroup
{
	text-align: left;
	width: 825px;
	font-size: 12px;
}
.swapRPOItemsToSwapFieldSet {
	width: 825px;
	border-color: Black;
	text-align: left;
	margin-top: 0px;
	height: 275px;
	background-color: #D5D5D5;
	border: 0px;
}
.swapRPOItemsToSwapTableBody
{
	width: 100%;
	font-size: 12px;
}
.swapRPOItemsToSwapTableBodyAssetList
{
	vertical-align: top;
	width: 300px;
}
.swapRPOItemsToSwapTableBodyButtons
{
	column-span: all;
	width: 0px;
	text-align: center;
}
.swapRPOItemsToSwapTableBodyItemToSwap
{
	vertical-align: top;
	width: 300px;
}
.swapRPOItemsToSwapAssetListTableColumnHead
{
	width: 395px;
	height: 22px;
}
.swapRPOItemsToSwapItemsToSwapTableColumnHead
{
	width: 395px;
	height: 22px;
}
.swapRPOAdditionalPartsGroup
{
	text-align: left;
	width: 825px;
	position: relative;
	top: -13px;
	top: -20px;
}
.swapRPOAdditionalPartsFieldSet
{
	width: 825px;
	border-width: 2px;
	border-color: Black;
	text-align: left;
	margin-top: 0px;
	height: 275px;
}
.swapRPOAdditionalPartsTableBody
{
	width: 100%;
	height: 22px;
}
.swapRPOAdditionalPartsTableBodyParts1
{
	vertical-align: top;
	width: 323px;
}
.swapRPOAdditionalPartsParts1TableColumnHead
{
	width: 300px;
	height: 22px;
}
.swapRPOAdditionalPartsTableBodyButtons
{
	width: 130px;
	text-align: center;
}
.swapRPOAdditionalPartsTableBodyParts2
{
	vertical-align: top;
	width: 300px;
}
.swapRPOAdditionalPartsPartsColumnHead
{
	width: 300px;
	height: 22px;
}
.swapRPOButtonPosition
{
	width: 825px;
	text-align: center;
}
.swapRPODeliveryAddressColumn {
	width: 375px;
	vertical-align: top;
	text-align: left;

}
.swapRPODeliveryAddressFieldSet {
	width: 395px;
	border-width: 0px;
	border-color: Black;
	text-align: left;
	margin-top: 0px;
	background-color: #D5D5D5;
	
}
.swapRPODispatchDateFieldSet {
	width: 395px;
	border-width: 0px;
	border-color: Black;
	text-align: left;
	margin-top: 0px;
/*	top: 4px;
	left: 5px;
*/	
}
.swapRPOAssetListSwapTableInnerCell {
	width: 354px;
	
}
.swapRPOassetListAsset
{
	max-width: 190px;
	width: 190px;
	height: 22px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}
.swapRPOassetListTID
{
	max-width: 120px;
	width: 120px;
	height: 22px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}
.swapRPOassetListSerialNumber
{
	max-width: 200px;
	width: 200px;
	height: 22px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}
.swapRPOAdditionalPartsCell
{
	vertical-align: top;
	width: 318px;
}
.swapRPOCourierCell {
	height: 225px;
	
	background-color: #D5D5D5;
	border: 5px solid #efefef;

}
.swapRPODeliveryCell {
	height: 300px;
	background-color: #D5D5D5;
	border: 5px solid #efefef;
}
.swapRPOItemsToSwapCell
{
	vertical-align: top;
	text-align: left;
	width: 825px;
	height: 285px;
	position: relative;
	top: 2px;
	left: 10px;
}
.parts1Parts
{
	max-width: 300px;
	width: 300px;
	height: 22px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}
.parts2Parts
{
	max-width: 225px;
	width: 225px;
	height: 22px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}
.parts2Quantity
{
	max-width: 75px;
	width: 75px;
	height: 22px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}
.SwapsRPOtext
{
	color:Black;
	text-align:left;
	font-size: 16px;
}


.dropbtn {
    color: Black;
    text-align: left;
    font-size: 16px;
    
}





.swapUpgradeFieldSet
{
	width: 825px;
	border-width: 2px;
	border-color: Black;
	text-align: left;
	margin-top: 0px;
	height: 275px;
	font-size: 18px;
	font-weight:bold;
}

.swapUpgradeHeader
{
	text-align: left;
	font-size: 18px;
	font-weight:bold;
}





/* Asset Swap Screen */
.AssetSwapTableBody {
	text-align: center;
	vertical-align: top;
	width: 100%;
	color: Black;
	background-color: #D5D5D5;
}
.AssetSwapTableBodyCenter {
	vertical-align: top;
	width: 100%;
	background-color: #D5D5D5;
}
.AssetSwapSpaceWidth
{
	width: 10%;
}

.AssetSwapItemsToSwapCell
{	
	width:100%;
}

.AssetSwapItemsToSwap
{
	text-align: left;
	font-size: 12px;
	
}
.AssetSwapItemsToSwapFieldSet {
	width: 100%;
	border-width: 0px;
	border-color: Black;
	text-align: left;
	margin-top: 0px;
	height: 300px;
	max-width: 950px;
	background-color: #D5D5D5;
}

.AssetSwapItemLabels
{
	width: 250px ;
	height:20px;
	font-size: 16px;
	margin-left: 0px;
	margin-top:5px;
	text-align:right;
}

.AssetSwapItemData
{
	font-size:16px;
	margin-left:10px;
	margin-top:5px;
	text-align:left;
}

.AssetSwapTableReplacement
{
	width: 50%;
}

.AssetSwapButton
{
	width: 20%;
}






/* Admin Screen */
.AdminBody
{
	width: 100%;
   
}
.AdminSpaceWidth
{
	width: 15%;
}
.AdminBodyRow
{
	height: 500px;
}
.AdminBodyColumn
{
	text-align: center;
}
.AdminBodyTable
{
	width: 100%;
}
.AdminBodyTableRow
{
	height: 100%;
}
.AdminBodyTableUserList {
	height: 100%;
	text-align: center;
	background-color: #D5D5D5;
	border: 5px solid #efefef;
	padding-left:25px;
}
.AdminBodyTableAddUser {
	height: 50%;
	text-align: justify;
	vertical-align: top;
	background-color: #D5D5D5;
	border: 5px solid #efefef;
	padding-left: 25px;
}
.AdminBodyTableButton {
	height: 100%;
	text-align: center;
}


.AdminAddUserFieldSet
{
	height: 530px;
	width: 460px;
	border-width: 0px;
	border-color: Black;
	padding-top: 0px;
}
.AdminFont {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	
}
.AdminAddUserTable
{
	width: 460px;
	height: 299px;
}
.AdminAddUserRow
{
	width: 460px;
	height: 100px;
	text-align: left;
}
.AdminAddUserColumn
{
	width: 480px;
	height: 100px;
	text-align: left;
}
.AdminAccessLevelRow
{
	width: 460px;
	height: 100px;
	text-align: left;
}
.AdminAccessLevelColumn
{
	width: 460px;
	height: 100px;
	text-align: left;
}
.AdminUpdateUserRow
{
	width: 460px;
	height: 100px;
	text-align: center;
}
.AdminUpdateUserColumn
{
	width: 460px;
	height: 50px;
	text-align: center;
}
.AdminUserListFieldSet
{
	width: 485px;
	height: 530px;
	text-align: left;
	border-width: 0px;
	font-size: 16px;
	border-color: Black;
	vertical-align: top;
	padding-top: 0px;
}
.AdminUserListTableBody
{
	vertical-align: top;
	width: 450px;
}
.AdminUserListColumnHead
{
	width: 450px;
	height: 22px;
}
.AdminUserListEnabled
{
	max-width: 74px;
	width: 74px;
	height: 22px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}
.AdminUserListUserName
{
	max-width: 200px;
	width: 200px;
	height: 22px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.AdminUserListCustomer
{
	max-width: 200px;
	width: 200px;
	height: 22px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.AdminUserListSpaceField
{
	height: 15px;
}
.AdminUserListButtons
{
	text-align: center;
	font-size: 16px;
	height: 45px;
	margin-top: 0px;
}
.AdminUserListTableInnerCell
{
	width: 469px;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	color: Black;
}

.AdminLabelFont {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	width: 80px;
}

.AdminList-table 
{
      display: table;
      width:100%;
}

.Adminlist-row {
    display: table-row;
}

.Adminlist-cell
{
    display: table-cell;
    border: none;
    border-width: thin;
    padding-left: 5px;
    padding-right: 5px;
     width:auto;
    /*width:50%;*/
}
.Adminlist-data {
	display: table-cell;
	border: none;
	border-width: thin;
	padding-left: 5px;
	padding-right: 5px;
	width: auto;
	text-align: left;
	font-size: 12px;
}

.Adminlist-Button {
	display: table-cell;
	width: auto;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}


.Adminlist-Disabled {
	display: table-cell;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 14px;
	font-weight:bold;
	color: red;
}

.AdminCheckboxes {
	margin-right: 15px;
}


.checkboxes input {
	margin: 0px 0px 0px 0px;
}

.checkboxes label {
	margin: 0px 20px 0px 3px;
}



/* REPORTS */
.ReportPageHeader {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	
}

.reportPageTable {
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #D5D5D5;
	border: 5px solid #efefef;
}

.reportFieldSet {
	width: 1215px;
	text-align: left;
	border-width: 0px;
	font-size: 16px;
	border-color: Black;
	vertical-align: top;
	padding-top: 0px;
	
}

.ReportColumnHeading
{
    border-width: 1px;
	position:relative;
	left:0px; 
	top: 5px; 
	width: 1200px; 
	font-weight:bold;
	border-collapse:collapse;
	font-size:16px;
	
}

.hdrReportID
{
	max-width: 20%;
	width: 20%;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.hdrReportDesc
{
	max-width: 60%;
	width: 60%;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.hdrReportLastRun
{
	max-width: 20%;
	width: 20%;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.reportResults
{
	font-size:11px;
	font-weight:normal;
	border-collapse: collapse;
	width:100%;
}

.reportResults tr th
{
    background-color: #3c454f;
    color: #ffffff;
    padding: 10px 5px 10px 5px;
    border: 1px solid #cccccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-transform:capitalize;
}
.reportResults tr:nth-child(2n+2)
{
    background-color: #f3f4f5;
}

.reportResults tr:nth-child(2n+1) td
{
    background-color: #d6dadf;
    color: #454545;
}
.reportResults tr td
{
    padding: 5px 10px 5px 10px;
    color: #454545;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #cccccc;
    vertical-align: middle;
}
    .reportResults tr td:first-child
    {
        text-align: center;
    }



/* ISSUES */

.IssuesHeader {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: Black;
	text-align: left;
}

.IssuesBodyTableRow
{
	height: 100%;
}

.IssuesLabelStyle {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	text-align: left;
	vertical-align: middle;
	Width: 197px;
}

.IssuesHelpLabelStyle {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	text-align: left;
	vertical-align: middle;
}

.IssuesTextEntryStyle {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	text-align: left;
	vertical-align: middle;
	Width: 500px;
}










/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
	background-color: #3a4f63;
	color: White;
	width: 100%;
}

div.menu
{
	padding: 4px 0px 4px 8px;
}

div.menu ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
	background-color: #465c71;
	border: 1px #4e667d solid;
	color: #dde4ec;
	display: block;
	line-height: 1.35em;
	padding: 4px 20px;
	text-decoration: none;
	white-space: nowrap;
}

div.menu ul li a:hover
{
	background-color: #bfcbd6;
	color: #465c71;
	text-decoration: none;
}

div.menu ul li a:active
{
	background-color: #465c71;
	color: #cfdbe6;
	text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
	margin: 1em 0px;
	padding: 1em;
	border: 1px solid #ccc;
}

fieldset p
{
	margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
	display: block;
	text-align: left;
}

fieldset label.inline
{
	display: inline;
}

legend
{
	font-size: 16px;
	font-weight: 600;
	padding: 2px 4px 8px 4px;
	left: -15px;
}

.legend-srch {
	font-size: 20px;
	font-weight: 600;
	padding: 14px 4px 8px 4px;
	left: -15px;
}


input.textEntry
{
	border: 1px solid #ccc;
	text-align: left;
	margin-left: 0px;
}

input.passwordEntry
{
	border: 1px solid #ccc;
	text-align: left;
	margin-left: 0px;
}

div.accountInfo
{
	width: 90%;
	margin-right: 0px;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
	clear: both;
}

.title
{
	display: block;
	float: left;
	text-align: left;
	width: auto;
}

.loginDisplay
{
	font-size: 1.1em;
	display: block;
	text-align: right;
	padding: 10px;
	color: White;
}

.loginDisplay a:link
{
	color: white;
}

.loginDisplay a:visited
{
	color: white;
}

.loginDisplay a:hover
{
	color: white;
}

.failureNotification
{
	font-size: 24px;
	color: Red;
	font: bold;
}

.failureNotificationText
{
	font-size: 24px;
	color: Red;	
	vertical-align : middle;
}


.alignFailureNotification {
    font-size: 24px;
    color: Red;
    position:  relative;
    left: -14px;
    /*top: -19px;*/
    /*height: 21px;*/
    /*width: 107px;*/
    vertical-align: middle;

}



.SwapValidationText {
    font-size: 18px;
    color: Red;
   
}


.loginFailureMessage
{
	font-size: 24px;
	color: Red;
}

.bold
{
	font-weight: bold;
}

.submitButton
{
	text-align: right;
	padding-right: 10px;
}

.divider
{
	width: 5px;
	height: auto;
	display: inline-block;
}

.ButtonACQ
{
	font-size: 14px;
}






   
#nav {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #ccc;
	border-bottom: 1px solid #999;
	}

#nav li { 
	float: left;
	margin: 0;
	padding: 0;
	}

#nav a {
	float: left;
	display: block;
	padding: 6px 30px 6px 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	color: #666;
	background: #ccc url(slant.gif) no-repeat top right;
	}

#nav #nav-1 a {
	padding-left: 20px;
	}

#nav a:hover {
	color: #000;
	}   
	
	
/*	
.modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=90);
        opacity: 0.8;
    }
.modalPopup
    {
        background-color: #FFFFFF;
        border-width: 3px;
        border-style: solid;
        border-color: black;
        padding-top: 10px;
        padding-left: 10px;
        width: 300px;
        height: 140px;
    }
 .modalPopup .header
    {
        background-color: #777777;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }    
*/

 .modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=40);
        opacity: 0.4;
    }
    .modalPopup
    {
        background-color: #FFFFFF;
        width: 600px;
        border: 3px solid #444444;
        height: 400px;
    }
    .modalPopup .header
    {
        background-color: #444444;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }
    .modalPopup .body
    {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        padding:25px
    }
    
     .modalPopup .text
    {
    	font-size: 12pt;
        color:black;
        background-color:white;
    }
    
    .modalPopup .footer
    {
        padding: 3px;
    }

#CancelChoice input[type=radio]:checked + label {
    color: black;
    background-color: white;
    font-weight:600;
}
    /*
    .modalPopup .button
    {
        height: 23px;
        color: White;
        line-height: 23px;
        text-align: center;
        font-weight: bold;
        cursor: pointer;
        background-color: #9F9F9F;
        border: 1px solid #5C5C5C;
    }
*/
    .modalPopup td
    {
        text-align:left;
    }



.modalMessageBackground
	{
		background-color: Black;
		filter: alpha(opacity=90);
		opacity: 0.8;
	}
.modalMessagePopup
	{
		background-color: #FFFFFF;
		border-width: 3px;
		border-style: solid;
		border-color: black;
		padding-top: 10px;
		padding-left: 10px;
		width: 300px;
		height: 140px;
	}    
    

    


/* Change the colour of disabled controls */
input[disabled] {
    background:#efefef;
    color:gray;
	}   
input[disabled]:hover {
    background:#efefef;
    color:gray;
	}



.tooltip {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
	background-color: #777776;
	color: White;
	padding: 5px;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
}
    td
    {
        cursor: pointer;
    }



.Repeater, .Repeater td, .Repeater td
        {
            border: 1px solid #ccc;
        }
        .Repeater td
        {
            background-color: #eee !important;
        }
        .Repeater th
        {
            background-color: #6C6C6C !important;
            color: White;
            font-size: 10pt;
            line-height: 200%;
        }
        .Repeater span
        {
            color: black;
            font-size: 10pt;
            line-height: 200%;
        }
        .page_enabled, .page_disabled
        {
            display: inline-block;
            height: 20px;
            min-width: 20px;
            line-height: 20px;
            text-align: center;
            text-decoration: none;
            border: 1px solid #ccc;
        }
        .page_enabled
        {
            background-color: #eee;
            color: #000;
        }
        .page_disabled
        {
            background-color: #6C6C6C;
            color: #fff !important;
        }





/* Despatch Queue */

.despSpireRef
{
	max-width: 100px;
	width: 100px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.despCategory
{
	max-width: 80px;
	width: 77px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}


.despCustomer
{
	max-width: 175px;
	width: 175px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.despMerchant
{
	max-width: 282px;
	width: 282px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.despTID
{
	max-width: 100px;
	width: 100px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.despMID
{
	max-width: 160px;
	width: 160px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.despModel
{
	max-width: 130px;
	width: 130px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.despRequiredDate
{
	max-width: 160px;
	width: 160px;
	background-color: #777776;
	color: White;
	text-align: left;
	border-color: Black;
}

.DespatchSummary {
    width: 520px;
    margin: 15px 15px 15px 15px;
    Height:640px;
}





/* NEW SEARCH BAR */


.tab-container {
	position: relative;
	min-height: 100px; /* This part sucks */
	clear: both;
	margin: 25px 0;
	width: 100%;
	margin: 0px auto;
	color: white;
	top: -25px;
	background: #bf211e;
*/
}

.tab {
	float: left;
}

	.tab label {
		/*background: #333;*/
		background: #bf211e;
		padding: 10px;
		border: 0px;
		margin-left: 0px;
		position: relative;
		left: 0px;
	}

    .tab [type=radio] {
        display: none;
    }

.content {
    position: absolute;
    top: 44px;
    left: 0;
    background: #efefef;
    right: 0;
    padding: 20px;
    border: 1px solid #ccc;
}


[type=radio]:hover input ~ .checkmark {
    background-color: #777776;
}


[type=radio]:checked ~ label {
    background: #777776;
    border-bottom: 1px solid white;
    z-index: 2;
}

    [type=radio]:checked ~ label ~ .content {
        z-index: 1;
    }



/* Style the search field */
form.search input[type=text] {
    padding: 5px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    width: 98%;
    background: white;
}

/* Style the submit button */

/* Clear floats */
form.search::after {
    content: "";
    clear: both;
    display: table;
}





input:required:invalid, input:focus:invalid {
    /* insert your own styles for invalid form input */
    -moz-box-shadow: none;
}


.iframe {
	box-shadow: none !important;
}


.profilePage {
	overflow: auto;
	height: 340px;
}

.profileValidator {
	color: red;
}

.custom-validation-summary {
	color: red;
	padding: 0;
	font-size: 12px;
}


.custom-validation-summary li {
	color: red;
	padding: 0;
	font-size: 12px;
}

.hiddencol {
	display: none;
}