@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: local('Work Sans Medium'), local('WorkSans-Medium'), url(fonts/WorkSans500.otf) format('opentype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

body {
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-family : 'Work Sans', sans-serif;
}

input {
    font-family: 'Work Sans', sans-serif;
}

#head1 {
	font-size: 11px;
	font-weight: normal;
	color: black;
	text-decoration : none;
}

div.login {
	font-size: 12px;
	font-weight: bold;
	color: black;
	text-decoration : none;
    padding-left: 1px;
    padding-right: 1px;
    width: 300px;
}

legend {
	font-size: 12px;
	font-weight: normal;
	color: black;
	text-decoration : none;
    text-align:left;
}

/* proper nav links */
a.sideNav:link {text-decoration: none; color: white;}
a.sideNav:visited {text-decoration: none; color: white;}
a.sideNav:active {text-decoration: none; color: white; font-weight:bold }
a.sideNav:hover {text-decoration: underline; color: white;}


/*side nav links*/
.sideNav A:link {text-decoration: none; color: white;}
.sideNav A:visited {text-decoration: none; color: white;}
.sideNav A:active {text-decoration: none; color: white; font-weight:bold }
.sideNav A:hover {text-decoration: underline; color: white;}

a.addCase:link:visited {
	background-color : #ffffff;
	border : #C2D4D3 0px solid;
	/*color : #98B0AF;*/
	color : #3B5E5D;
	display : block;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 12px;
	line-height : normal;
	text-decoration : none;
	text-indent : 2px;
    max-width: 75px;
}

span.nav_header_light {
    color : #FFFFFF;
	font-weight : bold;
	font-size : 12px;
	text-decoration : none;
}

td.nav_header_light {
	color : #FFFFFF;
	font-weight : bold;
    font-size : 12px;
}

td.nav_header_light > fieldset > div:first-of-type{
    margin-bottom: 0.25rem;
}

button.column_label {
	background : none transparent scroll repeat 0% 0%;
	border : medium none;
	color : black;
	cursor : pointer;
	font-weight : bold;
	font-size : x-small;
}

strong.error {
	color : red;
}

strong.generalMessage {
	color : black;
	font-weight : bold;
}

a.error
{
	color : red;
	font-weight : bold;
}


strong.required {
	color : red;
}

strong.followup_needed {
	color : red;
	font-weight : bold;
}

span.unsaved_changes {
	color : red;
	text-align : left;
}

span.negative_value {
	color : red;
}

body {
	background : #ffffff;
	margin : 0px;
}

table.nav_footer {
	border-collapse : collapse;
	text-align : center;
	width : 100%;
}

hr {
	color : #CCCCCC;
}

blockquote {
	margin : 0em 0em 1em 2em;
}

tr.nav_footer {
	font-size : xx-small;
}


tr.nav_menu {
    font-size : x-small;
}

td.heading_main {
	background-color : white;
}

td.nav_menu {
    color : white;
	font-size: 1.15em;
}

tr.nav_header_right {
	background-color : #e1e1f3;
	color : black;
	font-weight : bold;
	font-size : x-small;
	margin : 0px;
	text-align : right;
}

tr.ranking {
	border : 1px solid #CCCCCC;
	font-size : xx-small;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	line-height : normal;
	margin : 0px;
}

th.ranking {
	border : 1px solid #CCCCCC;
	font-size : xx-small;
	font-style : normal;
	font-variant : normal;
	font-weight : bold;
	line-height : normal;
	margin : 0px;
	padding : 2px;
}

td.ranking {
	border : 1px solid #CCCCCC;
	font-size : xx-small;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	line-height : normal;
	padding : 2px;
}

tr.payment_term {
	border : 1px solid #CCCCCC;
	font-size : xx-small;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	line-height : normal;
	margin : 0px;
}

th.payment_term {
	border : 1px solid #CCCCCC;
	font-size : xx-small;
	font-style : normal;
	font-variant : normal;
	font-weight : bold;
	line-height : normal;
	margin : 0px;
	padding : 2px;
}

td.payment_term {
	border : 1px solid #CCCCCC;
	font-size : xx-small;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	line-height : normal;
	padding : 2px;
}

th.activity_comment {
	border : 1px solid #CCCCCC;
	font-size : xx-small;
	font-style : normal;
	font-variant : normal;
	font-weight : bold;
	line-height : normal;
	margin : 0px;
	padding : 2px;
}

td.activity_comment {
	border : 1px solid #CCCCCC;
	font-size : xx-small;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	line-height : normal;
	padding : 2px;
}

td.activity {
	border : 1px solid #CCCCCC;
	font-size : xx-small;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	line-height : normal;
	padding : 2px;
}

th.border {
	border : 1px solid #CCCCCC;
	font-size : xx-small;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	line-height : normal;
	padding : 2px;
}

td.border {
	border : 1px solid #CCCCCC;
	font-size : xx-small;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	line-height : normal;
	padding : 2px;
}

th.fee_table {
	border : 1px solid #CCCCCC;
	font-size : xx-small;
	font-style : normal;
	font-variant : normal;
	font-weight : bold;
	line-height : normal;
	margin : 0px;
    padding: 5px;
	text-align : center;
}


td.fee_table {
	border : 1px solid #CCCCCC;
	font-size : xx-small;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	line-height : normal;
    padding: 5px;
}

tr.activity {
	border : 1px solid #CCCCCC;
	font-size : xx-small;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	line-height : normal;
	margin : 0px;
}

td.vertical_line,th.vertical_line {
    border-left : #CCCCCC 1px solid;
    padding-right : 2px;
}

table.edit_table {
	border : thin solid #CCCCCC;
	border-collapse : collapse;
}

table.comment_table {
	border : thin solid #CCCCCC;
	border-collapse : collapse;
	left : 20%;
	width : 100%;
}

th.edit_table_label {
	border : thin solid #CCCCCC;
	color : black;
	font-size : x-small;
	font-weight : bold;
	text-align : center;
}

th.column_label {
	border : thin solid #CCCCCC;
	color : black;
	text-align : center;
	white-space : nowrap;
}

th.edit_table_value {
	border : thin solid #CCCCCC;
	font-size : x-small;
	font-weight : normal;
	text-align : left;
}

th.search_result {
    border : #CCCCCC 1px solid;
	color : black;
	font-weight : bold;
	text-align : left;
	white-space : nowrap;
    padding: 5px;
}

td.search_result {
	border : #CCCCCC 1px solid;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	line-height : normal;
	white-space : nowrap;
    padding: 5px;
}

td.search_result input {
    padding: 0.25rem;
    font-size: 11px;
}

td.search_result_restricted_width {
	border : #CCCCCC 1px solid;
	font-size : xx-small;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	line-height : normal;
    max-width: 60px;
}

td.wrap_search_result {
	border : #CCCCCC 1px solid;
    text-align : left;
	font-size : xx-small;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	line-height : normal;
	padding-right : 2px;
}

td.wrap_search_result2 {
	border : #CCCCCC 1px solid;
    text-align : left;
	font-size : xx-small;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	line-height : normal;
	padding-right : 2px;
    width: 20%;
    max-width: 28%;
}


th.multicolumn_header {
	background-color : #e1e1f3;
	border : #CCCCCC thin solid;
	color : black;
	font-weight : bold;
	font-size : x-small;
	text-align : left;
}

/*side nav*/
td.body_nav {
    background-color: #666;
    color : white;
	font-weight : bold;
	font-variant : small-caps;
	font-size : x-small;
    width: 171px;
}

td.body_nav > table:first-child {
    margin: 0.35rem;
}

td.body_nav .search_container > div {
    padding: 0 0.35rem;
}

.search_container .label {
    font-weight: normal;
    font-variant: normal;
}

.search_container .input_wrapper {
    margin: 0 0 0.5rem 0;
}

.search_container input,
.search_container select {
    width: 100%;
    height: 1.25rem;
}

td.body_data {
	border : #ffffff thin solid;
	color : black;
	font-size : x-small;
	padding : 4px;
}

td.edit_table_label_small {
	border : thin solid #CCCCCC;
	color : black;
	font-size : 12px;
}

td.edit_table_value {
	border-bottom : thin solid #CCCCCC;
	font-size : x-small;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	line-height : normal;
	text-align : left;
}

td.edit_table_text {
	border : #CCCCCC thin solid;
	font-size : x-small;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	line-height : normal;
}

div.section_heading {
	color : black;
	font-weight : bold;
	font-size : small;
}

/* For admin page only */
.admin-content {
    margin-top: 1em;
}

.admin-content div.section_subheading {
    font-size: small;
    border-bottom: 1px solid #ACACAC;
}

/*body headers*/
span.section_heading {
	color : black;
	font-weight : bold;
	font-size : 18px;
}

/*center header*/
span.section_subheading {
	color : black;
	font-weight : bold;
	white-space : nowrap;
	font-size : 11px;
}

span.summary_text {
	font-weight : bold;
}

div.section_subheading {
	color : black;
	font-weight : bold;
	font-size : x-small;
	white-space : nowrap;
    text-align: left;
}

.homepage_section_subheading {
    padding: 0.5em 0;
    font-size: 0.91rem;
    border-bottom: 1px solid #999;
    margin-bottom: 1rem;
    text-align: left;
    font-weight: bold;
}

.personal_saved_searches .search_result{
    font-size: 0.7rem;
    padding: 0.55rem;
}

a.lookup_url {
	font-size : x-small;
}

a.edit_link {
	font-size : x-small;
    font-weight:bold;
}

a.edit_link_small {
    font-size : xx-small;
    font-style : normal;
    font-variant : normal;
    font-weight : bold;
}

span.edit_nolink {
	font-size : x-small;
	color : black;
}

a.nav_link {
	font-size : x-small;
}

a.nav_menu {
	font-size : x-small;
	font-style : normal;
	font-variant : small-caps;
	font-weight : bold;
	line-height : normal;
}

a.edit_link_xsmall {
	font-size : xx-small;
}


/*****Main Links****/
a {
	/*color : #0388CB;*/
    color : black;
	text-decoration : none;
}

a:hover {
	/*color : #4489D0;*/
    color : black;
	text-decoration : underline;
}

a:visited {
	color : black;
}

a.on_black {
    color : black;
    text-decoration : none;
    font-size: 6px;
    font-variant: small-caps;
    font-weight: bold;
}


input.edit_table_input_string {
	font-size : x-small;
	text-align : left;
	width : 14em;
}


input.edit_table_input_num {
	font-size : x-small;
	text-align : right;
	width : 8em;
}

input.edit_table_input_curr {
	font-size : x-small;
	text-align : right;
	width : 8em;
}

input.edit_table_input_percent {
	font-size : x-small;
	text-align : right;
	width : 4em;
}

input.edit_table_input_date {
	font-size : x-small;
	width : 8em;
}

input.edit_table_input_int {
	font-size : x-small;
	text-align : right;
	width : 3em;
}

input.edit_table_input_curr_small {
    text-align : right;
    width : 8em;
    font-size: 100%;
}

input.edit_table_input_percent_small {
    text-align : right;
    width : 4em;
    font-size: 100%;
}

input.edit_table_input_int_small {
    font-size: 100%;
	text-align : right;
	width : 3em;
}

table.invisible {
	border-collapse : collapse;
	font-size : x-small;
	border : none;
}

table.data_grid {
	border-collapse : collapse;
	font-size : 12px;
}

th.data_grid {
	border : #CCCCCC thin solid;
}

td.data_grid {
	border : #CCCCCC thin solid;
}

td.data_grid_label {
	padding : 4px;
	text-align : right;
	font-size: 11px;
}

td.data_grid_label_left {
	padding : 4px;
	text-align : left;
	font-size: 11px;
}

td.data_grid_value {
	border : #CCCCCC thin solid;
	padding : 0px;
	text-align : right;
}

td.data_grid_label_nopad {
	text-align : right;
}

tr.data_grid_row,
tr.green_data_grid_row {
	padding : 2px 6px 2px 2px;
	text-align : left;
	font-size: 1.1em;
}

tr.green_data_grid_row {
	background : #dfdfdf;
}

tr.data_grid_row_template {
	padding : 2px 6px 2px 2px;
	text-align : left;
	font-size: 11px;
}

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

table input {
	font-size : x-small;
}

td.section_heading {
	color : black;
	font-weight : bold;
	font-size : 11px
}

th.section_subheading {
	color : black;
	font-weight : bold;
	white-space : nowrap;
	font-size : 11px
}

td.section_subheading {
	color : black;
	font-weight : bold;
	white-space : nowrap;
	font-size : 11px;
}

a.section_subheading {
	color : black;
	font-weight : bold;
	white-space : nowrap;
	font-size : 11px;
}

ul.system_message {
	list-style-position : inside;
	list-style-type : none;
}

input.text_button_locate {
	background-color : #791204;
	border : black 0.3mm solid;
    color : #FFFFFF;
	cursor : pointer;
	font-weight : bold;
	font-size : x-small;
}

input.text_button {
	background-color : #791204;
	border : none;
	border-radius: 0.125rem;
	color : white;
	cursor : pointer;
	font-size: 0.65rem;
	padding: 0.4rem 0.6rem;
}

input.blue.text_button {
    background-color: #15317E;
}

input.disabled_text_button {
	background-color : #CCCCCC;
	border : #999999 0.3mm solid;
	color : white;
	cursor : pointer;
	font-weight : bold;
	font-size : xx-small;
	height : 2em;
}


unknown {
	background-color : #CCCCCC;
	border : black 0.3mm solid;
	color : #c0c0c0;
	cursor : pointer;
	font-weight : bold;
	font-size : xx-small;
	height : 2em;
}

tr {
	text-align : center;
}

form {
	border-collapse : collapse;
}

div.import_error_header {
	background-color : #e1e1f3;
    border: none;
    color : black;
    font-weight : bold;
    font-size : x-small;
}

pre.import_error_message {
	background-color : #ffc0c0;
	border : #ff0000 thin solid;
    font : x-small Courier;
	white-space : pre;
}

pre.import_warning_message {
	background-color : #ffff90;
	border : #ffff00 thin solid;
	font : x-small Courier;
	white-space : pre;
}

tr.error_grid_row {
	padding : 2px;
	text-align : left;
}

td.error_cell {
	background-color : #ffc0c0;
	border : #ff0000 thin solid;
	font-size : xx-small;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	line-height : normal;
	white-space : nowrap;
}

ul {
	display : block;
	font-weight : bold;
	font-variant : small-caps;
	font-size : 12px;
	line-height : normal;
	padding : 0px;
	margin : 0px;
}

li {
	color : white;
	display : block;
	font-weight : bold;
	font-variant : small-caps;
	font-size : 12px;
	margin : 0px;
}

li.system_message {
   color: black;
}

li ul.invisible_menu {
    border: none;
    display : none;
	margin-left : 0px;
	margin-top : 0px;
	position : absolute;
}


/*drp dn menu*/
li a {
    background-repeat: repeat-y;
    color : white;
    display : block;
    font-weight : bold;
    font-variant : small-caps;
    font-size : 12px;
    line-height : normal;
    padding : 2px;
    text-decoration : none;
    text-indent : 2px;
}

#cssmenu1 li a {
    background-image: url("img/left_menu_back.gif");
}

#verticalmenu li ul li a {
    background-image: url("img/left_menu_back.gif");
}


li.sub_menu_smaller a {
    background-image: url("img/left_menu_back.gif");
    background-repeat: repeat-y;
    /*border: 1px solid #CCCCCC;*/
    color : white;
    display : block;
    font-variant : small-caps;
    font-weight : bold;
    font-size : 11px;
    line-height : normal;
    padding : 2px;
    text-decoration : none;
    text-indent : 2px;
    width:100%;
}

li.sub_menu_tiny a {
    background-image: url("img/left_menu_back.gif");
    background-repeat: repeat-y;
    border: 1px solid #CCCCCC;
    color : white;
    display : block;
    font-variant : small-caps;
    font-weight : bold;
    font-size : 9px;
    line-height : normal;
    padding : 2px;
    text-decoration : none;
    text-indent : 2px;
    width:100%;
}


li.begin_group {
	border-top : #CCCCCC 2px solid;
}

li.nav_header_light {
    color: white;
	display : block;
	font-weight : bold;
	font-size : 12px;
	margin : 2px;
}


div.short_scrollable_div {
    width : 100%;
    height : 5em;
    border : #CCCCCC 0.3mm solid;
    overflow : auto
}

div.tall_scrollable_div {
    width : 100%;
    max-height : 35em;
    border : #CCCCCC 0.3mm solid;

    overflow : auto
}

div.left_scrollable_div {
    width : 100%;
    height : 15em;
    border : #CCCCCC 0.3mm solid;
    overflow : auto;
    cursor : default;
}

div.right_scrollable_div {
    width : 100%;
    height : 15em;
    border : #CCCCCC 0.3mm solid;
    overflow : auto;
    cursor : default;
}

div.left_scrollable_div div,
div.right_scrollable_div div {
	white-space : nowrap;
}

div.message_div {
	color : black;
	border : #CCCCCC thin solid;
	background-color : #f8f8ff;
}

ul.status_message {
  list-style-position : inside;
  list-style-type : square;
  margin : 2px;
}

ul.status_message li {
  float : none;
  width : 100%;
  color : black;
  display : block;
  margin : 2px;
}

tbody#itemDetails tr {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    color: #000000;
    width: 75%;
}

tbody#itemDetails td {
    border: 1px solid;
    border-color: #CCCCCC;
    padding: 2px;
    text-align: left;
    height: 26px;
    vertical-align: middle;
}


div.tabFrame {
    display: block;
    height: 90%;
    width: 100%;
    border-top: black 2px solid;
    padding: 2px;
 }

 input.tabOff {
    font-size: 11px;
    font-weight: bold;
    color: black;
    background-color : #dfdfdf;
    border: 0;
    height: 25;
 }

 input.tabOn {
    font-size: 11px;
    font-weight: bold;
    background-color : #CCCCCC;
    color: black;
    border: 0;
    height: 25;
 }

table.noCaseTemplateBanner {
	border-collapse : collapse;
	font-size : x-small;
	border-color : black;
}

td.noCaseTemplateBanner {
    background-color: #BF3030;
    border-bottom: 4px solid #8C1111;
}

div.caseTemplateBannerTop {
    background-color: #BF3030;
    border-bottom: 4px solid #8C1111;
}

div.caseTemplateInfo {
    background-color: #575757;
    color: white;
    width: 100%;
    font-size: smaller;
}

td.noCaseTable {
    border-bottom:1px solid #CCCCCC;
}

div.tutorialHeading {
    font-size : small;
    vertical-align: top;
    font-size: 25px;
    color: black;
}

div.tutorial {
    font-weight : bold;
    font-size: 13px;
    font-weight: bold;
}

div.triadAlphaSplitHeading {
    font-size : small;
    vertical-align: top;
    font-size: 20px;
    color: black;
}

div.triadAlphaSplit {
    font-weight : bold;
    font-size : 13px;
    font-weight: bold;
    text-align: right;
    position:relative;
    width: 100%;

}
div.triadAlphaSplitFooter {
    float:left;
}

th.triadAlphaSplitTableHeading {
    font-size : normal;
}

div.tutorialNote {
	color : black;
	font-size : smaller;
}

/** Case Context Panel **/
.context-container {
	border: 1px solid #ccc;
}
.context-row {
	font-size: 1.1em;
	padding-bottom: 0.75em;
}
.context-title {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	background-color: #e1e1e1;
	padding: 0.5em;
}
.context-value {
	padding-top: 0.25em;
	padding-left: 0.5em;
}
.context-value a {
	color: #333;
	text-decoration: underline;
	padding-left: 0.25em;
}
span.infotext{
    background:#F8F8F8;
    border: 5px solid #DFDFDF;
    color: #717171;
    font-size: 13px;
    height: 30px;
    letter-spacing: 1px;
    line-height: 30px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -80px;
    left:-30px;
    display:none;
    padding:0 20px;
}

span.infotext:after{
    content:'';
    position:absolute;
    bottom:-10px;
    width:10px;
    height:10px;
    border-bottom:5px solid #dfdfdf;
    border-right:5px solid #dfdfdf;
    background:#f8f8f8;
    left:50%;
    margin-left:-10px;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}

p.infotext {
    margin:100px;
    float:left;
    position:relative;
    cursor:pointer;
}

p.infotext:hover span{
    display:block;
}

/* Panel Header Items */
.header-section {
    display: inline-block;
    padding: 0.25em;
    margin-right: 0.5em;

    font-size: 0.9em;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35)
}

.reassign-duplicate-attorney-form {
    margin-top: 1em;
}

.ui-table {
    display: table;
}

.ui-table-row {
    display: table-row;
}

.ui-table-cell {
    display: table-cell;
}

.ui-table-cell.split-cell {
    border: 1px solid #ccc;
    padding: 1em;
}

.ui-table-cell.action-cell {
    padding: 1em;
}