/* default styles for all HMTL elements without padding and/or margins and/or borders */
body {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

h1 {
  margin: 0;
  padding: 0;
}

h2 {
  margin: 0;
  padding: 0;
}

h3 {
  margin: 0;
  padding: 0;
}

h4 {
  margin: 0;
  padding: 0;
}

h5 {
  margin: 0;
  padding: 0;
}

h6 {
  margin: 0;
  padding: 0;
}

b {
  margin: 0;
  padding: 0;
}

table {
  border-width: 0;
}
/* Need to comment these out as too much of existing markup relies on cellpadding / cellspacing
table tr td  {
    padding-right:  0px; padding-left:  0px; padding-bottom:  0px; margin:  0px; padding-top:  0px
}
table  {
    padding-right:  0px; padding-left:  0px; padding-bottom:  0px; margin:  0px; padding-top:  0px
}
tr  {
    padding-right:  0px; padding-left:  0px; padding-bottom:  0px; margin:  0px; padding-top:  0px
}
td  {
    padding-right:  0px; padding-left:  0px; padding-bottom:  0px; margin:  0px; padding-top:  0px
}
*/

ul {
  margin: 0;
  padding: 0;
}

ul li {
  margin: 0;
  padding: 0;
}

ol {
  margin: 0;
  padding: 0;
}

ol li {
  margin: 0;
  padding: 0;
}

form {
  margin: 0;
  padding: 0;
  font-size: 12px;
}

input {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

img {
  border-width: 0;
}

a {
  outline: none;
}
/* SAIG Property common styles start here */

body {
  background: url(../images/bg-body.gif) #f3f3f3 repeat-x;
  color: #656565;
  font: 11px arial;
}

.circlular_point_list {
    position: relative;
    left: 15px;
    padding-left: 20px;
    list-style: circle;
}

.square_point_list {
    position: relative;
    left: 15px;
    margin-left: 0px;
    padding-left: 20px;
    list-style: square;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.clear {
  clear: both;
}

.deleted {
  text-decoration:line-through
}

.vmid {
  vertical-align: middle;
}

.vtop {
  vertical-align: top;
}

.vbot {
  vertical-align: bottom;
}

.tright {
  text-align: right;
}

.tleft {
  text-align: left;
}

.tcenter {
  text-align: center;
}

.whttxt {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

.bldtxt {
  color: #939393;
  font-weight: bold;
}

a.linkblue {
  color: #0088cc;
  text-decoration: underline;
}

a.linkblue:hover {
  color: #0088cc;
  text-decoration: underline;
}

a.linkanc {
  color: #0088cc;
  text-decoration: none;
}

a.linkanc:hover {
  color: #0088cc;
  text-decoration: underline;
}

a.linkgrey {
  color: #656565;
  text-decoration: underline;
}

a.linkgrey:hover {
  color: #656565;
  text-decoration: underline;
}

.mandtxt {
  color: #656565;
}

.rdtxt {
  color: #ff0000;
}

.btxtgray {
  color: #474747;
  font-weight: bold;
  text-transform: uppercase;
}

.btxt {
  color: #474747;
  font-weight: bold;
}

.graytxt {
  color: #474747;
}

.data {
  background-color: #F5F0F9;
  font-weight: normal;
}

.sla3 {
  background-color: #90E096;
  font-weight: normal;
}

.sla2 {
  background-color: #798FE8;
  font-weight: normal;
}

.sla1 {
  background-color: #FFBF00;
  font-weight: normal;
}

.sla2 a:link {
  color: black;
}

.sla2 a:visited {
  color: black;
}

.btngray {
  background: url(../images/bg-btn-gray.gif) repeat-x;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  text-decoration: none;
}

.btngray .lcv {
  background: url(../images/lcv-gray.gif) no-repeat;
  display: inline-block;
  height: 24px;
}

.btngray .rcv {
  background: url(../images/rcv-gray.gif) no-repeat 100% 0px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  padding: 4px 13px 0px;
}

.btnblue {
  background: url(../images/bg-btn-blue.gif) repeat-x;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  text-decoration: none;
}

.btnblue .lcv {
  background: url(../images/lcv-blue.gif) no-repeat;
  display: inline-block;
  height: 24px;
}

.btnblue .rcv {
  background: url(../images/rcv-blue.gif) no-repeat 100% 0px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  padding: 4px 13px 0px;
}

.main {
  margin: 0px auto;
  width: 998px;
}

.main .head {
  float: left;
  padding: 0px 31px;
  width: 936px;
}

.main .head .services {
  float: left;
  width: 100%;
}

.main .head .services ul.extlinks {
  float: left;
  max-width: 590px;
}

.main .head .services ul.extlinks li {
  display: inline-block;
  float: left;
}

.main .head .services ul.extlinks li.expad {
  padding-left: 7px;
}

.main .head .services ul.extlinks li a.inner {
  background: #99005A;
  color: #ffffff;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  padding: 1px 8px 2px 9px;
  text-decoration: none;
}

.main .head .services ul.extlinks li a.external {
  background: #9b9b9b;
  color: #ffffff;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  padding: 1px 8px 2px 9px;
  text-decoration: none;
}

.main .head .services ul.helplinks {
  float: right;
  padding: 4px 0px 0px;
  text-align: right;
  /*width: 344px;*/
}

.main .head .services ul.helplinks li {
  color: #656565;
  display: inline;
  font-size: 12px;
}

.main .head .services ul.helplinks li.wctxt {
  /* padding-right: 13px; */
}

.main .head .services ul.helplinks li a {
  color: #656565;
  font-size: 12px;
  padding: 0px 2px;
  text-decoration: none;
}

.main .head .services ul.helplinks li a:hover {
  color: #656565;
  font-size: 12px;
  padding: 0px 2px;
  text-decoration: underline;
}

.main .head .logos {
  float: left;
  padding-top: 20px;
  width: 100%;
}

.main .head .logos ul {
  float: left;
  list-style: none;
  width: 223px;
}

.main .head .logos ul li {
  display: inline;
}

.main .head .logos ul li img {
  vertical-align: middle;
}

.main .head .logos ul li.logossr {
  padding-left: 27px;
}

.main .head .logos ul li.logossr img {
  margin-top: 6px;
}

.main .head .logos .logo-ssr {
  float: left;
  padding-left: 29px;
  width: 280px;
}

.main .head .logos .logo-csm {
  float: left;
  padding-left: 29px;
  width: 350px;
}

.main .head .logos .logo-client {
  float: right;
  text-align: right;
  width: 25%;
}

.main .head .logos .logo-client img {
  margin-top: 6px;
}

.main .container {
  background: #fff;
  float: left;
  width: 998px;
}

.main .container .lfbg {
  background: url(../images/bg-lftcv.gif) repeat-y;
  float: left;
  width: 100%;
}

.main .container .rhtbg {
  background: url(../images/bg-rhtcv.gif) repeat-y 100% 0px;
  float: left;
  width: 100%;
}

.main .container > .lfbg > .rhtbg > .content {
  background: url(../images/bg-head.gif) no-repeat;
  float: left;
  padding: 9px 11px 10px;
}

.main .container .workcontnt {
  float: left;
  margin-top: 14px;
  padding: 0px 18px 0px 20px;
  width: 938px;
}

.workcontnt {
  background-color: white;
  float: left;
}

.lftwork {
  float: left;
  width: 660px;
}

.lftwork .hdtxt {
  width: 100%;
}

.lftwork .hdtxt H3 {
  color: #474747;
  font-size: 23px;
  font-weight: bold;
}

.lftwork .hdtxt P {
  color: #666666;
  font-size: 12px;
  font-weight: bold;
}

.rhtwork {
  float: right;
  width: 249px;
}

.hlpport {
  background: url(../images/bg-rhtport.gif) repeat-y;
  width: 249px;
}

.hlpport .porttp {
  background: url(../images/bg-porttp.gif) no-repeat;
  width: 249px;
}

.hlpport .portbt {
  background: url(../images/bg-portbt.gif) no-repeat 0px 100%;
  padding: 3px 10px 10px;
}

.hlpport .porttab {
  width: 100%;
}

.porttab tr td.lpad {
  padding: 2px 0px 4px;
}

.porttab tr td.rpad {
  padding: 2px 0px 4px 2px;
}

.hlpport .porttab .ipbox {
  background: #e7e7e7;
  border-bottom: #d3d3d3 1px solid;
  border-left: #d3d3d3 1px solid;
  border-right: #d3d3d3 1px solid;
  border-top: #9f9f9f 1px solid;
  color: #b5b5b5;
  font: 12px arial;
  padding: 3px 5px;
  width: 130px;
}

.hlpport .porttab .sellist {
  color: #474747;
  font-size: 11px;
  padding: 2px 2px;
  width: 134px;
}

.tpmargin {
  margin-top: 14px;
}

.btn-next {
  background: url(../images/nav-btns.png) no-repeat -74px -37px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-add {
  background: url(../images/nav-btns.png) no-repeat -20px -1px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-minus {
  background: url(../images/nav-btns.png) no-repeat -38px -1px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-min {
  background: url(../images/nav-btns.png) no-repeat -38px -1px;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-ppl {
  background: url(../images/nav-btns.png) no-repeat -56px -37px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-edit {
  background: url(../images/nav-btns.png) no-repeat -110px -37px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-print {
  background: url(../images/nav-btns.png) no-repeat -146px -37px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-detail {
  background: url(../images/nav-btns.png) no-repeat -128px -37px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-mail {
  background: url(../images/nav-btns.png) no-repeat -110px -1px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-tick {
  background: url(../images/nav-btns.png) no-repeat -56px -19px;
  display: inline-block;
  height: 14px;
  margin-right: 3px;
  width: 14px;
}

.btn-tickb {
  background: url(../images/nav-btns.png) no-repeat -74px -19px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  width: 16px;
}

.btn-crossb {
  background: url(../images/nav-btns.png) no-repeat -74px -1px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-crossb-red {
  background: url(../images/nav-btns.png) no-repeat -92px -1px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-ques {
  background: url(../images/nav-btns.png) no-repeat -2px -1px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-up {
  background: url(../images/nav-btns.png) no-repeat -20px -37px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-down {
  background: url(../images/nav-btns.png) no-repeat -38px -37px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-callender {
  background: url(../images/icon-callender.gif) no-repeat;
  display: inline-block;
  height: 15px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-reset {
  background: url(../images/nav-btns.png) no-repeat -2px -19px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-admin {
  background: url(../images/nav-btns.png) no-repeat -38px -55px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-copy {
  background: url(../images/nav-btns.png) no-repeat -56px -55px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-verify {
  background: url(../images/nav-btns.png) no-repeat -74px -55px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-orderdetails {
  background: url(../images/nav-btns.png) no-repeat -92px -55px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-security {
  background: url(../images/nav-btns.png) no-repeat -110px -55px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-tick-circled-green {
  background: url(../images/nav-btns.png) no-repeat -92px -19px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-ques-circled-purple {
  background: url(../images/nav-btns.png) no-repeat -2px -55px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-excl-circled-amber {
  background: url(../images/nav-btns.png) no-repeat -20px -55px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}

.btn-ques-circled-amber {
  background: url(../images/nav-btns.png) no-repeat -37px -72px;
  display: inline-block;
  height: 19px;
  margin-right: 3px;
  vertical-align: middle;
  width: 19px;
}

.btn-excl-circled-red {
  background: url(../images/nav-btns.png) no-repeat -56px -72px;
  display: inline-block;
  height: 19px;
  margin-right: 3px;
  vertical-align: middle;
  width: 19px;
}

.act-edit {
  display:inline-block;
  width:45px;
}

.act-remove {
  display:inline-block;
  width:70px;
}

.disabled {
  display: none;
}

.porttp .htxt {
  color: #474747;   /* NOT Style guide (#959494) */
  font-size: 11px;  /* NOT Style guide (12px) */
  font-weight: bold;
  padding: 10px 10px 10px 0px;
  text-align: left;
}

.htxtnopadding {
  color: #474747;   /* NOT Style guide (#959494) */
  font-size: 11px;  /* NOT Style guide (12px) */
  font-weight: bold;
  text-align: left;
}

.porttp ul li {
  padding: 0px 0px 4px 0px;
  font-size: 12px;
}

.porttp .portbody {
  color: #474747;
  font-size: 11px;
  font-weight: normal;
  padding: 0px 10px 10px 0px;
}

.porttp .portbody .hlplinks {
  line-height: 17px;
  list-style: none;
  margin-top: 10px;
}

.porttp .portbody .hlplinks li a {
  color: #0088cc;
  font-size: 11px;
  text-decoration: none;
}

.porttp .portbody .hlplinks li a:hover {
  color: #0088cc;
  font-size: 11px;
  text-decoration: underline;
}

.porttp .portbody .hlplinks li.caltxt {
  color: #0088cc;
  font-size: 11px;
}

.main .bg-botcv {
  background: url(../images/bg-botcv.gif) repeat-x;
  float: left;
  height: 22px;
  width: 100%;
}

.main .bg-botcv .lfcv {
  background: url(../images/bg-botlfcv.gif) no-repeat;
  float: left;
  height: 22px;
  width: 100%;
}

.main .bg-botcv .rhcv {
  background: url(../images/bg-botrhcv.gif) no-repeat 100% 0px;
  float: left;
  height: 22px;
  width: 100%;
}

.footer {
  float: left;
  padding: 0px 30px 20px 8px;
  width: 946px;
}

.footer ul {
  list-style: none;
}

.footer ul li {
  color: #474747;
  display: inline;
  float: left;
  font-size: 11px;
  padding: 0px 2px;
}

.footer ul li a {
  color: #474747;
  font-size: 11px;
  text-decoration: none;
}

.footer ul li a:hover {
  color: #474747;
  font-size: 11px;
  text-decoration: underline;
}

.clsBgRed {
  background: url(../images/nav-tabs.gif) no-repeat 0px -31px;
  height: 30px;
}

.fmlabel-left {
  color: #939393;
  font-weight: bold;
  padding-right: 9px;
  text-align: right;
}

.fmlabel-right {
  color: #939393;
  font-weight: bold;
  padding-left: 9px;
  text-align: left;
}

.fmlabel-top {
  color: #939393;
  font-weight: bold;
  text-align: left;
  vertical-align: bottom;
}

span.fmwidth-micro {
  display: inline-block;
  width: 25px;
}

input.fmwidth-tiny, span.fmwidth-tiny {
  display: inline-block;
  width: 54px;
}

input.fmwidth-sml, span.fmwidth-sml {
  display: inline-block;
  width: 88px;
}

select.fmwidth-sml {
  width: 100px;
}

span.fmlabel-left.fmwidth-dflt, label.fmlabel-left.fmwidth-dflt {
  display: inline-block;
  width: 170px;
}

span.fmlabel-right.fmwidth-tiny, label.fmlabel-right.fmwidth-tiny {
  display: inline-block;
  width: 70px;
}

span.fmlabel-left.fmwidth-lrg, label.fmlabel-left.fmwidth-lrg {
  display: inline-block;
  width: 300px;
}

td.fmlabel-left.fmwidth-dflt {
  padding-right: 7px;
  width: 172px;
}

input.fmwidth-dflt, span.fmwidth-dflt {
  display: inline-block;
  width: 130px;
}

select.fmwidth-dflt {
  width: 142px;
}

select.fmwidth-lrg {
  width: 466px;
}

input.fmwidth-med, span.fmwidth-med {
  display: inline-block;
  width: 200px;
}

input.fmwidth-lrg, span.fmwidth-lrg {
  display: inline-block;
  width: 454px;
}

span.width-dflt {
  display: inline-block;
  width: 142px;
  word-wrap: break-word;
}

span.tbwidth-tiny {
  display: inline-block;
  width: 50px;
  word-wrap: break-word;
}

span.tbwidth-sml {
  display: inline-block;
  width: 88px;
  word-wrap: break-word;
}

span.tbwidth-dflt {
  display: inline-block;
  width: 125px;
  word-wrap: break-word;
}

span.tbwidth-med {
  display: inline-block;
  width: 210px;
  word-wrap: break-word;
}

span.tbwidth-lrg {
  display: inline-block;
  width: 295px;
  word-wrap: break-word;
}

.clsColor {
  color: #b6b5b5;
}

.hrwht {
  background: #cccccc;
  height: 1px;
  font-size: 0px;
  margin: 5px 0px;
  width: 100%;
}

.hrwhite {
  background: #ffffff;
  height: 1px;
  margin: 10px 0px;
  width: 100%;
}

.hrwhtop {
  background: #ffffff;
  height: 1px;
  margin: 0px 0px 10px;
  width: 100%;
}

.cnt {
  float: left;
  padding: 10px 0px 10px 10px;
  width: 320px;
}

.error {
  color: #99005A;
}

.errortxt {
  color: #99005A;
}

.btn-error {
  background: url(../images/img-icon.gif) no-repeat;
  display: inline-block;
  height: 15px;
  margin-bottom: 2px;
  margin-right: 3px;
  width: 15px;
}

.lightbox-txt-hd {
  color: #ffffff;
  float: left;
  font-weight: bold;
  padding: 2px 0px 0px 5px;
}

.edit-bg {
  background: #f1f1f1;
}

.edit-bg:hover {
  background: green;
}

input.bld {
  color:  #474747 ! important;
  font-weight:  normal ! important;
}

.bld {
  color: #474747;
  font-weight: normal;
}

.clsLogo {
  color: #464646;
  font-size: 23px;
  font-weight: bold;
  line-height: 29px;
  /*margin-top: 4px;*/
  text-decoration: none;
}

.ui-datepicker-trigger {
  cursor: pointer;
  padding: 0px 0px 0px 2px;
  vertical-align: middle;
}

.acc-content {
  width: 660px;
}

/* OSCAR backwards compatible styles */
/* taken from
    .main .container .lftwork .hdtxt H3
*/

#heading h1 {
  color: #474747;
  font-size: 23px;
  font-weight: bold;
}
/* taken from
    .whtxt
    .clsInprogress  {

*/

.hidden {
  display: none;
}

/*
    Parts are separated input sections.
    Each part consists of a heading and a body
*/
div.part {
  margin-bottom: 6px;
  width: 100%;
}

/* Part Headings */
/* These have 3 components
   1. The encapsulating div.partheading
   2. The title div
   3. The help div (optional)
*/
div.partheading {
  background: url(../images/nav-tabs.gif) no-repeat 0px 0px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  padding: 0 0 0 0px;
  text-decoration: none;
  width: 100%;
}

div.partheading div.title {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  height: 21px;
  padding: 8px 0px 1px 5px;
  text-decoration: none;
  float: left;
}

div.partheading div.help {
  background: url(../images/nav-tabs.gif) no-repeat 100% 0px;
  color: #fff;
  float: right;
  font-size: 10px;
  font-weight: bold;
  height: 21px;
  max-width: 760px;
  min-width: 100px;
  padding: 8px 0px 1px 0;
  text-align: right;
  text-decoration: none;
}

div.partheadingred {
  background: url(../images/nav-tabs.gif) no-repeat 0px -31px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  padding: 0 0 0 0px;
  text-decoration: none;
  width: 100%;
}

div.partheadingred div.title {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  height: 21px;
  padding: 8px 0px 1px 5px;
  text-decoration: none;
  float: left;
}

div.partheadingred div.help {
  background: url(../images/nav-tabs.gif) no-repeat 100% -31px;
  color: #fff;
  float: right;
  font-size: 10px;
  font-weight: bold;
  height: 21px;
  max-width: 760px;
  min-width: 100px;
  padding: 8px 0px 1px 0;
  text-align: right;
  text-decoration: none;
}

div.partbody {
  padding: 2px 0px;
}

div.partline {
  padding: 2px 0px;
  height: 20px;
}

div.partline-noheight {
  padding: 2px 0px;
}

div.scrollable {
  overflow: auto;
  height: 200px;
}

div.partline-head {
  font-weight: bold;
}

.partline-odd {
  background: #f7f7f7;
}

.partline-even {
  background: #ffffff;
}

div.remove-from-flow {
  display: inline;
  position: absolute;
}

.query {
  font-size: 9px;
}

a.query {
  font-size: 9px;
  padding-right: 5px;
}

a.query:link {
  color: #ffffff;
  text-decoration: none;
}

a.query:visited {
  color: #ffffff;
  text-decoration: none;
}

a.query:hover {
  color: #ffffff;
  text-decoration: none;
}

/* Used in matter lists (home page, order list) */
div.matter {
  padding-bottom: 5px;
}

.matter .heading {
  background-color: #e7e7e7;
  font-size: 13px;
  font-weight: bold;
  border-bottom: 5px solid #ffffff;
  padding: 5px;
}

.matter .order {
  padding: 5px;
}

.matter .order .heading {
  background-color: transparent;
  font-size: 12px;
  font-weight: normal;
  border: 0;
  padding: 0 0 2px 0;
}

.matter .order .actions {
  padding: 3px 5px 2px 5px;
}

/* Order list screen */
td div.actions {
  padding: 3px 0 2px 0;
}

ul.certificates {
  padding: 0 5px 0px 5px;
}

ul.certificates li.red {
  background: url(../images/red2.gif) no-repeat 0 5px;
  padding-bottom: 0px;
  padding-left: 30px;
  padding-top: 5px;
}

ul.certificates li.amber {
  background: url(../images/amber2.gif) no-repeat 0 5px;
  padding-bottom: 0px;
  padding-left: 30px;
  padding-top: 5px;
}

ul.certificates li.green {
  background: url(../images/green2.gif) no-repeat 0 5px;
  padding-bottom: 0px;
  padding-left: 30px;
  padding-top: 5px;
}

/* OSCAR Home page */
/* Left / right split is 66% / 33% */
#home .lftwork {
  float: left;
  width: 606px;
}

#home .rhtwork {
  float: right;
  width: 303px;
}

/* OSCAR NOW */
/* Step 1 ordering specific style */
.quadrant {
  background-color: #e7e7e7;
  font-size: 12px;
}

/* Show order */
#show_order.lftwork {
  float: none;
  margin: auto;
  width: 80%;
}

#view_order_details.lftwork {
  float: none;
  margin: auto;
  width: 90%;
}

/* order list */
#display_order_list.lftwork {
  float: none;
  margin: auto;
  width: 100%;
}

table.quadrants {
  width: 100%;
}

td.quadrant_0 {
  border-bottom: 10px solid #ffffff;
  border-right: 10px solid #ffffff;
  vertical-align: top;
  width: 459px;
}

td.quadrant_1 {
  border-bottom: 10px solid #ffffff;
  border-left: 10px solid #ffffff;
  vertical-align: top;
  width: 459px;
}

td.quadrant_2 {
  border-right: 10px solid #ffffff;
  border-top: 10px solid #ffffff;
  vertical-align: top;
  width: 459px;
}

td.quadrant_3 {
  border-top: 10px solid #ffffff;
  border-left: 10px solid #ffffff;
  vertical-align: top;
  width: 459px;
}

.quadrant ul {
  padding: 5px;
}

.quadrant ul li {
  display: block;
  clear: both;
  padding-bottom: 2px;
  padding-top: 3px;
}

.quadrant ul li.indent {
  display: block;
  clear: both;
  margin-left: 20px;
  padding-bottom: 2px;
  padding-top: 3px;
}

.quadrant ul li input {
  display: inline;
  /* float: left; <-- Causes invisible elements in IE6 */
  margin-right: 8px;
}

.quadrant li a {
  color: #0088cc;
  font-size: inherit ! important;
  text-decoration: none;
}

.quadrant li a:hover {
  color: #0088cc;
  font-size: inherit ! important;
  text-decoration: underline;
}

.quadrant .selected {
  background-color: #DCDCDC;
}

/* SSR single column only */
#ssl_step_1_main.lftwork {
  float: none;
  margin: auto;
  width: 100%;
}

/* EDR single column only */
#edr_step_1_nsw.lftwork {
  float: none;
  margin: auto;
  width: 80%;
}

/* NSW eNOS single column only */
#eld_step_1_nsw.lftwork {
  float: none;
  margin: auto;
  width: 80%;
}

/* T & C and Court & Probate other single column only */
#now_step_1_other.lftwork {
  float: none;
  margin: auto;
  width: 80%;
}

/* Land Indexes Searches VIC */
#ldlv_search_services_vic.lftwork {
  float: none;
  margin: auto;
  width: 80%;
}

/* Land Indexes Searches VIC further search */
#ldlv_lix_further_search.lftwork {
  float: none;
  margin: auto;
  width: 50%;
}

/* Land Indexes Searches NSW */
#ldlv_search_services_nsw.lftwork {
  float: none;
  margin: auto;
  width: 80%;
}

/* Land Indexes Searches QLD */
#ldlv_search_services_qld.lftwork {
  float: none;
  margin: auto;
  width: 80%;
}

/* Land Indexes Searches WA */
#ldlv_search_services_wa.lftwork {
  float: none;
  margin: auto;
  width: 80%;
}

/* Any thing related to input forms */
.fmspaced {
  padding: 6px 0;
}

.fmtext {
  /*display: inline-block;*/
  color: #656565;
}

.fmnote {
  color: #656565;
  font-weight: bold;
}

.fmnote-center {
  color: #656565;
  font-weight: bold;
  text-align: center;
}

.fminput {
  background: #e7e7e7;
  border-bottom: #d3d3d3 1px solid;
  border-left: #d3d3d3 1px solid;
  border-right: #d3d3d3 1px solid;
  border-top: #9f9f9f 1px solid;
  color: #474747;   /* NOT style guide */
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 1px;
  padding: 2px 5px;
}

.fmreadonly {
    background: none ! important;
    border-style: none ! important;
}

.inputreadonly {
    background: #D0D0D0 ! important;
}

textarea.fminput {
  padding: 0;
}

.fmnovalue {
  color: #b6b5b5;
}

.fmselect {
  background: #e7e7e7;
  border-bottom: #d3d3d3 1px solid;
  border-left: #d3d3d3 1px solid;
  border-right: #d3d3d3 1px solid;
  border-top: #9f9f9f 1px solid;
  color: #474747;
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 1px 0;
  padding: 1px 0px;
}

select {
  background: #e7e7e7;
  border-bottom: #d3d3d3 1px solid;
  border-left: #d3d3d3 1px solid;
  border-right: #d3d3d3 1px solid;
  border-top: #9f9f9f 1px solid;
  color: #474747;
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 1px 0;
  padding: 1px 0px;
}

.fmcheckbox {
    height: 13px;
    width: 13px;
    overflow: hidden;
}

.fmradio {
    height: 13px;
    width: 13px;
    overflow: hidden;
}

.textlabel {
  color: #939393;
  font-weight: bold;
  text-align: right;
}

.leftalignedtextlabel {
  color: #939393;
  font-weight: bold;
  text-align: left;
}
.textlabelcenter {
  color: #939393;
  font-weight: bold;
  text-align: center;
}

.textright {
  text-align: right;
}

.textcenter {
  text-align: center;
  word-wrap: break-word;
}

.textleft {
  text-align: left;
  word-wrap: break-word;
}

.textcontent {
  font-weight: normal;
  text-align: center;
  word-wrap: break-word;
}

table.box {
  width: 100%;
}

.highlightgroup {
  padding-top: 2px;
  padding-left: 1px;
  padding-right: 1px;
}

.errorhighlight {
  /*background: #ffcccc ! important;*/
  border-color: #99005A ! important;
  border-style: solid;
  border-width: thin;
}

.hover {
    background-color: rgba(247,247,247,0.7);
    cursor: move;
}

.dragready {
  background-color: #E7E7E7;
  border-style: solid;
  border-width: thin;
  box-shadow: 2px 2px darkgrey;
  cursor: move;
}

.warnhighlight {
   background-color: #ffffcc
}

.notehighlight {
   color: green;
   font-weight: bold;
}

.evenrow {
    background-color: #F5F0F9;
}

.oddrow {}


/* Actions - they are treated like menus */
div.actionbar {
  height: 24px;
  margin-top: 6px;
  padding-bottom: 6px;
  padding-top: 6px;
  width: 100%;
}

div.actionbar ul.minor {
  float: left;
  white-space: nowrap;
}

div.actionbar ul.minor li {
  display: inline;
  padding-right: 10px;
}

div.actionbar ul.major {
  float: right;
  white-space: nowrap;
}

div.actionbar ul.major li {
  display: inline;
  padding-left: 10px;
}

table.actionbar {
  margin-top: 6px;
  width: 100%;
}

td.actionbar {
  padding-bottom: 6px;
  padding-top: 6px;
  white-space: nowrap;
}

/* These are the same as the linkanc class */
.subtext a {
  color: #0088cc;
  font-size: inherit ! important;
  text-decoration: none;
}

.subtext a:hover {
  color: #0088cc;
  font-size: inherit ! important;
  text-decoration: underline;
}

td a {
  color: #0088cc;
  font-size: inherit ! important;
  text-decoration: none;
}

td a:hover {
  color: #0088cc;
  font-size: inherit ! important;
  text-decoration: underline;
}

#heading {
  padding-bottom: 8px;
  padding-top: 6px;
}

div.subheading {
  background: url(../images/nav-tabs.gif) repeat 5px 0px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  height: 21px;
  padding: 8px 0px 1px 5px;
  text-decoration: none;
  width: 100%;
}

td.subheading {
  background: url(../images/nav-tabs.gif) no-repeat 0px 0px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  height: 21px;
  padding: 5px 0px 3px 5px;
  text-decoration: none;
  width: 100%;
}

td.subheadingend {
  background: url(../images/nav-tabs.gif) no-repeat 100% 0px;
  color: #fff;
  float: right;
  font-size: 12px;
  font-weight: bold;
  height: 21px;
  padding: 5px 5px 3px 0px;
  text-align:right;
  text-decoration: none;
  min-width: 80px;
  max-width: 200px;

}

/* for numeric input/output */

input.numinput {
  background: #e7e7e7;
  border-bottom: #d3d3d3 1px solid;
  border-left: #d3d3d3 1px solid;
  border-right: #d3d3d3 1px solid;
  border-top: #9f9f9f 1px solid;
  color: #474747;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 1px;
  padding: 2px 5px;
  text-align: right;
}

input.numoutput {
  background: #E0E0E0;
  border-bottom: #d3d3d3 1px solid;
  border-left: #d3d3d3 1px solid;
  border-right: #d3d3d3 1px solid;
  border-top: #9f9f9f 1px solid;
  color: #474747;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 1px;
  padding: 2px 5px;
  text-align: right;
}

.pdfonly {
  display: none;
}

.btn-icn-view {
  background: url(../images/icn_view.gif) no-repeat;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  width: 17px;
}



/* Oscar button classes */
.btn2 {
  border-style: none;
  font-family: sans-serif;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  height: 19px;
  padding: 0px 0px 1px 0px;
  background-repeat: no-repeat;
}

/* Remove button padding in FireFox */
.btn::-moz-focus-inner {
  border:  0;
}

/* Old style buttons */
.btnmedcolour {
  width: 130px;
  color: #FFFFFF;
  background: transparent url(/property/images/btn_med_blue.gif);
}
.btnmedcolournext {
  width: 130px;
  color: #FFFFFF;
  background: transparent url(/property/images/btn_med_blue_next.gif);
}
.btnmedcolourprevious {
  width: 130px;
  color: #FFFFFF;
  background: transparent url(/property/images/btn_med_blue_previous.gif);
}
.btnmedlcolour {
  width: 130px;
  color: #FFFFFF;
  background: transparent url(/property/images/btn_med_lblue.gif);
}
.btnlrgcolournext {
  width: 220px;
  color: #FFFFFF;
  background: transparent url(/property/images/btn_lrg_blue_next.gif);
}
.btnmedwhite {
  width: 130px;
  color: #4772A6;
  background: transparent url(/property/images/btn_med_white.gif);
}
.btnlrgwhite {
  width: 220px;
  color: #4772A6;
  background: transparent url(/property/images/btn_lrg_white.gif);
}
.btnlrgprint {
  width: 270px;
  color: #4772A6;
  background: transparent url(/property/images/btn_lrg_print.gif);
}

/* New style buttons */
.btn {
  background: no-repeat;
  border: none;
  cursor: pointer;
  font-family: FontAwesome, sans-serif; /* Font Awesome will help convert hex code values passed in button tag's 'value' field to convert into relevant font awesome icon*/
  font-weight: bold;
  height: 24px;
  padding: 0px 0px 1px 0px;
  text-align: center;
}

.btnsmlmajor {
  background: transparent url(/property/images/btn_sml_major.gif);
  color: #FFFFFF;
  width: 69px;
}

.btnsmlmajordisabled {
  background: transparent url(/property/images/btn_sml_major_disabled.gif);
  color: #FFFFFF;
  width: 69px;
}

.btnmedmajor {
  background: transparent url(/property/images/btn_med_major.gif);
  color: #FFFFFF;
  width: 130px;
}

.btnmedmajorred {
  background: transparent url(/property/images/btn_med_major_red.gif);
  color: #FFFFFF;
  width: 130px;
}

.btnlrgmajorgreen {
  background: transparent url(/property/images/btn_lrg_next_major_green.gif);
  color: #FFFFFF;
  width: 220px;
}

.btnmedmajordisabled {
  background: transparent url(/property/images/btn_med_major_disabled.gif);
  color: #FFFFFF;
  width: 130px;
}

.btnmednextmajor {
  background: transparent url(/property/images/btn_med_next_major.gif);
  color: #FFFFFF;
  width: 130px;
}

.btnmednextmajor135 {
  background: transparent url(/property/images/btn_med_next_major.gif);
  background-size: cover;

  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  width: 135px;
}

.divborder {
    border-right: #b6b6b6 1px solid;
    border-top: #b6b6b6 1px solid;
    border-left: #b6b6b6 1px solid;
    border-bottom: #b6b6b6 1px solid;
}

.btnmednextmajordisabled {
  background: transparent url(/property/images/btn_med_next_major_disabled.gif);
  color: #FFFFFF;
  width: 130px;
}

.btnsmlnextmajor {
  background: transparent url(/property/images/btn_sml_next_major.gif);
  color: #FFFFFF;
  width: 69px;
}

.btnsmlnextmajordisabled {
  background: transparent url(/property/images/btn_sml_next_major_disabled.gif);
  color: #FFFFFF;
  width: 69px;
}

.btnlrgnextmajor {
  background: transparent url(/property/images/btn_lrg_next_major.gif);
  color: #FFFFFF;
  width: 220px;
}

.btnlrgnextmajordisabled {
  background: transparent url(/property/images/btn_lrg_next_major_disabled.gif);
  color: #FFFFFF;
  width: 220px;
}

.btnlrgmajor {
  background: transparent url(/property/images/btn_lrg_next_major.gif);
  color: #FFFFFF;
  width: 220px;
}

.btnlrgmajordisabled  {
  background: transparent url(/property/images/btn_lrg_next_major_disabled.gif);
  color: #FFFFFF;
  width: 220px;
}

.btnlrgmajorgrey {
  background: transparent url(/property/images/btn_lrg_next_major_grey.gif);
  color: #FFFFFF;
  width: 220px;
}

.btnlrgmajorgreydisabled {
  background: transparent url(/property/images/btn_lrg_next_major_grey_disabled.gif);
  color: #FFFFFF;
  width: 220px;
}

.btnlrgmajorred {
  background: transparent url(/property/images/btn_lrg_next_major_red.gif);
  color: #FFFFFF;
  width: 220px;
}

.btnlrgmajorreddisabled {
  background: transparent url(/property/images/btn_lrg_next_major_red_disabled.gif);
  color: #FFFFFF;
  width: 220px;
}

.btnmedminor {
  background: transparent url(/property/images/btn_med_minor.gif);
  color: #656565;
  width: 130px;
}

.btnmedminordisabled {
  background: transparent url(/property/images/btn_med_minor_disabled.gif);
  color: #656565;
  width: 130px;
}

.btnlrgminor {
  background: transparent url(/property/images/btn_lrg_minor.gif);
  color: #656565;
  width: 220px;
}

.btnlrgminordisabled {
  background: transparent url(/property/images/btn_lrg_minor_disabled.gif);
  color: #656565;
  width: 220px;
}

.btnsmlminor {
  background: transparent url(/property/images/btn_sml_minor.gif);
  color: #656565;
  width: 69px;
}

.btnsmlminordisabled {
  background: transparent url(/property/images/btn_sml_minor_disabled.gif);
  color: #656565;
  width: 69px;
}

/* Old style header */
.header {
  color: #474747;
  font-size: 23px;
  font-weight: bold;
  padding-bottom: 6px;
}

.title2 {
  background-color: #e7e7e7;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 5px;
  margin-bottom: 5px;
}

.heading2 {
    font-size: 8pt;
    font-style: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #d8d7d9;
    /*background-color: #eaeff5;*/
    text-decoration: none;
    padding: 2px;
}

.subtitle {
    font-weight: bold;
    font-size: 8pt;
    color: #ffffff;
    font-style: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #251a52;
    text-decoration: none
}

.label {
  color: #939393;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  vertical-align: middle;
}

.heading {
  background-color: #e7e7e7;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
}

.fill {
  background-color: #EDEDED !important;
}

.pad10 tr td {
  padding: 10px;
}

.padrl20 {
  padding: 0 20px 0 20px;
}

/* Special overwrite for autocomplete elements to enable vertical scrolling */
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* padding to account for vertical scrollbar */
    padding-right: 20px;
}
/* IE 6 doesn't support max-height use height instead */
* html .ui-autocomplete {
    height: 80px;
}

.ui-autocomplete-loading {
    background: white url('jquery/images/ui-anim_basic_16x16.gif') right center no-repeat;
}

.ui-datepicker {font-size: 12px; width: 17em}
.ui-datepicker table {font-size: 11px;}
.ui-accordion .ui-accordion-content {padding: 10px 15px 25px}
.ui-accordion h3 a {font-weight: bold}
.ui-button-text {font-weight: bold}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0;
    background: transparent url(../images/btn_med_minor.gif) 50% 50% repeat-x;
    font-weight: normal;
    color: #656565;
}

.ui-state-hover, .ui-widget-content .ui-state-hover {
    color: #222;
}

.ui-widget-header {
    border: 0;
    background: #cccccc url(../images/nav-tabs.gif) 50% 0 repeat-x;
    color: #ffffff;
    font-weight: bold;
}

.btn-major .ui-state-default, .btn-major .ui-widget-content .ui-state-default, .btn-major .ui-widget-header .ui-state-default {
    border: 0;
    background: transparent url(../images/btn_med_major.gif) 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
}

.ui-widget-overlay {
    opacity: .10;
    filter: Alpha(Opacity=10);
}

.hintsClass {
     border: 1px solid #656565;
     background-color: #FFFFFF;
     padding: 3px;
}
.preview {
    font-size: 11px;
    white-space: pre;
}

table.orderview {
    border-collapse: collapse;
    background-color: #ffffff;
}

table.orderview td {
     border: 2px solid white;
}

table.orderview tr:first-child td {
    border-top: 0;
}

table.orderview tr:last-child td {
    border-bottom: 0;
}
table.orderview tr td:first-child {
    border-left: 0;
}

table.orderview tr td:last-child {
    border-right: 0;
}
.fmlabelheadertransfer {
  font-weight: bold;
  text-align: left;
  display: inline-block;
  width: 230px;
}

.fmlabeltransfer {
  font-weight: normal;
  text-align: left;
  display: inline-block;
  width: 230px;
}


.divTable {
    display: table;
    width: 100%;
}
.divTableRow {
    display: table-row;
}
.divTableRow:hover {
    background-color: #d9edf7;
    cursor: pointer;
}
.divTableHeading {
    display: table-header-group;
    background-color: #ddd;
}
.divTableHead {
    display: table-cell;
    padding: 3px 10px;
    border: 0.5px solid #999999;
    padding: 5px 15px 5px 15px;
    font-weight: bold;
}
.divTableCell {
    display: table-cell;
    padding: 3px 10px;
    border: 0.5px solid #999999;
    padding: 5px 15px 5px 15px;
}

.divTableHeading {
    display: table-header-group;
    background-color: #ddd;
    font-weight: bold;
}
.divTableFoot {
    display: table-footer-group;
    font-weight: bold;
    background-color: #ddd;
}
.divTableBody {
    display: table-row-group;
}

.floatLeft {
    float: left;
    margin: 10px;
}

.floatRight {
    float: right;
    margin: 10px;
}

.floatCenterNoMargin {
    display: table;
    margin: 0 auto;
}

.blueText {
    color: #00a8e3;
    font-weight: bold;
}

.greenText {
    color: #00b603;
    font-weight: bold;
}

.greenTick {
    width:15px;
    height:15px;
}

.italicText {
    font-style: italic;
}

.mediumFont {
    font-size: 12px;
}

.vicroadscheckbox{
}

.tippy-tooltip.oscartippy-theme {
    background-color: lemonchiffon;
    border-style: solid;
    border-color: yellow;
    color: gray;
}
/*
Not currently used - kept in case the custom select boxes need to be revived

div.selectbox-wrapper {
  background: white;
  border-bottom: #ccc 1px solid;
  border-left: #ccc 1px solid;
  border-right: #ccc 1px solid;
  border-top: #ccc 1px solid;
  margin: -2px 0px 0px;
  overflow: auto;
  padding: 3px 5px;
  position: absolute;
  text-align: left;
  width: 130px;
}

div.selectbox-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.selectbox-wrapper ul li.selected {}

div.selectbox-wrapper ul li.current {
  background: #cdd8e4;
}

div.selectbox-wrapper ul li {
  color: #474747;
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: normal;
  list-style: none;
  margin: 0;
  padding: 2px 2px;
}

input.selectbox {
  background: url(../images/select-aro.gif) #e7e7e7 no-repeat 96% 50%;
  border-bottom: #d3d3d3 1px solid;
  border-left: #d3d3d3 1px solid;
  border-right: #d3d3d3 1px solid;
  border-top: #9f9f9f 1px solid;
  color: #b6b5b5;
  cursor: pointer;
  display: block;
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  height: 13px;
  padding: 3px 5px;
  width: 130px;
}

input.selectbox1 {
  background: url(../images/select-aro.gif) #e7e7e7 no-repeat 96% 50%;
  border-bottom: #d3d3d3 1px solid;
  border-left: #d3d3d3 1px solid;
  border-right: #d3d3d3 1px solid;
  border-top: #9f9f9f 1px solid;
  color: #b6b5b5;
  cursor: pointer;
  display: block;
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  height: 15px;
  padding: 2px 5px;
  width: 135px;
}

input.selectbox2 {
  background: url(../images/select-aro.gif) #e7e7e7 no-repeat 96% 50%;
  border-bottom: #d3d3d3 1px solid;
  border-left: #d3d3d3 1px solid;
  border-right: #d3d3d3 1px solid;
  border-top: #9f9f9f 1px solid;
  color: #b6b5b5;
  cursor: pointer;
  display: block;
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  height: 15px;
  padding: 2px 5px;
  width: 190px;
}

input.selectbox3 {
  background: url(../images/select-aro.gif) #e7e7e7 no-repeat 89% 50%;
  border-bottom: #d3d3d3 1px solid;
  border-left: #d3d3d3 1px solid;
  border-right: #d3d3d3 1px solid;
  border-top: #9f9f9f 1px solid;
  color: #b6b5b5;
  cursor: pointer;
  display: block;
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  height: 15px;
  padding: 2px 5px;
  width: 43px;
}

*/