/*
    This style sheet is a common style sheet.
    Make sure all css selectors are compatible from IE 8 above.
    If your client implementation wants the flexibility not to use IE 8, please add your overriding styles in the theme template.

    E.g:
    - NO child(>) selectors.
    - don't use :NOT() pseudo class.

*/
table.form {
  border: none;
}

table.form td {
  border: none;
  white-space: nowrap;
  padding: 0px;
}

table.form th {
  border: none;
  padding: 0px 10px 0px 0px;
  background-color: inherit;
}

table.form td.label {
  padding-right: 5px;
  padding-left: 2px;
}

table.form td.field {
  padding-right: 10px;
}

table.formFields {
    width:100%;
    border:none;
}


table.formFields td {
    border:none;
    padding-top: 5px;
    padding-right: 2px;
    padding-bottom: 5px;
    padding-left: 2px;
}

table.formFields tr {
    background: none;
}

.formFields .label {
    width:20%;
    vertical-align:top;
    line-height:19px;
}

.formFields .field {
    width:80%;
}

.formFields .field input {
    margin-right:5px;
}

.formFields.wideLabel .label {
    width:25%;
}

.formFields.wideLabel .field {
    width:75%;
}

.formFields.widerLabel .label {
  width:35%;
}

.formFields.widerLabel .field {
  width:65%;
}

.formFields.extraWideLabel .label {
    width:30%;
}

.formFields.extraWideLabel .field {
    width:70%;
}

button[type="submit"],
button[type="button"],
input.back,
button.search,
input[type="button"],
input[type="submit"] {
    background-image: none;
    background-color: white;
    padding: 4px 10px;
    margin: 0px 5px 0px 0px;
    width: auto;
    color: #003468;
    border: 1px #003468 solid;
    -moz-border-radius: 3px;
	border-radius: 5px;
	font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 100%;
}

button[type="submit"]:hover,
button[type="button"]:hover,
input.back:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  background-color: #5C8AA6;
  cursor: pointer;
}

button[type="submit"].ui-button-text-only span.ui-button-text,
button[type="button"].ui-button-text-only span.ui-button-text {
  padding: 0px;
}

button[type="submit"].image-button.ui-button-text-only,
button[type="button"].image-button.ui-button-text-only {
  color: inherit;
  padding: 0px;
}

button[type="submit"].image-button.ui-button-text-only:hover,
button[type="button"].image-button.ui-button-text-only:hover {
  background-color: inherit;
}

button[type="submit"].image-button.ui-button-text-only .ui-button-text,
button[type="button"].image-button.ui-button-text-only .ui-button-text {
  padding: 0px 0px 0px 35px;
}

input.back {
    padding: 5px 10px;
    font-size: 120%;
    margin-right: 3px;
}

.image-button.ui-button {
    color:inherit;
    min-height:32px;
}

.image-button.ui-button-text-only .ui-button-text {
    padding:0px 0px 0px 35px;
}

.image-button.add-button.ui-state-default,
.image-button.add-button.ui-state-hover,
.image-button.edit-button.ui-state-default,
.image-button.edit-button.ui-state-hover,
.image-button.delete-button.ui-state-default,
.image-button.delete-button.ui-state-hover,
.image-button.copy-button.ui-state-default,
.image-button.copy-button.ui-state-hover,
.image-button.view-button.ui-state-default,
.image-button.view-button.ui-state-hover,
.image-button.save-button.ui-state-default,
.image-button.save-button.ui-state-hover,
.image-button.copy-button.ui-state-default,
.image-button.copy-button.ui-state-hover,
.image-button.illustration-button.ui-state-default,
.image-button.illustration-button.ui-state-hover,
.image-button.up-button.ui-state-default,
.image-button.up-button.ui-state-hover,
.image-button.down-button.ui-state-default,
.image-button.down-button.ui-state-hover,
.image-button.reset-button.ui-state-default,
.image-button.reset-button.ui-state-hover,
.image-button.select-button.ui-state-default,
.image-button.select-button.ui-state-hover,
.image-button.selected-button.ui-state-default,
.image-button.selected-button.ui-state-hover {
    min-height: 32px;
    border: none;
}

.image-button.add-button.ui-state-default {
    background: url("../images/button_add_off.gif") no-repeat scroll left center;
}
.image-button.add-button.ui-state-hover {
    background: url("../images/button_add_over.gif") no-repeat scroll left center;
}
.image-button.edit-button.ui-state-default {
    background: url("../images/button_edit_off.gif") no-repeat scroll left center;
}
.image-button.edit-button.ui-state-hover {
    background: url("../images/button_edit_over.gif") no-repeat scroll left center;
}
.image-button.delete-button.ui-state-default {
    background: url("../images/button_delete_off.gif") no-repeat scroll left center;
}
.image-button.delete-button.ui-state-hover {
    background: url("../images/button_delete_over.gif") no-repeat scroll left center;
}
.image-button.copy-button.ui-state-default {
    background: url("../images/button_copy_off.gif") no-repeat scroll left center;
}
.image-button.copy-button.ui-state-hover {
    background: url("../images/button_copy_over.gif") no-repeat scroll left center;
}
.image-button.print-button.ui-state-default {
    background: url("../images/apac/printer-blue-icon.png") no-repeat scroll left center;
    min-height: 32px;
    width: 32px;
    border: none;
}
.image-button.print-button.ui-state-hover {
    background: url("../images/apac/printer-blue-icon.png") no-repeat scroll left center;
    min-height: 32px;
    width: 32px;
    border: none;
}
.image-button.view-button.ui-state-default {
    background: url("../images/button_view_off.gif") no-repeat scroll left center;
}
.image-button.view-button.ui-state-hover {
    background: url("../images/button_view_over.gif") no-repeat scroll left center;
}
.image-button.save-button.ui-state-default {
    background: url("../images/button_yestick_off.gif") no-repeat scroll left center;
}
.image-button.save-button.ui-state-hover {
    background: url("../images/button_yestick_over.gif") no-repeat scroll left center;
}

.image-button.select-button.ui-state-default {
    background: url("../images/button_yestick_over.gif") no-repeat scroll left center;
}
.image-button.selected-button.ui-state-default {
    background: url("../images/button_yestick_off.gif") no-repeat scroll left center;
}

.image-button.copy-button.ui-state-default {
  background: url("../images/button_copy_off.gif") no-repeat scroll left center;
}
.image-button.copy-button.ui-state-hover {
  background: url("../images/button_copy_over.gif") no-repeat scroll left center;
}
.image-button.illustration-button.ui-state-default {
    background: url("../images/button_illustration_off.gif") no-repeat scroll left center;
}
.image-button.illustration-button.ui-state-hover {
    background: url("../images/button_illustration_over.gif") no-repeat scroll left center;
}
.image-button.pdf-button.ui-state-default {
    background: url("../images/icon_pdf.gif") no-repeat scroll left center;
    min-height: 16px;
    min-width: 16px;
    height: 16px;
    width: 16px;
    border:none;
}
.image-button.pdf-button.ui-state-hover {
    background: url("../images/icon_pdf.gif") no-repeat scroll left center;
    min-height: 16px;
    border:none;
}
.image-button.up-button.ui-state-default {
    background: url("../images/button_up_off.gif") no-repeat scroll left center;
}
.image-button.up-button.ui-state-hover {
    background: url("../images/button_up_over.gif") no-repeat scroll left center;
}
.image-button.down-button.ui-state-default {
    background: url("../images/button_down_off.gif") no-repeat scroll left center;
}
.image-button.down-button.ui-state-hover {
    background: url("../images/button_down_over.gif") no-repeat scroll left center;
}
.image-button.reset-button.ui-state-default {
    background: url("../images/button_reset_off.gif") no-repeat scroll left center;
}
.image-button.reset-button.ui-state-hover {
    background: url("../images/button_reset_over.gif") no-repeat scroll left center;
}
.image-button.search-button.ui-state-default {
    background: url("../images/search-33x32.png") no-repeat scroll left center;
}
.image-button.search-button.ui-state-hover {
    background: url("../images/search-hover-33x32.png") no-repeat scroll left center;
}
.image-button.search-button{
	border: none;
}

#toggleLink .ui-icon-toggle {
    margin-left: 5px;
    display: inline-block;
    width: 16px;
}

ul.ticked {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    line-height: 1.75em;

    width: 320px;
    margin-bottom: 15px;
}


ul.ticked legend h4 {
  padding: 0px;
}


ul.ticked li {
    background-image: url('../images/tick_small.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 18px;
}


ul.info {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    line-height: 1.75em;
}


ul.info li a {
  text-decoration: none;
}


button[type="submit"].tab.ui-button-text-only,
button[type="submit"].tabSelected.ui-button-text-only {
  background-color: #DDD;
  border: 1px solid #AAA;
  border-bottom: none;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: inherit;
}

button[type="submit"].tabSelected.ui-button-text-only {
  background-color: white;
}

button[type="submit"].tab.ui-button-text-only:hover {
    border-bottom: none;
    background-color: #DDD;
    text-decoration: underline;
}

button[type="submit"].tabSelected.ui-button-text-only:hover {
  background-color: white;
  text-decoration: underline;
  border-bottom: none;
}

/* next/back paginator arrows, */
.image-button.next.ui-button {
    background: url("../images/apac/next.png") no-repeat scroll left center;
    min-height: 32px;
    width: 32px;
    margin-left: 10px;
    border: none !important;
}
.image-button.back.ui-button {
    background: url("../images/apac/back.png") no-repeat scroll left center;
    min-height: 32px;
    width: 32px;
    margin-right: 10px;
    border: none !important;
}

input[type="submit"].upButton {
  background-image: url(../images/up-arrow-transparent.png) !important;
  width: 14px;
  height: 14px;
  padding: 0px;
  margin: 2px;
  border-color: #555;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #204978;
}

input[type="submit"].downButton {
  background-image: url(../images/down-arrow-transparent.png) !important;
  width: 14px;
  height: 14px;
  padding: 0px;
  margin: 2px;
  border-color: #555;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #204978;
}

textarea {
    resize: none;
    box-shadow: none !important;
}

a.linkbutton {
    font: bold 14px Arial;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
    border: 1px #555 solid;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: none;
    background-color: #278cba;
    padding: 4.5px 11px;
    margin: 0px;
    margin-right: 5px;
}

a.linkbutton:hover {
    background-color: #3E7190;
    color: #FFFFFF;
}

input[type=text], input[type=password], select, textarea {
    border: 1px solid;
    padding: 2px;
    border-radius: 3px;
    box-shadow: none;
}

.ui-spinner {
    vertical-align: top;
}

input[type=text].ui-spinner-input {
    padding-right: 18px;
}

input[type=text]:focus,input[type=password]:focus,select:focus {
    outline: none;
    background-position: 0 -1.7em;
}

input[type=text]:hover,input[type=password]:hover,select:hover {box-shadow: 0px 0px 1px 1px #DF9F45;}

input[type=text]:disabled,input[type=password]:disabled,select:disabled,input[type=text]:disabled:hover,select:disabled:hover
    {
    border: 1px solid #C0E0E6;
    box-shadow: none;
}

input[type="checkbox"],
input[type="radio"] {
    margin-bottom: 2px;
    margin-top: 0;
    vertical-align: baseline;
    vertical-align: sub\9;
    margin-right: 5px;
}

button[type="submit"].search.ui-state-default .zoom {
    background-color: transparent;
    margin-top: -10px;
}

button[type="submit"].search.ui-button .ui-button-text {
    margin-left: 20px;
    padding: 2px;
}

ul.errorList {
    display: block;
  border: 1px solid #999;
  background-color: #f2ebd6;
  padding: 5px;
  margin: 2px 0px 10px 0px;
  list-style: none;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


ul.errorList li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  background-image: url(../images/error.gif);
  line-height: 20px;
  background-repeat: no-repeat;
}


ul.infoList {
    display: block;
  border: 1px solid #999;
  background-color: #f2ebd6;
  padding: 5px;
  margin: 2px 0px 10px 0px;
  list-style: none;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


ul.infoList li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  background-image: url(../images/info_small.png);
  line-height: 20px;
  background-repeat: no-repeat;
}


ul.warningList {
    display: block;
  border: 1px solid #999;
  background-color: #f2ebd6;
  padding: 5px;
  margin: 2px 0px 10px 0px;
  list-style: none;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

ul.warningList li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  background-image: url(../images/warning.png);
  line-height: 20px;
  background-repeat: no-repeat;
}

ul.plain {
  list-style: none;
  margin: 0px;
  padding: 0px;
  line-height: 1.6em;
}

ul.plain a {
  text-decoration: none;
}

input.file {
    position: relative;
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}

.ui-datatable-liner {
    margin: 0px;
    padding: 0px 5px;
}

.afterInput{
	margin-left: 5px;
}

/* Alignment of client view sections*/
table.formFields td.label.labelTop {
	vertical-align: top;
        padding-top: 5px;
}

table.formFields td.paddingTopZero{
        padding-top:0px;
}

.lineHeight19px{
        line-height: 19px;
}

.spanShortLength {
	display: inline-block; 
	width:50px;
}

.spanMediumLength {
	display: inline-block; 
	width:280px;
	height: 12px;
}

table.noBackground tr {
    background: none;
}

.noMargin {
	margin: 0px 0px;
}