@charset "utf-8";
/* CSS Document */


/*Whole page styles*/

html, body {
    margin: 0;
    padding: 0;

}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

div.backgroundContainer {
    background-image: url(../images/background.png);
    background-repeat: repeat-x;
    width: 100%;
}

#page-container {
    margin: auto;
    text-align: left;
    width: 999px;
}

/*End whole page styles*/

/*Header styles------------------------------------*/
#header {
    padding: 0;
    height: 40px;
}

#header img {
    margin-bottom: -5px;
    margin-top: 25px;
    padding: 0;
}

img.VersionNumber {
    float: right;
    margin-bottom: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
}

#header h1 {
    font-size: 1.2em;
    color: #ffffff;
    text-align: center;
    position: relative;
    top: 6px;
    width: 600px;
    margin: 0 auto;

}

#titlebar h1 {
    font-weight: 100;
    font-size: 100%;
    color: #ffffff;
    margin: 0 0 0 185px;
    padding: 8px 0 0 6px;
}

/*AAA - now hidden*/
#options {
    display: none;
    position: absolute;
    top: 1em;
    right: 1em;
}

#options a.optionnormal {
    color: #333333;
    font-size: 0.75em;
}

#options a.optionlarge {
    color: #333333;
    font-size: 1em;
    margin-left: 5px;
}

#options a.optionlarger {
    color: #333333;
    font-size: 1.25em;
    margin-left: 5px;
}

/*End AAA - now hidden*/
#toolbar {
    display: none;
}

ul#topmenu {
    float: left;
    margin: 0;
    padding: 0;
    display: none;
}

ul#topmenu li {
    float: left;
    list-style: none;
    padding: 0 0.5em 0 0.5em;
    background-image: url(../images/toolbar-button.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 28px;
}

ul#topmenu li a {
    display: block;
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    padding-top: 3px;
}

ul#topmenu li.listfirstitem {
    border-left: none;
    background-image: url(../images/toolbar-button-first.png);
    background-repeat: no-repeat;
    height: 28px;
    width: 60px;
    padding-left: 15px;
}

ul#topmenu li.listfirstitem a {
    padding: 3px 0 0 9px;
}

/*End header styles------------------------------------*/

/*Left nav styles------------------------------------*/
#navigationFrame {
    clear: both;
    float: left;
    height: auto;
    line-height: 18px;
    margin-top: -36px;
}

#navigationFrame .padding {
    padding: 0;
}

#navigation {
    width: 179px;
    margin: -5px 0 0;
    background: #ffffff;
}

#navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

#navigation li {
    border-top: 1px solid #999999;
    background-image: url(../images/red-arrow.png);
    background-repeat: no-repeat;
}

#navigation li#on a, #navigation li#on a a:hover {
    border: 0;
    background-color: #e6e6e6;
    background-image: url(../images/grey-arrow-on.png);
    background-repeat: no-repeat;
    color: #333333;
    width: 11.2em;
}

#navigation li a:link, #navigation li a:visited {
    width: 12em;
    display: block;
    padding: 0.3em 0.5em 0.3em 2.0em;
    color: #333333;
    text-decoration: none;

}

#navigation ul ul {
    border-top: 1px solid #999999;
    border-left: 0;
    border-right: 0;
}

#navigation ul ul li {
    border: 0;
    background-image: url(../images/grey-arrow.png);
    background-repeat: no-repeat;

}

#navigation ul ul a:link, #navigation ul ul a:visited {
    width: 11em;
    color: #333333;
    padding-left: 3.2em;
}

#navigation li.last {
    border-bottom: 2px solid #666666;

}

.show {
    display: block;
    width: auto;
    clear: both;
}

.hide {
    display: none;
}

/* Switching off the CMS Discovery logo, style needs to be left in place a it's switched back on in the scheme css*/
.discoveryLogo {
    display: none;
}

/* END OF Switching off the CMS Discovery logo, style needs to be left in place a it's switched back on in the scheme css*/
/*End left nav styles------------------------------------*/
/*User panel styles------------------------------------*/

div.userPanel {
    height: 500px;
    float: right;
    margin: -40px 0 0;
}

div.userPanel .top {
    width: 176px;
    background-color: #ffffff;
    border: 1px solid #999999;
    border-top: none;
    border-bottom: none;
}

div.userPanel .top p {
    padding: 6px 0 0 5px;
    margin: 0;
    text-align: left;
}

div.userPanel .top p.logout a {
    font-size: 90%;
    color: #666666;
    text-decoration: underline;
}

div.userPanel .top p.logout {
    padding-top: 0;
}

div.userPanel .top p em {
    font-style: normal;
    color: #000000;
    font-weight: 700;
}

div.userPanel .bottom {
    border: solid 2px #666666;
    width: 175px;
    background-color: #ffffff;
    clear: both;
}

* html div.userPanel .bottom {
    width: 177px;
}

div.userPanel .bottom a {
    background-image: url(../images/user-panel-arrow.png);
    background-repeat: no-repeat;
    margin: 3px 0 3px 5px;
    padding: 0 0 0 17px;
    display: block;
    line-height: 18px;
    color: #333333;
    text-decoration: none;
    text-align: left;
}

div.userPanel img {
    padding: 0;
    border: none;
}

div.userPanel a {
    border: none;
}


div.userPanel p {
    margin: 3px 5px;
}

div.userPanel p.logOut {
    padding-top: 0;
}

div.userPanel p.logOut a {
    color: #666666;
    font-size: 90%;
}

ul.recentlyViewed {
    margin: 4px 3px 5px 5px;
    padding-left: 0;
}


ul.recentlyViewed li {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

ul.recentlyViewed li a, ul.recentlyViewed li a:visited {
    background-image: url(../images/user-panel-arrow.png);
    background-repeat: no-repeat;
    margin: 0 !important;
    padding: 0 0 0 17px !important;
    display: block;
    line-height: 18px;
    color: #333333;
    text-decoration: none;
    text-align: left;
}

p.userPanelDivider, p.header {
    background-image: url(../images/userPanelDivider.png);
    background-repeat: repeat-x;
    padding-left: 5px;
    line-height: 2em;
    margin: 0 !important;
    text-align: left;
}

div.userPanel #dataPartIssuer {
    width: 175px;
    margin-top: 3px;
}

div.userPanel #quicksearch {
    margin: 3px;
    width: 165px;
}

div#userPanel div.userPanel div.bottom p.advancedSearch {
    margin-left: 0;
    position: relative;
    top: -27px;
    margin-bottom: -20px;
    width: 100px;
}

div#userPanel div.userPanel div.bottom p.advancedSearch a {
    background: none;
    padding-left: 0;
    color: blue;
    text-decoration: underline;
    width: 100px;
}

div.userPanel .formbutton {
    margin: 5px 5px 5px 109px;
}

#userAlerts {
    width: 60px;
    margin: 0 0 0 auto;
}

/*End user panel styles------------------------------------*/


/*Page content ----------------------------------------------------------------------------*/
h1 {
    font-size: 1.5em;
}

#content h1 {
    margin: 0;
    padding: 10px 0 0;
    font-size: 1.6em;
    font-weight: 100;
}

#content h2, #content table caption, .datatable caption, .datatableHover caption, .customerDetailsTable caption, .gridtable caption {
    margin: 0;
    padding: 25px 0 15px 0;
    font-size: 1.1em;
    font-weight: 700;
}

#content form.utilitiesOption {
    margin: 1em 0 2em;
    padding: 2em 1em;
    background: #fafafa;
    box-shadow: 1px 1px 2px #ccc;
}

#content form.utilitiesOption.enabled {
    border: 4px solid #ff8100;
    background: #fff3e6;
}

#content form h2 {
    padding-top: 0;
}

img {
    border: none;
}

#content {
    text-align: center;
    margin: 0 190px 0 190px;
    position: relative;
}

#content table {
    margin-left: auto;
    margin-right: auto;

}


#content p {
    margin: 0;
    padding: 0 0 10px;
    line-height: 18px;
}

div.generalContainer {
    border: 1px solid #666666;
    background-color: #ffffff;
    padding: 20px 5px;
    margin: 10px 0;
}

label {
    text-align: left;
    width: 14em;
    float: left;
    margin: 0;
    padding-left: 3%;
    line-height: 18px;
}

.centeredLabel {
    float: none;
    margin-bottom: 0.5em;
    padding-right: 1em;
    width: 14em;
    text-align: left;
}

label.large {
    clear: both;
    text-align: left;
    width: 25em;
    float: left;
    margin-bottom: 0.5em;
}

label.paramLarge {
    clear: both;
    text-align: left;
    width: 21em;
    float: left;
    margin-bottom: 0.5em;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .paramValLarge {
        max-width: 24em;
    }
}

#tabPane2Content label, div.cardParameter label {
    width: 16em;
    clear: none;
}

label.radio {
    text-align: left;
    width: 25em;
    /*	float: right;*/
    margin-bottom: 10px;
    margin-left: 20px;
}

label.labelAbove {
    text-align: center;
    margin-bottom: 5px;
    width: 100%;

}

label.labelWide {
    width: 50%;
}

p.pairBoxFirst, p.pairBoxSecond {
    display: inline;
}

div.pairBoxNoLabel {
    text-align: left;
}

p.genderTable {
    text-align: left;
}

span.radioButton {
    text-align: left;
    margin-left: 0;
    display: inline-block;
    width: 1.5em;
}

span.radioLabel {
    text-align: left;
    margin-right: 15px;
    display: inline-block;
    width: 3em;
}

span.radioLabelNoWrap {
    text-align: left;
    margin-right: 15px;
    display: inline-block;
    width: 3em;
    white-space: nowrap;
}

div.customerAccordianContentOpen fieldset {
    text-align: left;
}

p.pairBoxSecond input, p.pairBoxFirst input, p.pairBoxFirst select {
    margin-bottom: 10px;
}

p.pairBoxSecond input.formbutton {
    margin-left: 7px;
}

label.pairBoxSecondLabel {
    float: none
}

table {
    width: 98%;
}

p.pairBoxFirst img {
    position: relative;
    top: 3px;
}

/*Data tables*/
#datatableContainer {
    margin: 10px auto;
    background: transparent;
    clear: none;
}

#datatableContainerSmall {
    margin: 2em auto 0;
    padding: 1em;
    width: 50%;
    background: transparent;
}

#datatableContainerGray {
    margin: 10px auto;
    padding: 1em;
    background: transparent;
}

#datatableContainerFull {
    margin: 2em auto 0 0;
    background: transparent;
    overflow: auto;
    padding: 5px;
}

* html #datatableContainerFull {
    margin-top: 10px;
}

#datatableContainer label, #datatableContainerSmall label {
    display: none;
}

#datatableContainerGray {
    background-color: #ffffff;
    border: 1px solid #666666;
}

#datatableContainerFull label {
    display: none;
}

.datatable {
    border: 1px solid #999999;
    border-collapse: collapse;
    margin-bottom: 1em;
    text-align: center;
}

#content .datatableLeftNoBorder {
    text-align: left;
}

.datatable td {
    border: 1px solid #999999;
    padding: 2px;
    word-wrap: break-word;
}

.datatable tr {
    background-color: #FFFFFF;
}

.datatable th {
    border: 1px solid #666666;
    background-color: #333333;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    padding: 2px;
}

.datatable th a {
    color: #FFFFFF;
}

.datatable tr.altrow {
    background-color: #dfe7f2;
}

.datatable tr.actioned {
    background-color: #dfe7f2;
}

.datatableHover {
    border: 1px solid #666666;
    border-collapse: collapse;
    margin: 0;
    width: 100%;
    text-align: center;
}

.datatableHover td {
    border: 1px solid #666666;
    padding: 1px
}

.datatableHover th {
    border: 1px solid #666666;
    background-color: #333333;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    padding: 1px;
}

.datatableHover tr.altrow {
    background-color: #dfe7f2;
}


.datatableHover tr:hover, .datatableHover tr.hilight {
    background-color: #DFE7F2;
    color: #000000;
}

#homepage .datatable td, #homepage .datatable th {
    border-left: none;
    border-right: none;
}


#stackTableContainer {
    float: none;
}

#stackTable {
    float: left;
    width: 32%;
    text-align: left;
    padding: 3px;
    height: 1150px;
}


#paginationContainer .paginationcurrent {
    border: 1px solid #666666;
    background-color: #F1F1F1;
}

div#paginationContainer table {
    width: auto;
}

.shadedRow {
    background-color: #E5E5E5;
}

/*Used to gray out old customer photo in photo table*/
tr.tableRowFaded {
    opacity: 0.3;
}


tr.tableRowBold {
    font-weight: 700;
}

#cardServicesContainer {
    margin: 0 auto;
    padding: 5px;
    width: 90%;
    display: block;
}

#cardServicesContainer th {
    text-align: right;
}

#cardServicesContainer td {
    text-align: left;
}

#cardServicesBottomContainer {
    margin: 2em auto 0;
    padding: 1em;
    width: auto;
    background-color: #ffffff;
    border: 1px solid #666666;
    overflow: hidden;
}

#cardServicesContainer {
    background-color: #ffffff;
    border: 1px solid #666666;
}


/*End data tables*/

/*Customer panel-----------------------------------------------*/

#customerToolbar {
    margin: 7px 3px 0 8px;
    height: 3.3em;
    overflow: hidden;
}

#customerName {
    background-image: url(../images/corner-left.png);
    background-repeat: no-repeat;
    color: #333333;
    float: left;
    font-weight: 100;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 16px;
    padding-left: 1em;
    padding-top: 10px;
    text-align: left;
    width: 370px;
}

#customerName em {
    color: #000000;
    font-style: normal;
    font-weight: 700;

}

#customerRefresh {
    background-image: url(../images/corner-right.png);
    background-position: right;
    background-repeat: no-repeat;
    float: right;
    height: 48px;
    width: 15em;
}

#customerTabForms {
    margin-bottom: 5px;
    padding: 1em;
    border: 1px solid #666666;
    width: 47.8em;
}

#customerToolbar {
    background-color: #ffffff;
    font-weight: 600;
    height: 48px;
    background-image: url(../images/border.png);
    background-repeat: repeat-x;
    margin-left: 8px !important;
}

#customerToolbar img {

    padding-top: 8px;
    padding-left: 5px

}

/*Tabs content, new tabs styling is at the end of the style sheet*/
.tab-container {
    background-color: #ffffff;
    border-color: #999999 !important;
    border-style: solid !important;
    border-width: 0 1px 1px 1px !important;
    margin-left: 5px;
    margin-top: -5px;
}

.tab-panes {
    margin: 0 auto 0 -1px;
    width: auto;
    overflow: visible;
    border: none !important;
}

/*width specified to fix bug CMS-2552*/
/*overflow auto removed to fix bug CMS-3966 and CMS-3794*/
div.customerPanelContent {
    margin: 0;
    width: 609px;
    overflow: visible;
}

#tabPane2Content {
    width: 48em;
    margin: 0 auto;
}

#photoTabTableContainer {
    width: 25em;
    margin: 0 auto;
}

div#createTicketDiv {
    position: relative;
}

/*End tabs content*/

/* Customer details table */


.customerDetailsTable th {
    text-align: right;
    padding-right: 10px;
    width: 50%;
}

.customerDetailsTable td {
    text-align: left;
    padding-left: 10px;
    width: 50%;
}

.gridtable {
    border: 1px solid #000000;
    border-collapse: collapse;
    margin: 15px;
    text-align: center;
    background-color: #EBECEC;
}

.gridtable td {
    border: 1px solid #999999;
    padding: 3px;
    background-color: #FFFFFF;
}

.gridtable th {
    border: 1px solid #666666;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    padding: 1px;
    background-color: #333333;
}

.gridtable th a {
    color: #ffffff;

}


.accessTable {
    border: 1px solid #000000;
    margin: 1em;
    background-color: #F8F8F8;
    border-collapse: collapse;
}

.accessTable td {
    padding-left: 5px;
    border: 1px solid #999999;
    border-collapse: collapse;
}

.accessTable th {
    padding-left: 5px;
    border: 1px solid #666666;
    border-collapse: collapse;
    color: #FFFFFF;
    background-color: #333333;
}

/* End customer details table */


/*Card tables*/
/*Card tables - 2 oct 09*/
.tableGray, .tableRed, .tableYellow, .tableGreen, .tableBlue {
    border: 2px solid #666666;
    border-spacing: 0;
    text-align: left;
    margin-bottom: 35px;
}

.tableGray td, .tableRed td, .tableYellow td, .tableGreen td, .tableBlue td {
    width: 50%;
}

.tableGray th.centerAlign, .tableRed th.centerAlign, .tableYellow th.centerAlign, .tableGreen th.centerAlign, .tableBlue th.centerAlign {
    background-color: #cccccc;
}

.tableGray th.centerAlign {
    border-bottom: 2px solid #666666;
}

.tableGreen {
    border: 2px solid #336633;
}

.tableGreen th.centerAlign {
    background-color: #ccffcc;
    border-bottom: 2px solid #336633;
    color: #336633;
}

.tableYellow {
    border: 2px solid #663300;
}

.tableYellow th.centerAlign {
    background-color: #ffff99;
    border-bottom: 2px solid #663300;
    color: #663300;
}

.tableRed {
    border: 2px solid #990000;
}

.tableRed th.centerAlign {
    background-color: #ffcccc;
    border-bottom: 2px solid #990000;
    color: #990000;
}

.tableBlue {
    border: 2px solid #000099;
}

.tableBlue th.centerAlign {
    background-color: #ccccff;
    border-bottom: 2px solid #000099;
    color: #000099;
}


/*END OF Card tables - 2 oct 09*/
/*card table row widths*/
.column1 {
    width: 35%;
}

.column2 {
    width: 20%;
}

.column3 {
    width: 10%;
}

.column4 {
    width: 15%;
}

.column6 {
    width: 15%;
}

/*End of card table row widths*/

/*End of card tables*/

/*End customer panel----------------------------------------------*/
#logon {
    margin: 0 auto;
    padding-top: 1em;
    height: 350px;
}

#logonHeader {
    margin: 0 auto;
    width: 30em;
    display: block;
    padding: 0.3em 1em;
}

#logonContent {
    margin: 0 auto;
    padding: 1em;
    width: 30em;
    display: block;
}

#logoff {
    width: 25em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 2em;
    background-color: #FFFFFF;
    border: 1px solid #999999;
}

#logoff input {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

#logoffContainer {
    padding: 5em;
    height: 350px;
}

#logonHeader {
    background-color: #ECECEB;
    border: 1px solid #999999;
    font-weight: bold;
}

#logonContent {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    border-top: none;
}

div.logonLogo {
    border: 1px solid #999999;
    color: #666666;
    font-style: italic;
    font-size: 16px;
    height: 91px;
    margin: 0 auto 10px;
    padding-top: 0;
    padding-left: 180px;
    text-align: center;
    width: 130px;
}

div.logonLogo p {
    margin-top: 10px;
}

/*All customer info page*/
#foiPrintLeftDiv {
    margin-left: auto;
    margin-right: auto;
    width: 35em;
    padding: 2em;
}

#foiPrintLeftDiv table {
    text-align: left;
}

#foiPrintRightDiv {
    margin-left: auto;
    margin-right: auto;
    width: 35em;
    padding: 2em;
}

#foiPrintCardDetailsDiv {
    margin-left: auto;
    margin-right: auto;
    clear: both;
    width: 20em;
    padding: 2em;
}

#foiPrintCardDetailsDiv table {
    text-align: left;
}

#foiPrintNotesDiv {
    margin-left: auto;
    margin-right: auto;
    width: 50em;
    padding: 2em 2em 2em 10px;
}

#foiPrintNotesDiv table td {
    text-align: left;
}

#foiPrintScanDiv {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    clear: both;
    padding: 2em;
}


#foiPrintAllLink {
    margin: 0 auto;
    padding-bottom: 30px;
    height: 68px;
    width: 155px;

}

#foiPrintAllLink a, #customerReturnLink a, #scannerLink a {
    background-image: url(../images/letterIcon.png);
    background-repeat: no-repeat;
    display: block;
    padding: 10px 65px 0 20px;
    text-align: left;
    height: 68px;
    width: 70px;
    color: #333333;
    text-decoration: none;
}

img.scanner {
    margin-bottom: 10px;
}

div.printAllInfo {
    background-color: #ffffff;
    border: solid 1px #999999;
}

div#documentTableDiv {
    padding-left: 10px;
    padding-right: 10px;
}

/*End all customer info page*/

/*Forms ----------------------------------------------------------*/

#cardServicesBottomContainer label {
    display: inline;
}

#stackTable label {
    float: none;
}

label#applicationType {
    margin-left: -25px;
    margin-right: 10px;
}

button {
    height: 20px;
    margin-left: 5px;
    border: 1px solid #999999;
    color: #333333;
}

#vetoDetails table {
    width: 50%;
}

#vetoDetails {
    padding: 2em;
}

#vetoNotes {
    clear: both;
    padding: 1em;
    width: 40em;
    margin: 0 auto;
}

p.centeredField {
    text-align: center;
}

p.radioField {
    text-align: left;
}

p.buttons {
    text-align: center;
    margin: auto 0;
}

p.addressLookup {
    text-align: left;
    padding-right: 5px;
    float: left;
    margin-bottom: 10px;
}

p.addressLookupButton {
    text-align: right;
}

p.field {
    text-align: left;
}

div.templateConfigurationForm p.field {
    height: auto;
}

input.textfield {
    margin-left: 50px;
}

p.fieldTextarea {
    text-align: left;
}

p.field img {
    margin-bottom: -4px;
    padding: 0;
}

#formContainer {
    margin: 10px auto;
    padding: 5px;
    display: block;
}

.noOverflow {
    overflow: hidden;
}

#formContainerMedium {
    margin: 10px auto;
    padding: 5px;
    width: 80%;
    display: block;
}

#formContainer {
    background-color: #ffffff;
    border: 1px solid #666666;
}

#formContainerMedium {
    background-color: #ffffff;
    border: 1px solid #666666;
}

#reportOptions {
    margin: 0 auto 0 20%;
    padding: 5px;
    display: block;
    background-color: #ffffff;
}

.formbutton {
    background-color: #D4DFE9;
    background-attachment: scroll;
    background-repeat: repeat;
    background-image: url(../images/submitback.png);
    background-position: top;
    border: 1px solid #999999;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    margin-top: 10px;
}

p.pairBoxSecond .formbutton {
    margin-top: 0;
}

.formbuttondisabled {
    background-color: #D4DFE9;
    background-attachment: scroll;
    background-repeat: repeat;
    background-image: url(../images/submitback.png);
    background-position: top;
    border: 1px solid #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #999999;
    margin-top: 10px;
}

p.scanCaptureField {
    width: 100px;
    display: inline;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

form[name="reportParameters"] {
    margin-left: auto;
    margin-right: auto;
}

/* Scriptaculous Autocomplete styling */
div.autocomplete {
    position: absolute;
    width: 250px;
    background-color: white;
    border: 1px solid #888;
    margin: 0;
    padding: 0;
}

div.autocomplete ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.autocomplete ul li.selected {
    background-color: #ffb;
}

div.autocomplete ul li {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 2px;
    cursor: pointer;
}

/* End of Scriptaculous Autocomplete styling */
/* Fix for bug CMS-2056 and CMS-2531*/
form#reissueTicketForm, form#renewTicketform, form#surrenderTicketForm, form#editTicketForm {
    text-align: left;
}

/*End of forms*/
/* Messages */

.success, .failed, .warning {
    background-color: #ffffff;
    background-image: url(../images/accept.png);
    background-repeat: no-repeat;
    margin: 10px auto;
    text-align: center;
    color: #009900;
    width: 20em;
    padding: 10px 30px 10px 35px;
    border: 2px solid #00cc00;
}

.failed {
    background-image: url(../images/warning.png);
    background-repeat: no-repeat;
    color: #cc0000;
    border: 2px solid #CC0000;
}

.warning {
    background-image: url(../images/warning.png);
    background-repeat: no-repeat;
    color: #cc0000;
    border: 2px solid #CC0000;
}

/* End of messages */
/*Picture button styling*/
#customerReturnLink {
    margin: 0 auto;
    width: 200px;
}

#customerReturnLink a {
    background-image: none;
    color: #0000FF;
    text-decoration: underline;
    width: 200px;
    margin: 0 auto;
    height: auto;
    text-align: center;
    padding: 1em;
}

#customerReturnLink a:visited {
    color: #800080;
}

#scannerLink a {
    background-image: url(../images/scanner.png);
    background-repeat: no-repeat;
    width: 80px;
    margin-left: auto;
    margin-right: auto;
}

#imageUploadForm, #captureMePhotoTab, #captureMeAppTab, #templateDownloadTableDiv, #evidenceUploadFormDiv, #documentUploadFormDiv, #photoUploadForm {
    margin: 1em auto 0;
    padding: 1em;
    border: 1px solid #666666;
}

#evidenceUploadFormDiv, #documentUploadFormDiv, #formPrintContainer, #templateDownloadTableDiv {
    display: none;
}

/*End of picture button styling*/


/*Questionable?*/
#centered {
    margin: 0 auto;
    padding: 1em;
    width: 95%;
    background: transparent;
}

#reportPeriod {
    float: left;
    margin-top: 2.5em;
}


#chartsContainer {
    margin: 0;
}


#buttonReAssign {
    float: right;
}

#buttonAssign {
    float: right;
}

p.accessButton {
    clear: both;
    float: right;
}

/* Hide row id on click to ... hyperlinks */
.hideRowId {
    display: none;
}

/* Class for displaying the preferred name fields */
div.preferredName {
    text-align: left;
}

p.bold {
    font-weight: 600;
}


span.hideText {
    display: none;
}

.weekends {
    background-color: #D0D0D0;
}

#serviceMsgContainer {
    float: left;
    width: 15%;
    font-weight: bold;
}

/*End questionable?*/
/*Styles for CaptureMe messages*/
div.warningBox {
    background: #ffffff url(../images/captureMe-logo.png) bottom left no-repeat;
    border: 1px solid #999999;
    padding: 15px;
    text-align: center;
    margin: 10px auto;
    width: 500px;
}

div.warningBox p {
    margin-top: 5px;
}

div.warningBox img {
    float: left;
}

div.bigButton {
    height: 37px;
    border: 1px solid #666666;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #333333;
    background: url(../images/big-button-grad.png) repeat-x;
    margin: 0 auto;
    width: 110px;
}

div.bigButton p {
    text-align: left;
    margin-top: 8px;
}

img.downloadArrow {
    margin-left: 5px;
    float: none !important;
}

img.updateArrow {
    margin-left: 10px;
    float: none !important;
}

span.buttonText {
    color: #333333;
    position: relative;
    top: -12px;
}

div.bigButton a {
    display: block;
    text-decoration: none;
}

/*End - Styles for CaptureMe messages*/
/*Tabs styling April 2009*/
/* Global Styles */
fieldset {
    margin: 5px;
    background-color: #ffffff;
}

div.customerTabs {
    width: 608px;
    margin: 0 auto;
}

div.customerPanelTop {
    background-image: url(../images/customer-panel-top.png);
    background-repeat: no-repeat;
    width: 618px;
    height: 15px;
    margin-top: 7px;

}

div.customerPanelSummary {
    background-color: #ffffff;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    width: 610px;
    min-height: 90px;
    text-align: left;
    float: left;
}

div.customerPanelSummary ul {
    padding: 0 0 0 1.25em;
    margin: 0;
}

div.customerPanelSummary img.customerPhoto {
    margin: 0 10px 5px 15px;
}

#content div.customerPanelSummary p {
    padding-bottom: 0;
}

img.statusIcon {
    margin-right: 3px;
    margin-left: 2px;
    vertical-align: top;
}

td.column100 {
    width: 80px;
}

img.refreshIcon {
    float: right;
    margin-right: 15px;
}

#content table.customerDetails, #content table.taskSelector {
    margin-left: 0;
    width: auto;
}

#scanContainer {
    overflow: auto;
}

div.tabContainer {
    width: 610px;
    background-color: #ffffff;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    text-align: left;
    float: left;

}

div.customerPanelContent {
    background-color: #ffffff;
    border: 1px solid #666666;
    text-align: center;
    margin: 0;
}

div.toggle {
    background-color: #666666;
    height: 24px;
}

div.toggle a {
    color: #ffffff;
    text-decoration: none;
    margin: 10px;
    line-height: 20px;
}

div.toggle a.toggleOn {
    font-weight: 700;
    text-decoration: underline;
}

div.customerRibbon {
    background-color: #eeeeee;
    height: auto;
    border-bottom: 1px solid #666666;
    text-align: left;
    overflow: auto;
}

div.customerRibbon input {
    margin: 5px 0 5px 5px;
}

/*Overflow:hidden to fix bug #CMS-2553*/
ul.tabs {
    margin: 0;
    height: 28px;
    padding-left: 0;
    overflow: auto;
}

li.tabOff, li.tabOn, li.tabAlert {
    background: url(../images/tab-off-bg.png) repeat-x 0 0;
    display: block;
    float: left;
}

li.tabOn {
    background-image: url(../images/tab-on-bg.png);
}

li.tabAlert {
    background-image: url(../images/tab-alert-bg.png);
}

li.tabOff a, li.tabOn a, li.tabAlert a {
    text-decoration: none;
    color: #333333;
    top: 8px;
    white-space: nowrap;
    position: relative;
    z-index: 5;
}

li.tabOn a {
    color: #ffffff;
}

li.tabOn span, li.tabOff span {
    font-size: 25px;
}

li.tabOn span.left {
    background: url(../images/tab-on-left.png) no-repeat;
    position: relative;
    z-index: 4;
    float: left;
}

li.tabOn span.right {
    background: url(../images/tab-on-right.png) no-repeat;
    position: relative;
    z-index: 4;
    float: right;
}

li.tabOff span.left {
    background: url(../images/tab-off-left.png) no-repeat;
    position: relative;
    z-index: 4;
    float: left;
}

li.tabOff span.right {
    background: url(../images/tab-off-right.png) no-repeat;
    position: relative;
    z-index: 4;
    float: right;
}

/* Tab hover styles */
li.tabOff:hover {
    background: url(../images/tab-off-bg-hover.png) repeat-x 0 1px;
}

li.tabOff:hover span.left {
    background: url(../images/tab-off-left-hover.png) no-repeat;
    position: relative;
    z-index: 4;
    float: left;
}

li.tabOff:hover span.right {
    background: url(../images/tab-off-right-hover.png) no-repeat;
    position: relative;
    z-index: 4;
    float: right;
}

/* End of tab hover styles */
form#issueButtons {
    margin: 0;
}


form.customerPanelForm {
    padding: 2px 5px 5px 5px;
    margin-top: 0;
    margin-bottom: 0;
}

form.customerPanelFormAccordian {
    padding: 2px 5px 5px 5px;
    border-bottom: 1px solid #666666;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

a.ribbonButton, a:hover.ribbonButton {
    text-decoration: none;
    background: url(../images/ribbon-bg.png) repeat-x;
    line-height: 18px;
    height: 18px;
    display: block;
    float: left;
    border: 1px solid;
    border-color: #cccccc #999999 #666666;
    color: #333333;
    padding: 2px 5px 4px 5px;
    margin: 4px 0 4px 4px;
    font-size: 85%;
}

a:hover.ribbonButton {
    background: url(../images/ribbon-bg-hover.png) repeat-x;
    color: #333333;
}

a.ribbonButton img {
    margin-right: 3px;
    margin-top: 1px;
    vertical-align: top;
}

/* Makes a link look like a button. actionLink{,Inline} are 60px wide, flatbutton variable */
a.actionLink, a.actionLinkInline {
    background: url(../images/small-button-bg.png) repeat-x bottom right;
    display: block;
    height: auto;
    line-height: 100%;
    width: 6em;
    margin: 0.4em 0 0.4em 0;
    padding: 0.2em 0.5em 0.2em 0.5em;
    border: 1px solid #999999;
    font-size: 90%;
    text-align: center;
    text-decoration: none;
}

a.actionLinkInline {
    display: inline;
    margin-left: 1em;
}

a.flatbutton { /* Intended to be used alongside actionLink */
    display: inline;
    background: #ECE9D8;
    font-size: 100%;
    margin-left: 0.5em;
}

a.actionLink:hover, a.actionLinkInline:hover {
    background: url(../images/small-button-bg-hover.png) repeat-x bottom right;
}

a.flatbutton:hover {
    background: #ECE9D8;
}

a.actionLink:link, a.actionLinkInline:link, a.flatbutton:link {
    color: #333333;
}

a.actionLink:visited, a.actionLinkInline:visited, a.flatbutton:visited {
    color: #333333;
}

/* End a.actionLink */

#content table.formTable {
    width: auto;
    margin-left: 2px;
}

#content table.formTable td.label {
    width: 200px;
}

#content table.summaryTable {
    width: auto;
    margin-left: 2px;
    text-align: left;
    vertical-align: top;
}

#content table.summaryTable td {
    vertical-align: top;
}

/*Text-align settings. For use anywhere where you want a one-off modification. Just give your element one of the classes below. */
.leftAlign, .tableDataLeftAligned {
    text-align: left !important;
}

.centerAlign {
    text-align: center !important;
}

.rightAlign {
    text-align: right !important;
}

/*END OF Text-align settings.*/

#content table.tabsTable {
    margin: 8px 8px 0;
    width: 97.5%;
    border: none;
    border-collapse: collapse;
}

#content table.tabsTable th {
    background-color: #cccccc;
}

#content table.tabsTable tr.even {
    background-color: #e6f3fb;
}

#content table.tabsTable tr:hover {
    background-color: #fef8bc;
}

#content table.tabsTable th, #content table.tabsTable td {
    padding: 8px 4px;
    vertical-align: top;
}

#content table.tabsTable th a, #content table.tabsTable td a {
    text-decoration: none;
    color: #333333;
}

#content table.tabsTable td.action, #content table.tabsTable th {
    white-space: nowrap;
}

/*make table rows clickable*/
#content table.tabsTable td a {
    display: block;
}

#content table.tabsTable td.action a {
    display: inline;
}

#content table.tabsTable td.action img {
    margin-top: 5px;
    margin-bottom: -4px;
}

/*make table rows clickable*/


#content table.tabsTable th.col1 {
    width: auto;
}

#content table.tabsTable th.col2, #content table.tabsTable th.col3, #content table.tabsTable th.col4, #content table.tabsTable th.col6 {
    width: auto;
}

#content table.tabsTable th.col5, #content table.tabsTable th.col7, #content table.formTable td.col1, #content table.formTable td.col2 {
    width: auto;
}

div.customerAccordianBarOpen, div.customerAccordianBarClosed {
    background-color: #eeeeee;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #666666;
    height: 24px;
    font-size: 90%;
    text-align: left;
}

div.customerAccordianContent {
    border-bottom: 1px solid #666666;
}

div.customerAccordianContentOpen {
    padding-bottom: 5px;
    text-align: left;
    background-color: #ffffff;
    border-bottom: 1px solid #666666;

}

div.customerAccordianContentOpen h2 {
    text-align: center;
}


div.customerAccordianContentClosed {
    display: none;
}

div.customerAccordianBarClosed img.openIcon {
    display: none !important;
}

div.customerAccordianBarOpen img.closeIcon {
    display: none !important;
}

div.customerAccordianBarOpen img, div.customerAccordianBarClosed img {
    padding: 8px 10px 0 5px;
    margin: -13px 10px 0 5px;
}

div.customerAccordianBarOpen a, div.customerAccordianBarClosed a {
    background: url(../images/ribbon-bg.png) repeat-x;
    display: block;
    text-decoration: none;
    color: #333333;
    padding: 6px 5px 4px;
    text-align: left;
}

div.customerAccordianBarOpen a:hover, div.customerAccordianBarClosed a:hover {
    background: url(../images/ribbon-bg-hover.png) repeat-x;
}

div.customerAccordianContainer {
    margin: 5px;
}

table.simpleReadonlyContainer td, table.simpleReadonlyContainer th {
    width: 50%;
    text-align: left;
}

table.customerAccordianTable td, table.customerAccordianTable th {
    width: 50%;
}

a.quickAddressLink {
    margin-left: 190px;
}


div.activeCard {
    margin-top: 3px;
    margin-right: 3px;
    float: right;
    text-align: center;
}

#content p.formButton1 {
    text-align: right;
    margin-top: 10px;
    padding-bottom: 5px;
    padding-right: 3px;
}

#content table.pagination {
    width: auto;
    margin-right: 10px;
    margin-top: 10px;
}

img.fileType {
    margin-right: 3px;
}

div.alertRed {
    text-align: center;
    color: #990000;
    font-weight: 700;
    background-color: #ffcccc;
    border-bottom: 1px solid #990000;
    border-top: 1px solid #990000;
}


div.alertGreen {
    text-align: center;
    color: #336633;
    font-weight: 700;
    background-color: #ccffcc;
    border-bottom: 1px solid #336633;
    border-top: 1px solid #336633;
}

div.alertYellow {
    text-align: center;
    color: #663300;
    font-weight: 700;
    background-color: #ffff99;
    border-bottom: 1px solid #663300;
    border-top: 1px solid #663300;
}

div.alertGrey {
    background-color: #BBBBBB;
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    color: #333333;
    font-weight: 700;
    text-align: center;
}

div.alertBlue {
    text-align: center;
    color: #000099;
    font-weight: 700;
    background-color: #ccccff;
    border-bottom: 1px solid #000099;
    border-top: 1px solid #000099;
}


#content div.alertRed p, #content div.alertGreen p, #content div.alertYellow p, #content div.alertGrey p, #content div.alertBlue p {
    padding-bottom: 0;
}

p.searchField {
    float: right;
}

#content div.customerPanelSummary p.allCustomerInfo {
    margin-bottom: 5px;
    margin-left: 10px;
    clear: both;
}

#content p.allCustomerInfo a {
    text-decoration: none;
    font-size: 80%;
    padding-left: 5px;
    line-height: 10px;
}

#content div.customerTabs p.cardToggle {
    margin: -5px 0 0 0;
    padding: 0;
    line-height: normal;
    text-align: left;
}

#content div.customerTabs img.cardActions {
    margin: 0 2px;
}

#content div.customerTabs p.cardSelector {
    text-align: right;
}

div.allCustomerInfo {
    float: left;
}

#content div.customerTabs th.paginationtable {
    width: auto;
}

div.additionalDetail {
    width: auto;
    clear: both;
}

select.fixedWidth {
    width: 320px;
}

/*margin around older customer tabs elements*/
div#imageUploadForm, div#captureMeAppTab, #content table.datatable, div#customerTabForms, div#templateDownloadForm, div#templateDownloadTableDiv, div#evidenceUploadFormDiv, div#documentUploadFormDiv {
    margin: 5px;
}

/*END OF margin around older customer tabs elements*/
div#customerCardIssueDiv {
    border-bottom: 1px solid #666666;
}

/*End of tabs styling April 2009*/
/*Footer*/
#footer {
    height: 101px;
    color: #333333;
}

#footer a {
    color: #333333;
    text-decoration: none;
    line-height: 75px;
}

#footer a:hover {
    color: #cccccc;
}

#footer {
    clear: both;
    height: 101px;
    padding: 0 25px;
    line-height: 18px;
    text-align: center;
}

#footer #altnav {
    width: 350px;
    float: right;
    text-align: right;
}

img.ACTlogo {
    float: left;
}

img.CARDlogo {
    float: right;
}

#footer img {
    display: none;
}

/*End of footer*/


/* lxs DRN078 Tasks */

/* Search form twisty */
div.twistyClosed {
    background: url(../images/grey-arrow.png) no-repeat left -5px;
    text-align: left;
}

div.twistyOpen {
    background: url(../images/grey-arrow-down.png) no-repeat 23px 6px;
    text-align: left;
}

div.twistyOpen a, div.twistyClosed a {
    text-decoration: none;
    color: #333333;
    padding: 0 0 0 35px;
}

/* Customer tasks tab, new task accordion content */
#taskContentNewTask {
    padding: 16px 0 8px 0;
}

#taskContentNewTask #submit {
    text-align: center;
}

/* Customer cards tab, task icon */
div.taskIcon {
    float: right;
    margin: 28px 12px 0 8px;
}

/* Reassign */
.instructions {
    font-weight: bold;
    margin-bottom: 2em;
}

/* General tasktable */
div.tt table {
    margin: 0.625em;
    border: 1px solid #aaaaaa;
    background-color: #FFFFFF;
    border-collapse: collapse;
    text-align: left;
}

div.tt table th, div.tt table td {
    overflow: hidden;
    padding: 2px 2px;
}

/* Table controls */

.tt .warning {
    margin-bottom: 0;
}

#content div.tableControls {
    text-align: right;
    padding: 0.625em 3px 0.3125em 2px;
}

#content div.tableControls div.pagination {
    margin-top: 28px;
    float: left;
    border: 0;
    background: none;
}

#content div.tableControls div.buttonGroup {
    margin-top: 3px;
    height: 24px;
}

#content div.tableControls div.buttonGroup button {
    background-image: none;
    height: auto;
    margin-left: 5px;
}

div.refreshField {
    text-align: left;
}

/* Task spacing */
div.tt table.taskHeader {
    background-color: #32598a;
    color: #ffffff;
    line-height: 20px;
    height: 20px;
    margin-top: -2px;
    margin-bottom: 0;
}

#content div.tt table.taskHeader caption {
    color: #000000;
    padding: 0;
    margin-top: -20px;
    margin-right: 70px;
}

div.tt table.taskTop {
    margin: -1px 0 0 0;
}

div.tt table.taskHeader th.col1, div.tt table.taskTop th.col1 {
    padding-left: 4px;
}

div.tt table.taskBody {
    margin: -1px 0 9px 0;
    padding: 20px 4px;
}

/* Task top hover highlight */
div.tt table.taskTop tr.even {
    background-color: #ebf7ff;
}

div.tt table.taskTop th {
    padding: 0;
}

div.tt table.taskTop th {
    font-weight: 100;
}

div.tt table.taskTop tr:hover {
    background: #fef8bc;
}

div.tt table.taskTop a {
    display: block;
    text-decoration: none;
    padding: 2px 4px;
    height: auto;
    line-height: 19px;
}

div.tt table.taskHeader a:link, div.tt table.taskHeader a:visited {
    color: #ffffff;
    text-decoration: none;
}

div.tt table.taskTop a:link, div.tt table.taskTop a:visited {
    color: #333333;
}

table.taskTop td + td {
    font-style: italic;
}

/* The table is 606px wide */
div.tt table th.col1 {
    width: 4%;
}

div.tt th.col2 {
    width: 9%;
}

div.tt th.col3 {
    width: 30%;
}

div.tt th.col4 {
    width: 24%;
}

div.tt th.col5 {
    width: 12%;
    text-align: center;
}

div.tt th.col6 {
    width: 17%;
    text-align: right;
}

div.tt th.col7 {
    text-align: right;
}

div.tt table.taskHeader th.col6 {
    padding-right: 4px;
}

div.tt table.taskBody th {
    padding-left: 4px;
}

div.tt table.taskBody th {
    width: auto;
}

div.tt table.taskBody th.col1 {
    width: 15%;
}

div.tt table.taskBody td.col2 {
    width: 25%;
    margin-right: 8px;
}

div.tt table.taskBody td.col3 {
    width: 50%;
    vertical-align: top;
}


div.tt td.actions {
    text-align: right;
}


/* History table */

#historyTable {
    text-align: center;
}

#historyTable table {
    margin-top: 20px !important;
}

.historyNote {
    font-weight: 600;
}

/* End of lxs DRN078 Tasks */

.highlighted td {
    background-color: #FFFFFF;
    color: #663300;
    text-align: center;
    font-weight: 700;
}

.lowlighted td {
    background-color: #DDDDDD;
    text-align: center;
    color: #000000;
}


/* JSONTable - base is .datatable, creating a new class to avoid legacy + interference */

#content div.json {
    position: relative;
}

#content div.json.leftcontrols {
    position: absolute;
    top: 30px;
    text-align: left;
    padding: 0.625em 7px 0.3125em 1px;
}

#content div.json.rightcontrols {
    position: absolute;
    top: 28px;
    right: 0;
    text-align: left;
    padding: 0.625em 7px 0.3125em 1px;
}

#content table.json {
    overflow: hidden;
    border-collapse: collapse;
    width: 98%;
    margin: 0 5px 5px 5px;
    padding: 2px;
    text-align: left;
    word-wrap: break-word; /* IE6 */
}

#content table.json caption {
    font-size: 1.1em;
    font-weight: 700;
    margin: 4px 0 24px 0;
    padding: 0;
}

#content table.json tbody {
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
}

#content table.json tbody.even {
    background-color: #ebf7ff;
}

#content table.json tbody.rowAlert {
    background-color: #ff999a;
}


#content table.json tbody.drop {
    background-color: transparent;
    border: hidden;
    border-top: 1px solid #aaaaaa;
}

#content table.json tbody.drop {
    text-align: center;
}

#content table.json tbody.drop div.tabledrop {
    position: relative;
}

#content table.json tbody.drop div.tabledrop div.shim {
    height: 17px;
}

#content table.json tbody.drop div.tabledrop div.leftcontrols {
    top: 2px;
    left: 12px;
}

#content table.json tbody.drop div.tabledrop div.rightcontrols {
    top: 0;
    right: 0;
    padding-right: 0;
}

#content table.json tbody.drop div.drop {
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    border-top: hidden;
    margin-left: 18px;
    width: 581px;
    padding: 3px 2px 2px 3px;
    text-align: left;
}

#content table.json tbody.drop td {
    padding: 0;
    margin-bottom: 6px;
    border-bottom: none;
}

#content table.json tbody.drop table.json {
    width: 97%;
    border: 1px solid #aaaaaa;
    margin: -1px 0 0 3%;
}

#content table.json tbody.drop table.json td {
    padding: 3px 2px 2px 3px;
}


#content table.json tbody.spacer {
    background-color: transparent;
    border-left: hidden;
    border-right: hidden;
}

#content table.json tbody.spacer td {
    padding: 0;
    font-size: 6px;
}


#content table.json tbody.clickable:hover {
    background-color: #fef8bc;
    cursor: pointer;
}

#content table.json th {
    border: 1px solid #aaaaaa;
    border-left: none;
    border-right: none;
    padding: 3px 2px 2px 3px;
    background-color: #CCCCCC;
    color: #222222;
}

#content table.json th.wide {
    font-weight: 700;
    text-align: center;
}

#content table.json th a {
    text-decoration: none;
    color: #ffffff; /* should be scheme specific but happens to always be white */
    font-weight: 700;
}

#content table.json td {
    /* Might want to make these border rules a separate class
     * and provide switches on JSONTable */
    border: 1px none #aaaaaa;
    border-bottom-style: solid;
    padding: 3px 2px 2px 3px;
}

#content table.json td.wide {
    font-weight: 700;
    text-align: center;
}

#content table.json th.first,
#content table.json td.first {
    border-left: 1px solid #aaaaaa;
}

#content table.json th.last,
#content table.json td.last {
    border-right: 1px solid #aaaaaa;
}

.pagelink {
    padding: 2px;
    vertical-align: middle;
}

.pagelink img {
    vertical-align: text-bottom;
    border-width: 3px;
}

b .pagelink {
    padding: 3px 6px;
    color: #000000;
}

.nowrap {
    white-space: nowrap;
}

/* End JSONTable */

.webcam {
    max-width: 580px;
}

#cancelFinalJourneyButton {
    text-align: left;
}

#recalculateButtons {
    padding: 3px 6px;
    text-align: right;
}

#recalculateButtons input[disabled=disabled],
#recalculateButtons input:disabled {
    -moz-opacity: 0.40 !important;
    -khtml-opacity: 0.40 !important;
    opacity: 0.40 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=40) !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40) !important;
    filter: alpha(opacity=40) !important;
}

#recalculateButtons #tapCancel {
    float: left;
}

#autocompleteDiv {
    z-index: 9000;
}

#originalJourneyTable .leftcontrols,
#recalculatedJourneyTable .leftcontrols {
    display: none;
}

#ajaxSpinner {
    background-image: url(../images/spinnerLarge.gif);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100px;
    display: none;
}

.serviceLinks a {
    margin: 0 2em;
}

#formCardServiceConfig p {

    line-height: 14px;
    margin: 10px;
    padding: 0 0 6px;

}

.jsfIframe {
    width: 100%;
    height: 1000px; /*determine height dynamically?*/
    border: 0;
}

.hostedPaymentIframe {
    border-style: none;
    width: 100% !important;
    height: 600px;
    overflow: hidden;
}

#formContainer fieldset label {
    clear: both;
    margin: 0 0 0.5em;
}

#content p.fieldRight {
    float: right;
    margin: 0 1.5em;
    text-align: left;
    width: 22em;
}

.viewPAYGJourneyIncompleteJourneys {
    padding-top: 40px !important;
    padding-bottom: 0 !important;
    color: red;
}

.viewPAYGJourneyNoIncompleteJourneys {
    padding-top: 40px !important;
    padding-bottom: 0 !important;
    color: black;
}

.tapParagraph {
    display: inline;
    float: left;
}

.tapClass {
    margin-bottom: -2px !important;
    display: inline;
    float: left;
    width: 35%;
    text-align: left;
}

.tapEndOfLine {
    display: block;
    text-align: left;
}

#staticTapsForm {
    text-align: left;
}

#customerDobRangeOptions {
    float: right;
    margin: -2.5em 12em 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #customerDobRangeOptions {
        float: right;
        margin: -2.5em 10em 0 0;
    }
}


#customerDobRangeOptions > p {
    display: inline;
}

.scanIcons {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.formReviewGeneralContainer > img {
    border-style: solid;
    border-width: 0.5px;
    border-color: grey;
    max-height: 75px;
    max-width: 75px;
}

#scanContainer > img {
    max-width: 85%;
    height: 50%;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
}

#optionsContainer {
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
}

#formOutcomes > label {
    float: left;
    line-height: 18px;
    padding-left: 3%;
    text-align: left;
    width: 80%;
}

.leftMargin3Percent {
    margin-left: 3%;
}

.leftMargin3PercentAndClear {
    margin-left: 3%;
    display: block;
    clear: both;
}

.autoCompleteItem {
    height: auto;
    margin-left: 168px;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    border: solid 1px #d4d4d4;
    padding: 4px;
    float: left;
    clear: both;
    width: 264px;
}

#content #p2pZonalElementsDiv p.autoCompleteField {
    line-height: 18px;
    margin: 0;
    padding: 0;
}

#paymentConfirmationSales {
    margin-left: 2%;
}

.deleteCustomerWarning {
    text-align: left;
}