/**
 * Default Style
 * @version - 0.1
 * @author - Justin Lettau
 * @description - none
**/

* {
    margin: 0;
    padding: 0;
}

#Body {
    background: #D4D3D3 url('../images/body.gif') repeat-x left top;
    color: #333333;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    /*font-size: 13px;*/
}

.main {
    background-color: transparent;
    border: none;
    margin: 0 auto 100px auto;
    min-height: none;
    padding: 0;
    position: relative;
    width: 952px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

h1, h2, h3, h4, h5, h6 {
    color: #1B486A;
    font-weight: bold;
    margin: 0 0 10px 0;
    text-align: left;
}

h1 {
    font-size: 22px
}

h2 {
    font-size: 18px
}

h3 {
    font-size: 16px
}

h4, h5, h6 {
    font-size: 13px
}

ul, ol {
    list-style-position: inside
}

a {
    color: #006699;
    text-decoration: none;
}

.a {
    color: #006699;
    text-decoration: none;
}

.a:hover {
    color: #006699;
    text-decoration: underline;
    cursor: pointer;
}

a:hover, a:active {
    color: #006699;
    text-decoration: underline;
}

img {
    border: none
}

.restricted .btnEdit {
    display: none;
}

.restricted .btnDelete {
    display: none;
}


/* login
----------------------------------*/

.login-box {
    border: 1px solid #666666;
    padding: 20px;
    margin: 100px auto 0 auto;
    width: 300px;
    background: #c1c1c1;
    background: -moz-linear-gradient(top, #c1c1c1 24%, #f6f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#c1c1c1), color-stop(100%,#f6f5f5));
    background: -webkit-linear-gradient(top, #c1c1c1 24%,#f6f5f5 100%);
    background: -o-linear-gradient(top, #c1c1c1 24%,#f6f5f5 100%);
    background: -ms-linear-gradient(top, #c1c1c1 24%,#f6f5f5 100%);
    background: linear-gradient(to bottom, #c1c1c1 24%,#f6f5f5 100%);
}

.login-image {
    margin: 0 0 20px 0;
    text-align: center;
}

.login-username, .login-password {
    margin: 0 0 8px 0
}

.login-username label, .login-password label, .login-rememberme label {
    color: #333333;
    text-align: left;
    font-weight: normal;
    width: auto;
}

.login-username input, .login-password input {
    font-size: 16px;
    padding: 7px;
    width: 270px;
}

.login-rememberme input[type="checkbox"] {
    margin: 0;
    vertical-align: middle;
}

.login-buttons {
    margin: 20px 0 0 0;
    text-align: right;
}

.login-copyright {
    text-align: center;
    font-size: 12px;
    padding: 20px 0 40px 0;
}

/* messages
----------------------------------*/

.message-parent {
    background-color: #FFFFFF;
    border-left: 1px solid #9C9C9C;
    border-right: 1px solid #9C9C9C;
    overflow: hidden;
}

.messages {
    background-color: #FFFFFF;
    background-position: 4px 4px;
    background-repeat: no-repeat;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    margin: 10px !important;
    overflow: hidden;
    border: 1px solid #CCCCCC;
    padding: 6px 10px 6px 35px;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.close-messaging {
    background: url('../images/messages/close.png') no-repeat left top;
    border: none;
    cursor: pointer;
    display: block;
    height: 12px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 12px;
}

.successbox {
    background-image: url('../images/messages/successbox.png');
    background-repeat:no-repeat;
    background-position:center;
    color: #5A801B;
}

.cancelbox {
    background-image: url('../images/actions/cancel.png');
    background-repeat:no-repeat;
    background-position:center;
    color: #5A801B;
}


 table tr:hover .successbox {
    background-image: url('../images/messages/successbox.png');
    background-repeat:no-repeat;
    background-position:center;
    color: #5A801B;
}

.warningbox {
    background-image: url('../images/messages/warningbox.png');
    color: #E89326;
}

.infobox {
    background-image: url('../images/messages/infobox.png');
    color: #4985B2;
}

.errorbox {
    background-image: url('../images/messages/errorbox.png');
    color: #CC0000;
}

.environment {
    background-color: rgba(255, 0, 0, 0.79);
    bottom: 0;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    left: 0;
    margin: 0;
    padding: 12px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 999;
}

/* forms
----------------------------------*/

fieldset {
    border: 1px solid #D5CDCD;
    margin: 0 0 10px 0;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

legend {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 0 10px;
    padding: 0 4px 0 4px;
}

label {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
}

.field label {
    color: #666666;
    display: inline-block;
    font-weight: 700;
    margin: 0;
    padding: 3px 5px 3px 0;
    text-align: right;
    vertical-align: top;
    white-space: normal;
    width: 150px;
}

.field .label {
    padding: 3px 5px 3px 0;
}

.field .nolabel {
    display: block;
    width: 400px;
    margin: auto;
}

input[type="text"], input[type="password"], textarea, select {
    background: #E6F2FF;
    border: 1px solid #999999;
    color: #333333;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0 0 5px 0;
    padding: 3px 3px 3px 3px;
}

input[type="text"]:read-only, textarea:read-only {
    background: #D6D6D6;
    cursor: default;
}

input.calendarReadOnly {
    width: 90px !important;
}

.thin {
    width: 30px;
}

.wide{
    width: 300px;
}

.file-upload .field {
    background-color: #F3F3F3;
    border: 1px solid #E2E2E2;
    width: 270px;
    padding: 10px;
    height: 140px;
    clear: none;
    float: left;
    margin: 5px;
    position: relative;
}

.file-upload .field label {
    width: auto;
    display: block;
    text-align: left;
}

.file-upload .field img {
    width: auto;
    display: block;
    text-align: left;
    margin: 10px auto 10px auto;
}

.file-upload .field span {
    display: block;
    text-align: center;
}

.file-upload .field input[type="file"] {
    font-size: 10px;
    border: none;
    border-top: 1px solid #CCCCCC;
    padding: 5px 0 5px 0;
    position: absolute;
    width: 90%;
    bottom: 0;
}

input[type="text"].small, input[type="password"].small, select.small {
    width: 110px
}

input[type="text"].smaller, input[type="password"].smaller {
    width: 80px
}

input[type="text"].smallest, input[type="password"].smallest {
    width: 40px
}

input[type="text"].medium, input[type="password"].medium, select.medium {
    width: 200px
}

input[type="text"].large, input[type="password"].large {
    width: 300px
}

fieldset input[type="text"], fieldset input[type="password"] {
    width: 230px
}

fieldset textarea {
    width: 230px;
    height: 100px
}

input.calendar {
    background: #E6F2FF url('../images/calendar.png') no-repeat right top;
    width: 90px !important;
}

input.searchahead {
    background: #E6F2FF url('../images/search.png') no-repeat left 4px;
    padding-left: 20px;
    background-position-x: 3px;
}

.search .clear {
    background: url('../images/messages/close.png') no-repeat left top;
    border: none;
    cursor: pointer;
    display: block;
    height: 12px;
    position: absolute;
    right: 5px;
    top: 7px;
    width: 12px;
}

.reports .field .clear {
    background: url('../images/messages/close.png') no-repeat left top;
    border: none;
    cursor: pointer;
    display: block;
    height: 12px;
    position: absolute;
    right: 40%;
    top: 24%;
    width: 12px;
}

fieldset .field .clear {
    background: url('../images/messages/close.png') no-repeat left top;
    border: none;
    cursor: pointer;
    display: block;
    height: 12px;
    position: absolute;
    right: 8%;
    top: 24%;
    width: 12px;
}

#PopUpContent fieldset .field .clear {
    background: url('../images/messages/close.png') no-repeat left top;
    border: none;
    cursor: pointer;
    display: block;
    height: 12px;
    position: absolute;
    left: 83%;
    top: 24%;
    width: 12px;
}


input.searchahead.ui-autocomplete-loading {
    background: #E6F2FF url('../images/loading.gif') no-repeat right 4px
}

input[type="checkbox"], .field input[type="checkbox"] {
    margin: 5px
}

span.radioList label {
    margin: 0;
    padding: 0;
    width: auto;
    margin-right: 15px;
    color: #333333;
}

.buttons {
    border-top: 1px solid #D5CDCD;
    clear: both;
    margin: 10px 0 0 0;
    padding: 10px;
    text-align: center;
}

.buttons.right {
    text-align: right
}

.buttons.top {
    border-top: none;
    border-bottom: 1px solid #D5CDCD;
    text-align: right;
    margin: 0 0 25px 0;
}

.button, .field .button {
    background: #CECECE url('../images/button.gif') repeat-x left top;
    border: 1px solid #B6B5B5;
    color: #555555;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin: 0 5px 0 5px;
    padding: 5px 12px 5px 12px;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.button:hover {
    border: 1px solid #6A6868;
    color: #333333;
    text-decoration: none;
}

.button.blue {
    background: #5D9ECD url('../images/button-blue.gif') repeat-x left top;
    border: 1px solid #3977A6;
}

.button.blue:hover {
    border: 1px solid #336D96
}

.add span.inner, .delete span.inner, .cancel span.inner, .save span.inner, .edit span.inner, .pdf span.inner, .excel span.inner, .email span.inner, .inspection span.inner, .permit span.inner, .payment span.inner, .search span.inner, .help span.inner, .copy span.inner {
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0 0 0 -5px;
    padding: 0 0 0 25px;
}

.help span.inner {
  background-image: url('../images/messages/infobox.png');
}

.add span.inner {
    background-image: url('../images/actions/add.png')
}

.cancel span.inner {
    background-image: url('../images/actions/cancel.png')
}

.delete span.inner {
    background-image: url('../images/actions/delete.png')
}

.save span.inner {
    background-image: url('../images/actions/save.png')
}

.edit span.inner {
    background-image: url('../images/actions/edit.png')
}

.copy span.inner {
    background-image: url('../images/actions/copy17.png')
}

.pdf span.inner {
    background-image: url('../images/actions/pdf.png')
}

.payment span.inner {
    background-image: url('../images/actions/payment.png')
}

.finance span.inner{
    background-image: url('../images/actions/transactions.png');
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0 0 0 -5px;
    padding: 0 0 0 25px;
}

.location span.inner {
    background-image: url('../images/icons/parcel.png');
    background-position: left center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    margin: 0 0 0 -5px;
    padding: 0 0 0 25px;
}

.excel span.inner {
    background-image: url('../images/actions/excel.png')!important;
}

.email span.inner {
    background-image: url('../images/actions/email.png')
}

.inspection span.inner {
    background-image: url('../images/actions/inspections.png')
}

.permit span.inner {
    background-image: url('../images/actions/permits.png')
}

.servicerequestqueue span.inner {
    background-image: url('../images/actions/permits.png')
}


.payment span.inner {
    background-image: url('../images/actions/payment.png')
}

.search span.inner {
    background-image: url('../images/actions/search.png')
}

.button.searchadvanced {
    font-size: 10px;
    padding: 5px 12px 5px 12px !important;
}

a.request-inspection {
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url('../images/actions/inspections.png') no-repeat center center;
}

/* table
----------------------------------*/

table {
    border-collapse: collapse;
    width: 100%;
}

.header td{
    background: #7db9e8; /* Old browsers */
    background: -moz-linear-gradient(top, #7db9e8 0%, #7db9e8 0%, #1e5799 91%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(0%,#7db9e8), color-stop(91%,#1e5799)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7db9e8 0%,#7db9e8 0%,#1e5799 91%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7db9e8 0%,#7db9e8 0%,#1e5799 91%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7db9e8 0%,#7db9e8 0%,#1e5799 91%); /* IE10+ */
    background: linear-gradient(to bottom, #7db9e8 0%,#7db9e8 0%,#1e5799 91%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
}

table thead tr th, table tr.header td {
    background: #777777;    /*#EFEFEF;*/
    font-weight: bold;
    text-align: center;
    padding: 5px;
    color: #FFFFFF;
}

.grid-container table tr td {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    /*padding: 8px;*/
    text-align: left;
}

.grid-lines .grid-container table tr td {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid darkgrey;
    border-right: 1px solid darkgrey;
    text-align: left;
}

.inspector_calendar tr td {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #333333;
    padding: 8px;
    text-align: center;
    height:100px;
}

/*table tr.even td {
    background: #F7F7F7
}*/

.inspector_calendar tr:hover td {
    background: #FFFFFF;
    cursor: default;
}

thead th.sorting, thead th.sorting_asc, thead th.sorting_desc {
    cursor: pointer
}

/*thead th span {
    padding: 0 20px 0 4px
}*/

thead th.sorting_asc span {
    background: url('../images/sorting_asc.png') no-repeat right center
}

thead th.sorting_desc span {
    background: url('../images/sorting_desc.png') no-repeat right center
}

thead th img {
    margin: 0 0 0 6px
}

.dataTables_wrapper {
    position: relative;
    padding: 50px 0 30px 0;
}

.dataTables_length {
    position: absolute;
    top: 0;
    left: 0;
}

.dataTables_filter {
    position: absolute;
    top: 0;
    right: 0;
}

.dataTables_info {
    position: absolute;
    bottom: 0;
    left: 0;
}

.dataTables_paginate {
    position: absolute;
    bottom: 0;
    right: 0;
}

.paginate_button {
    cursor: pointer;
    color: #333333;
    margin: 0 0 0 5px;
}

.paginate_button_disabled {
    opacity: 0.6;
    text-decoration: none !important;
    cursor: default;
}

.paginate_active {
    font-weight: bold;
    margin: 0 0 0 5px;
}

img.options {
    opacity: 0.4;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

img.options:hover {
    opacity: 1.0
}

.menu_options {
    list-style-type: none;
    overflow: hidden;
}

.menu_options li {
    float: left
}

.menu_options li a {
    display: block;
    color: #333333;
    width: 80px;
    margin: 0 8px 0 0;
    padding: 0 8px 0 0;
    text-align: center;
    border-right: 1px solid #333333;
}

.menu_options li a img {
    height: 32px;
    width: 32px;
    margin: 0 auto 5px auto;
    display: block;
}

.menu_options li:last-child a {
    margin: 0;
    padding: 0;
    border: none;
}

/* header
----------------------------------*/

h1.title {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    padding: 16px 0 15px 0;
}

.logo {
    margin: 10px;
    height: 73px;
}

.logout-box {
    background-color: #000000;
    color: #FFFFFF;
    font-size: 10px;
    padding: 8px 12px 8px 12px;
    position: absolute;
    right: 0;
    top: 0;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

.logout-box .logout-link {
    color: #FFFFFF;
    padding: 0 0 0 15px;
}

.logout-box .logout-helplink {
    font-size: 12px;
    padding: 12px 0px;
    text-align: center;
    width: 60%;
    margin: auto;
}

.logout-box .logout-helplink a {
    color: #ffa500;
}

.nav {
    background-color:#58A8E4;
    padding: 15px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}

.menu_main {
    /*background: #64A1CE url('../images/navbar.gif') repeat-x left top;*/
    background: #7db9e8; /* Old browsers */
    background: -moz-linear-gradient(top, #7db9e8 0%, #7db9e8 0%, #1e5799 91%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(0%,#7db9e8), color-stop(91%,#1e5799)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7db9e8 0%,#7db9e8 0%,#1e5799 91%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7db9e8 0%,#7db9e8 0%,#1e5799 91%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7db9e8 0%,#7db9e8 0%,#1e5799 91%); /* IE10+ */
    background: linear-gradient(to bottom, #7db9e8 0%,#7db9e8 0%,#1e5799 91%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
    border: 1px solid #3977A6;
    height: 100px;
    list-style-type: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.menu_main li {
    float: left;
    position: relative;
}

.menu_main li a {
    border-right: 1px solid #4985B2;
    color: #FFFFFF;
    display: block;
    height: 100px;
    text-align: center;
    width: 114px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.menu_main li:first-child a {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
}

.menu_main li:nth-child(8) a {
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
}

.menu_main li a:hover, .menu_main li.selected a, .menu_main li.active a {
    background: #3F80B1; /*url('../images/navbar-selected.gif') repeat-x left top;*/
    text-decoration: none;
}

.menu_main li a img.menu-image {
    margin: 12px 0 0 0
}

.menu_main li a span.menu-title {
    display: block
}

.menu_main li a span {
    background-position: center 15px;
    background-repeat: no-repeat;
    font-style: italic;
    display: block;
    padding: 70px 0 0 0;
}

.menu_main li.inspections a span {
    background-image: url('../images/icons/inspections.png')
}

.menu_main li.asset-tracking a span {
    background-image: url('../images/icons/person.png')
}

.menu_main li.contractors a span {
    background-image: url('../images/icons/contractors.png')
}

.menu_main li.finance a span {
    background-image: url('../images/icons/transactions.png')
}

.menu_main li.permits a span {
    background-image: url('../images/icons/permits.png')
}

.menu_main li.parcel a span {
    background-image: url('../images/icons/parcel.png')
}

.menu_main li.user-management a span {
    background-image: url('../images/icons/usermanagement.png')
}

.menu_main li.reports a span {
    background-image: url('../images/icons/reports.png')
}

.menu_main li.maintenance a span {
    background-image: url('../images/icons/maintenance.png')
}

.menu_main li span.dropdown {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    height: 35px;
    width: 100%;
    background: url('../images/dropdown.png') no-repeat 50% 95%;
}

.menu_main li ul {
    background: #D4D3D3;
    border: 1px solid #3977A6;
    display: none;
    /*left: 15px;*/
    list-style-type: none;
    list-style-position: outside;
    padding: 20px 0 20px 0;
    position: absolute;
    top: 35px;
    z-index: 999;
}

.menu_main li:nth-child(8) ul {
    right: 5px;
    left: auto;
}

/*.menu_main li span.dropdown:hover ul, .menu_main li span.dropdown ul.open {
    display: block
}*/

.menu_main li ul li {
    float: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.menu_main li ul li a, .menu_main li.selected ul li a, .menu_main li.active ul li a {
    background: none;
    border: none;
    color: #333333;
    display: block;
    height: auto;
    min-width: 140px;
    padding: 4px 20px 4px 20px;
    width: auto;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.menu_main li ul li a span {
    background: none !important;
    font-style: normal;
    display: inline;
    padding: 0;
}

.menu_main li ul li a:hover, .menu_main li ul li.selected a {
    background: #3F80B1 url('../images/navbar-selected.gif') repeat-x left top;
    color: #FFFFFF;
}

/* content
----------------------------------*/

.toolbar {
    background-color: #FFFFFF;
    border-bottom: 1px solid #D5CDCD;
    border-left: 1px solid #9C9C9C;
    border-right: 1px solid #9C9C9C;
    margin: 0;
    min-height: 30px;
    padding: 10px;
    text-align: left;
    border-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-radius: 0;
    -webkit-border-top-left-radius: 0;
}

.toolbar div.search {
    float: left;
    position: relative;
}

.search div.searchahead {
    display: inline;
    background: #E6F2FF url('../images/search.png') no-repeat right center;
    width: 300px;
}

.search .searchahead-results-wrapper, .field .searchahead-results-wrapper {
    background: #E6F2FF;
    border: 1px solid #999999;
    left: 42px;
    max-height: none;
    max-width: none;
    min-width: none;
    padding: 10px;
    position: absolute;
    top: 25px;
    z-index: 999;
}

.search .searchahead-results-wrapper .info, .field .searchahead-results-wrapper .info {
    border: 1px solid #999999;
    max-height: 400px;
    width: 820px;
}

.popup .field .searchahead-results-wrapper .info {
    width: 550px
}

.modalcontent .field .searchahead-results-wrapper .info {
    width: 400px
}

.searchahead-results-wrapper .close-wrapper .close {
    background: url('../images/messages/close.png') no-repeat left top;
    border: none;
    cursor: pointer;
    display: block;
    height: 12px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 12px;
}

.NavigationHeader {
    color: #008bf3;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 0px 0px 0px;
	margin: 0;
	list-style-type:none;
}

.toolbar .buttonFloat {
    float: right
}

.DefaultMessagePanel {
    width: auto;
    height: auto;
}

.content, .DefaultMessagePanel {
    background-color: #FFFFFF;
    border-bottom: 1px solid #9C9C9C;
    border-left: 1px solid #9C9C9C;
    border-right: 1px solid #9C9C9C;
    border-top: none;
    padding: 10px;
    min-height: 300px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}

.paragragh {
    margin: 0 0 20px 0
}

.paragragh.center {
    text-align: center
}

.record-commands {
    float: none;
    margin: -35px 0 0 0 !important;
    display: block;
    min-height: 30px;
}

.column1, .column2 {
    display: inline-block;
    margin: 10px 0 10px 5px;
    min-width: 339px;
    vertical-align: top;
    width: 49%;
    zoom: 1;
    *display: inline;
}

.child {
    /*border: 1px solid #AAAAAA;*/
    margin: 0 0 10px 0;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.child .title {
    background: #CCCCCC url('../images/title.png') repeat-x left center;
    border-bottom: 1px solid #AAAAAA;
}

.child .title h2 {
    background: url('../images/title-collapsed.png') no-repeat right center;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    margin: 0 10px 0 0;
    padding: 5px 10px 5px 10px;
}

.child .title.expanded h2 {
    background-image: url('../images/title-expanded.png')
}

.child .info {
    background-color: #FFFFFF;
    padding: 10px;
}

.catchecklist li span {
    width: 70%
}

/* footer
----------------------------------*/

.footer {
    text-align: center;
    margin: 10px 0 10px 0;
}

/**************************************************************************************************
	Navigation
**************************************************************************************************/
.NavigationHeader
{
    list-style-type:none;
    font-weight: 600;
}

/*.Zebra table thead tr th, table tr.header td, table tr.header:hover td
{
    background: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    color: #000000;
}*/

.hide {
    display:none;
}

#inspection
{
    background-color: #EFEFEF;
    border: 1px solid #CCCCCC;
}

.clickable
{
    height:75px;
    background: #1e5799;
    background: -moz-linear-gradient(top, #1e5799 0%, #82bbe6 1%, #207cca 100%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(1%,#82bbe6), color-stop(100%,#207cca), color-stop(100%,#7db9e8));
    background: -webkit-linear-gradient(top, #1e5799 0%,#82bbe6 1%,#207cca 100%,#7db9e8 100%);
    background: -o-linear-gradient(top, #1e5799 0%,#82bbe6 1%,#207cca 100%,#7db9e8 100%);
    background: -ms-linear-gradient(top, #1e5799 0%,#82bbe6 1%,#207cca 100%,#7db9e8 100%);
    background: linear-gradient(to bottom, #1e5799 0%,#82bbe6 1%,#207cca 100%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 5px;
}

.clickable:hover
{
    cursor: pointer;
}

.bold
{
    font-size:16px;
    margin:5px;
}

.product-selected {
    border-color: #58A8E4!important;
    border-style: solid;
    box-shadow: #58A8E4 0px 0px 10px;
}

.product-selected legend {
    color:#035C89;
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../Framework/Images/Common/page-loader.gif') 50% 50% no-repeat rgba(249,249,249, 0.75);
}

.signature {
    width:250px;
}

#PopUpContent img {
    max-width:480px;
}

.ledger-posotive {
    font-weight: bold;
    color:black;
}

.ledger-negative {
    font-weight: bold;
    color:red;
}