body {font-family:Arial, sans-serif;font-size: 12px;margin: auto;}
p {color: #474343;}
a, a:hover {color: #a81a22; text-decoration: underline;}
h1, h2{margin:0; padding:0;}
h1{color:#999999;font-weight: normal; font-size: 31px;}
h2 {font-size:22px;}
select, input, textarea {font-family:Arial, sans-serif;font-size: 9pt;}
#content{width:1119px; margin:0 auto 20px auto;}
#header {background: url('../images/masthead.png');width: 1119px;height:220px;}
.logo{padding: 20px 0 0 20px;}
.required {color: red; font-weight: bold;}

#confirm {background-color: #FFF; border: 1px solid #CCC; position: relative; top: -140px; padding: 10px; box-shadow: 5px 5px 10px #CCC; margin-bottom: -100px; width: 340px; overflow: auto;}
#confirm p{color: #666666;}
#confirm #username, #confirm #password {width: 323px; margin-bottom: 5px;}

#login {background-color: #FFF; border: 1px solid #CCC; position: relative; top: -140px; margin-bottom: -310px; padding: 10px; box-shadow: 5px 5px 10px #CCC; z-index: 100; width: 340px; float: left;}
#login #username, #login #password {width: 323px; margin-bottom: 5px;}
#login .login_error {color: red; float: right; margin: 10px 10px 0 10px;}

#filters {background-color: #FFF; border: 1px solid #CCC; position: absolute; top: -140px; padding: 10px; box-shadow: 5px 5px 10px #CCC; z-index: 100; width: 380px; float: left;}
#filters select {width: 100%; height: 24px;}
#filters h2, #filters strong {margin-left: 3px;}

#filters td {
    padding: 3px;
}

#filters .date {
    height: 18px;
    background:#e8e8e8;
    border: 1px solid #9c9c9c;
    width: 75px;
    padding: 2px;
}

#filters #id_keyword, .keyword {
    width: 172px;
    height: 18px;
    background:#e8e8e8;
    border: 1px solid #9c9c9c;
    padding: 2px;
}

label {
    text-transform: capitalize;
}

#features {
    background: #e8e6e6;
    width: 650px !important;
    margin-bottom: 20px;
    padding: 10px;
    float: left;
}

#features div {
    margin-top: 10px;
}

#noresult {margin: auto; width: 1119px; clear: both;}
#noresult h2{color: #666666;padding:40px 0 0 10px; font-weight: normal;}
#patent_links {margin-top: 10px;}
#patent_links a{color: #666666;}
#patent_links img {margin-left: 5px;vertical-align: bottom;border: none;height: 13px;}

#right {
    float: right;
    text-align: right;
    height: 260px;
}

#home #right {
    height: 180px;
}

#right .button {
    margin-bottom: 20px;
}

h2.total {
    text-align: right;
    margin: 10px 0 10px;
}

#ep_quote {
    width: 490px;
    background-color: #f5f5f5;
    padding: 10px;
    z-index:100;
    text-align: left;
}

#contact_details {
    width: 250px;
    background-color: #f5f5f5;
    padding: 10px;
    z-index:100;
    text-align: left;
    margin-left: 50px;
}

#ep_quote h2, #contact_details h2 {
    float: left; width: 465px;
    font-size: 20px;
}
#ep_quote img {
    border: 0;
    float: right;
}
#ep_quote #ep_notifications {
    clear: both;
    height: 80px;
    width: 100%;
    overflow: auto;
}
.delete, .delete_manager, .delete_instruction {color: red; font-weight: bold;}

#listing {position: relative; clear: both;}

#case_list #listing, invoice_list #listing {
    margin: 20px;
}

#listing table {border-collapse: collapse; table-layout: fixed;}
#listing table.jscroll-container {margin: 0 auto;}
#listing th {background-color: #a81a22;color: #ffffff; }
#listing th,#listing td {border: 1px solid #ffffff;font-family:Arial, sans-serif; font-size: 9pt;padding: 5px;}
#listing td.noborder,#listing th.noborder {border: none !important;background-color: #FFFFFF !important;}
#listing select[name$="-action"] {width: 130px;}
.instructions_total {float: right; clear: both; overflow: auto; text-align: right; margin: 15px 0 10px; }
.renew, .auto-renew, .auto-renew-processed, option[value="Renew"] {background-color: #007819 !important; font-weight: bold; color: white; width: 94px; padding: 3px;}
.abandon, option[value="Abandon"] {background-color: #d62020 !important; font-weight: bold; color: white; padding: 3px;}
.delay-grace-period, option[value="Delay - Grace Period"] {background-color: #e49402 !important; font-weight: bold; color: white; padding: 3px;}
.other-channels, option[value="Other Channels"] {background-color: #00b7c6 !important; font-weight: bold; color: white; padding: 3px;}
.set-to-auto-renew, option[value="Set to Auto Renew"] {background-color: purple !important; font-weight: bold; color: white; padding: 3px;}
.green {color: green;font-weight: normal;}
.case_listing td, .case_listing th, #persistent_header th {height: 30px;}
#listing tr.odd td {background:#e1e1e1}
#listing tr.even td {background:#f1f1f1}
#listing td.red {background: #a81a22 ! important; color: #ffffff;}
#listing td.green {background: #007819 ! important; color: #ffffff;}
.red {color: red;}
.case_price {color: black; font-weight: bold;}
.abandoned, .abandoned a, .readonly, .readonly a, .grey {color: grey !important;}
.main {padding-left: 10px;padding-right: 10px; position: relative;}
.errors, .errorlist li {color: red;}
#copyright p{color: #666666; margin: 0 0 0 12px;}

#persistent_header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 10000;
    margin: 0 auto;
    width: 100%;
}

th.orderable {
    cursor: pointer;
}

th.orderable img {
    margin-left: 5px;
}

.case_listing {
    table-layout: fixed;
    width: 100%;
}

.patent_detail {
    border-bottom: 1px solid black;
}

.patent_detail th {
    width: 200px;
    background-color: #fff !important;
    color: #000 !important;
    font-weight: bold;
    text-align: left;
}

.button {
    display: inline-block;
    color: #FFF !important;
    text-decoration: none !important;
    padding: 7px;
    font-size: 1.2em;
    border: none;
    cursor: pointer;
    background: #a81a22;
}

a.button {
    margin-right: 3px;
}

.button.disabled {
    background: #9c9c9c;
    cursor: default;
}

.fancybox img {
    border: none;
    vertical-align: top;
    height: 13px;
}

#dev_system {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: white;
    background-color: blue;
    text-align: center;
    padding: 10px;
}

.help {
    font-size: 0.9em;
    color: #727171;
}

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

form ul li {
    list-style: none;
}

#case_notes #id_notes {
    width: 100%;
    height: 50px;
}

.forecast_notice {
    width: 90%;
    margin: 10px auto;
    text-align: center;
}

.jscroll-loading img {
    vertical-align: middle;
    margin: 5px;
}

.familyheader td {
    height: 30px;
}

.familyheader td:first-child {
    text-align: center;
    border: none;
}

.familyheader img {
    border: 0;
    vertical-align: middle;
}

.familyheader img.closed {
    content:url(../images/plus.gif);
}

.familyheader img.open {
    content:url(../images/minus.gif);
}

#key {
    text-align: left;
    padding-top: 10px;
    vertical-align: bottom;
    line-height: 1.5em;
}

#key span {
    vertical-align: top;
}

#key div {
    width: 15px;
    height: 15px;
    display: inline-block;
}

#key div.renewal_due {
    background-color: #007819;
}

#key div.renewal_required {
    background-color: #a81a22;
}

#key a.renewal_due {
    color: #007819;
}

#key a.renewal_required {
    color: #a81a22;
}

.button span:after {
    vertical-align: middle;
    margin-left: 3px;
}

.button.export span:after {
    content: url('../images/export.png');
}

.button.lock span:after {
    content: url('../images/lock.png');
}

.button.warning span:after {
    content: url('../images/warning.png');
}

.clear {clear: both;}

#bulk_actions {
    color: #000;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}

#bulk_actions a {
    font-weight: normal;
}

.jscroll-inner {
    width: 100%;
    display: table;
}

#dropmenu {
    float: right;
    text-align: right;
    background: -webkit-linear-gradient(left, rgba(255,0,0,0), #d71c1c);
    width: 850px;
    height: 39px;
}
#dropmenu ul {
    list-style-type: none;
    margin: 0;
}
#dropmenu ul > li {
    position: relative;
    float: right;
    height: 39px;
}
#dropmenu ul > li > a {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}
#dropmenu ul > li:hover, #dropmenu ul > li.selected {
    background-color: #a40019;
}
#dropmenu ul > li:hover a, #dropmenu ul > li.selected {
    color: #fff;
}
#dropmenu ul ul {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
}
#dropmenu ul > li:hover ul {
    display: block;
    z-index: 1;
}
#dropmenu ul > li > ul > li {
    height: 36px;
}
#dropmenu ul > li > ul > li > a {
    display: inline-block;
    min-width: 160px;
    padding: 10px 20px;
    background-color: #f9f9f9;
    color: #000 !important;
}
#dropmenu ul > li > ul > li > a:hover {
    background-color: #ddd;
    color: #000;
}
#dropmenu ul > li > ul > li.dropdown-divider {
    border-top: 1px solid #e9ecef;
}
#dropmenu ul > li > a.has-children::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.info {
    background-color: #f5dd5d;
    padding: 0.5rem;
}
.multiple-selects {
    margin-bottom: 10px;
}

.hidden-content {
    position: relative;
    padding-bottom: 120px;
}

.hidden-content .prompt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.hidden-content .prompt:before {
    content: '';
    display: block;
    width: 100%;
    height: 110px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.7) 31%, white 100%);
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
}

.hidden-content .prompt div {
    background-color: #e8e6e6;
    width: 500px !important;
    padding: 10px;
    font-size: 1.2em;
    font-weight: bold;
}

#id_bulk_action {
    height: 24px;
}

.bulk_action_go, .instructions_total input {
    margin-top: 8px;
}

#case_toolbar {
    overflow: auto;
    clear: both;
}

select[name$="-instruction_action"] {
    width: 90%;
}

.green, .completed, .paid, .used, .low, .processed {
    color: green;
}

.orange, .submitted, .renewal-due, .awaiting-payment, .pending-approval, .awaiting-use, .partially-used, .medium, .partially-processed, .ready-to-invoice {
    color: orange;
}

.red, .cancelled, .renewal-outstanding, .overdue, .inactive, .high, .unprocessed, .archived {
    color: #a81a22;
}

.instruction_history th, .instruction_history td {
    height: 18px;
}

#filters form table {
    width: 100%;
}