* {                                                     outline:none;}
a img {                                                 border:none;}
body {                                                  background:url(https://www.lcinventoryservices.co.uk/admin/images/bg.gif) top left;font-family:Trebuchet MS;font-size:0.7em;color:#555;margin:15px;}
#wrapper {                                              width:781px;margin:0 auto;}
#header {                                               width:781px;height:78px;background:url(https://www.lcinventoryservices.co.uk/admin/images/bg_top1.gif) top left no-repeat;}
#headerLogo {                                           width:100px;float:left;padding:7px 0 0 7px;}
#headerNav {                                            float:right;padding:5px 0 0 0;}
ul.nav {                                                padding:5px;margin-top:35px;list-style:none;float:left;}
ul.nav li {                                             float:left;}
ul.nav li a {                                           float:left;text-decoration:none;color:#ccc;padding:4px 9px 0 0;margin-right:3px;font:900 13px "Trebuchet","Arial", Helvetica, sans-serif;}
ul.nav li a span {                                      float: left;padding-right: 8px;display: block;margin-top: -4px;height: 24px;}
ul.nav li a, ul.nav li a.current {                      color: #555;background: url(https://www.lcinventoryservices.co.uk/admin/images/grey_on_white.gif) no-repeat top right;}
ul.nav li a span, ul.nav li a.current span {            background: url(https://www.lcinventoryservices.co.uk/admin/images/grey_on_white.gif) no-repeat top left;}
ul.nav li a:hover, ul.nav li a.current {                color: #fff;background: url(https://www.lcinventoryservices.co.uk/admin/images/blue_on_white.gif) no-repeat top right;}
ul.nav li a:hover span, ul.nav li a.current span {      background: url(https://www.lcinventoryservices.co.uk/admin/images/blue_on_white.gif) no-repeat top left;}                          
a.button {                                              float:right;text-decoration: none;color: #555;padding: 4px 9px 0 0;font: 900 13px "Trebuchet","Arial", Helvetica, sans-serif;background: url(https://www.lcinventoryservices.co.uk/admin/images/grey_on_white.gif) no-repeat top right;}
a.button span {                                         float: left;padding-right: 8px;display: block;margin-top: -4px;height: 24px;background: url(https://www.lcinventoryservices.co.uk/admin/images/grey_on_white.gif) no-repeat top left;}
a.button:hover {                                        background: url(https://www.lcinventoryservices.co.uk/admin/images/blue_on_white.gif) no-repeat top right;}
a.button:hover span {                                   background: url(https://www.lcinventoryservices.co.uk/admin/images/blue_on_white.gif) no-repeat top left;}
#content {                                              width:761px;background:url(https://www.lcinventoryservices.co.uk/admin/images/bg_middle.gif) top left repeat-y;padding:10px 10px 0 10px;}
#footer {                                               width:781px;height:26px;background:url(https://www.lcinventoryservices.co.uk/admin/images/bg_bottom.gif) top left no-repeat;}
#topButton {                                            font-size:0px;float:right;margin:8px 8px 0 0;display:block;width:23px;height:10px;background:url(https://www.lcinventoryservices.co.uk/admin/images/top.gif) no-repeat;}
#topButton:hover {                                      background:url(https://www.lcinventoryservices.co.uk/admin/images/top.gif) no-repeat;background-position:0 -10px;}
hr {                                                    border:0;color:#ddd;background-color:#ddd;width:100%;height:1px;}
a {                                                     color:#336699;text-decoration:none;}
a:hover {                                               color:#FFA01C;text-decoration:none;}
h2 {                                                    font-size:1.1em;margin:0 0 10px 0;padding:0;}
h3 {                                                    font-size:1em;color:#990000;margin-top:0;margin-bottom:18px;}
th {                                                    text-align:left;}
th.right {                                              text-align:right;}
th.center {                                             text-align:center;}
.listing2 th {                                          border-bottom:1px solid #cccccc;padding:4px;}
.listing2 td {                                          border-bottom:1px solid #e5e5e5;padding:4px;}
.listing {                                              border-right:1px solid #ccc;}
.listing th {                                           background:#F5FAFA url(https://www.lcinventoryservices.co.uk/admin/images/bullet_table.gif) no-repeat scroll left top;padding:5px 5px 5px 10px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.listing td {                                           padding:5px 5px 5px 10px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
textarea, input, select {                               background:#FFFFFF url(https://www.lcinventoryservices.co.uk/admin/images/bg_field.gif) repeat-x scroll left top;border-color:#BDBDBD #CCCCCC #DDDDDD;border-style:solid;border-width:1px;color:#555555;font-family:Tahoma;font-size:1em;margin:0;padding:4px;}
.error {                                                background-color:#ffecec;border:1px dotted #f1b4b4;padding:5px 8px;}
.success {                                              background-color:#edffec;border:1px dotted #b0e3ab;padding:5px 8px;}
.dull {                                                 color:#888;}
.tableform th {                                         background:#F5FAFA url(https://www.lcinventoryservices.co.uk/admin/images/bullet_table.gif) no-repeat scroll left top;padding:5px 5px 5px 10px;border:1px solid #ccc;}
.submit {                                               font-weight:bold;}
#headerNav {                                            float:right;}
ul.adminNav {                                           padding:5px;margin:0;list-style:none;float:left;}
ul.adminNav li {                                        float:left;}
ul.adminNav li a {                                      border-top:1px solid #555;border-left:1px solid #555;border-right:1px solid #333;border-bottom:1px solid #333;background-color:#777;float:left;text-decoration:none;color:#fff;padding:2px 4px;margin-right:3px;font:900 13px "Trebuchet","Arial", Helvetica, sans-serif;}
ul.adminNav li a:hover, ul.adminNav li a.current {      border-top:1px solid #333;border-left:1px solid #333;border-right:1px solid #111;border-bottom:1px solid #111;background-color:#444;}
.information {                                          background-color:#e7f2f8;border:1px dotted #bdd8f4;padding:8px 12px;}
.searchResult {                                         background-color:#ffff72;}
ul.recipients {                                         list-style-type:none;margin:0px;padding:0px;}
ul.recipients li {                                      background:#EDF5FA url(https://www.lcinventoryservices.co.uk/admin/images/remove.gif) no-repeat 96% center;margin:4px 0px;padding:8px 6px;cursor:pointer;font-weight:bold;border:solid 1px #d7d7d7;}
.nostyle {                                              border:0;background:none;}
h1 {                                                    font-size:1.2em;margin:0 0 20px 0;padding:0;}
#subNav {                                               float:right;color:#ccc;}
#clientDetails {                                        margin-top:2px;width:330px;background-color:#fcfcfc;border:1px solid #ddd;padding:5px 5px 5px 5px;}
.clientTab {                                            line-height:22px;color:#555;font-weight:bold;padding:4px 6px 5px 6px;background-color:#fff;border:1px solid #ddd;border-bottom:1px solid #ddd;text-decoration:none;}
.clientTab:hover {                                      line-height:22px;color:#555;font-weight:bold;padding:4px 6px 5px 6px;background-color:#fcfcfc;border:1px solid #ddd;border-bottom:1px solid #fcfcfc;text-decoration:none;}
.clientTabOver {                                        line-height:22px;color:#555;font-weight:bold;padding:4px 6px 5px 6px;background-color:#fcfcfc;border:1px solid #ddd;border-bottom:1px solid #fcfcfc;text-decoration:none;}
.stats {                                                border:1px solid #ccc;}
.active {                                               color:red;}
.tool {                                                 position:relative;z-index:24;}
.tool span {                                            display:none;}
.tool:hover {                                           background:;z-index:25;}
.tool:hover span {                                      text-align:left;z-index:30;width:200px;position:absolute;top:15px;padding:7px;left:40px;display:block;background:#ffffcc;border:2px solid #ccc;}

.warning {                                              color:red;background: url(https://www.lcinventoryservices.co.uk/admin/images/icon.gif) no-repeat 12px 10px;background-color:#ffebb4;border-top:2px solid #f9b140;border-bottom:2px solid #f9b140;padding:12px 12px 12px 40px;}
.warning a {                                            color:red;font-weight:bold;text-decoration:none;}
.warning a:hover {                                      color:red;font-weight:bold;text-decoration:none;}
.changed {                                              background: url(https://www.lcinventoryservices.co.uk/admin/images/changebg.png) repeat-x bottom left;background-color:#ffebb4;border-top:1px solid #f9b140;border-bottom:1px solid #fff;}

.calendar {                                             border-collapse:collapse;}
.calendar td {                                          font-size:22px;text-align:right;width:60px;height:100px;border-width:1px 1px 1px 1px;border-style:solid;border-color:#ddd;}
.calendar td div.calname {                              margin:3px;-moz-border-radius:3px;font-size:22px;padding:5px;text-align:right;background:#f5f5f5;color:#ccc;}
.calendar td div.callink {                              font-size:12px;padding:0px;margin:15px 0 0 0;text-align:center;}
.calendar th {                                          font-size:13px;text-align:center;width:100px;height:50px;border-width:1px 1px 1px;border-style:solid;border-color:#ddd;background:#eee;}
.calendar .highlight {                                  background:#f1fbff;}
.calendar .link, .calendar .link span {                 color:#369;}
.calendar .fade {                                       color:#cccccc;}
.calendar .red {                                        color:#bf7777;}
.caltitles {                                            font-size:20px;}
.caltitlesLinks {                                       font-size:40px;}

#job_billing_table td {                                 vertical-align:top;}
.billing_name {                                         width:200px;}
.billing_description {                                  width:250px;height:50px;}
.billing_qty {                                          width:100px;}
.billing_cost {                                         width:100px;}
.billing_error {                                        border:1px solid #ff5e58;}

.whitecontents td {                                     color:#333;}
.whitecontents td a {                                   color:#fff;}

.clear {                                                clear:both;}
.stats-col5 {                                           float:left;background:#eee;border:1px solid #ddd;margin:0 20px 20px 0;width:124px;text-align:center;padding:10px 5px;}
.stats-col5-first {                                     background:#555;border:1px solid #444;color:#fff;}
.stats-col5-last {                                      margin-right:0;}
.stats-col5 strong {                                    display:block;font-size:1em;text-transform:uppercase;color:#888;}
.stats-col5 span {                                      margin:12px 0 0 0;display:block;font-size:1.5em;text-transform:uppercase;}


.stats-col2 {                                           float:left;margin:0 20px 20px 0;width:368px;}
.stats-col2 h2 {                                        text-align:center;padding:0;display:block;font-size:1em;text-transform:uppercase;color:#888;}
.stats-col2-box {                                       background:#eee;border:1px solid #ddd;margin:0 0 20px 0;padding:10px;}
.stats-col2-last {                                      margin-right:0;}
.stats-col2-center {                                    text-align:center;}
.stats-col2 strong {                                    display:block;font-size:1em;text-transform:uppercase;color:#888;}
.stats-col2 span {                                      margin:12px 0 0 0;display:block;font-size:1.5em;}

ul#linksUL {
    list-style-type:none;
    margin:0px;
    padding:0px;
}
ul#linksUL li {
    background:#EDF5FA url(./images/cross.png) no-repeat 98% center;
    margin:4px 0px;
    padding:6px 5px;
    cursor:pointer;
    font-weight:bold;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #d5e6f0;
    -moz-box-shadow:inset 0px 1px rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0px 1px rgba(255,255,255,0.5);
    box-shadow:inset 0px 1px rgba(255,255,255,0.5);
}
input.lookup {
    width:225px;
}
input.ui-ac-borders {
    border-bottom:none;
    margin-bottom:none;
}
ul.ui-autocomplete {
    position:absolute;
    margin:0;
    padding:0;
    width:225px;
    border:1px solid #b0b0b0;
    border-top:none;
    z-index:99999;
}
ul.ui-autocomplete li {
    margin:0;
    padding:0;
    list-style:none;
    border-top:1px solid #dfdfdf;
    background:#fff;
}
ul.ui-autocomplete li a {
    padding:6px 4px;
    display:block;
    text-decoration:none;
}
ul.ui-autocomplete li a.ui-state-hover,
ul.ui-autocomplete li a.ui-state-focus {
    background:#f0faff;
    cursor:pointer;
}
ul.ui-autocomplete li span.empty {
    display:block;
    height:20px;
    line-height:20px;
    text-align:center;
    font-weight:bold;
    color:#a5a5a5;
    text-decoration:none;
}
ul.ui-autocomplete li a strong {
    margin:0 0 2px 0;
    display:block;
}
ul.ui-autocomplete li a span {
    display:block;
    font-size:0.9em;
}
ul.ui-autocomplete li a em {
    font-size:0.95em;
    margin:0 0 5px 0;
    display:block;
    font-style:normal;
    font-weight:bold;
    color:#d7506a;
}
.app {
    border:1px solid #ddd;
}
.inner-app {
    border:5px solid #eee;
    padding:15px
}
.app .col1 {
    float:left;
    width:100px;
}
.app .col2 {
    float:left;
    width:408px;
}
.app .col2 strong {
    height:54px;
    line-height:54px;
    font-size:1.5em;
}
.app .col3 {
    display:block;
    float:left;
    width:200px;
    height:54px;
    line-height:54px;
    background:#13417c;
    color:#fff;
    text-align:center;
    font-size:1.3em;
}
.app .col3:hover {
    background:#333;
}
.ui-helper-hidden-accessible { position: absolute; left: -9999px; }

#key_table {
    margin:10px 0 0 0;
}
#key_table td,
#key_table th {
    padding:2px 0;
}
#key_table td input.key_qty {
    width:100px;
}
#key_table td input.key_type {
    width:180px;
}
#key_table td input.key_usage {
    width:180px;
}
#key_table td input.key_location {
    width:180px;
}


#order-sections h1 {
    margin:0 0 10px 0;
    padding:8px 10px;
    background:#336699;
    color:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#order-sections h1 a {
    float:right;
    color:#fff;
    margin:0 0 0 10px;
}
#order-sections h2 {
    margin:0 0 5px 0;
    padding:7px 9px 9px 10px;
    background:#ddd;
}
#order-sections h2 a {
    float:right;
    color:#fff;
    margin:0 0 0 10px;
    color:#6f6f6f;
}
#order-sections .section {
    border:1px solid #ddd;
    margin:0 0 20px 0;
}
#order-sections .section table {
    margin:10px 0 5px 10px;
    width:740px;
}
#order-sections .section table th {
    background:#eee;
    padding:4px 10px;
}
#order-sections .section table td {
    padding:4px 10px;
}
#order-sections .section table tr.border td {
    border-top:1px dashed #eee;
}
#order-sections .section table td.item-icons a {
    float:right;
    color:#fff;
    margin:0 0 0 10px;
}
.play-audio {
    display:inline-block;
    width:60px;
    height:40px;
    background:url(images/play.gif) no-repeat 0 0;
}
.stop-audio {
    display:inline-block;
    width:60px;
    height:40px;
    background:url(images/play.gif) no-repeat 0 -40px;
}

.progress {                                                 position:relative;z-index:24;}
.progress span {                                            display:none;}
.progress:hover {                                           background:;z-index:25;}
.progress:hover span {                                      text-align:left;z-index:30;width:140px;position:absolute;top:15px;padding:7px;left:-6px;display:block;background:#ffffcc;border:2px solid #ccc;line-height:1.4em;}
.progress em {                                              font-style:normal;color:#ff454a;}