/* TODO: Update these selectors with the next plain installation */

/*
 * Commonly changed selectors:
 *     body: most sites are formatted by the siteDefault.css file
 *     #disclaimerMessage .buttonContainer: change left margin so buttons are
 *         properly centered on the page.
 *     #searchFormTabBar: width should be 60 characters less than the
 *         content container.
 *     #searchFormContainer: width should be 10 characters less than the
 *         content container.
 *     .icon: border color should be set to the same color as the content
 *         container background color.
 *     #searchResults .caseInfo: width should be 20 pixels less than the
 *         width of the content container.
 *     #searchResults .caseInfo [fieldSelectors]: widths and left values need
 *         to be adjusted to fit in the .caseInfo containers.
 *     #[case|docket|search]Header .column[Left|Right]: widths need to be
 *         adjusted to fit the content container.
 *     #searchFooter .pageNavigation label: left margin should be adjusted
 *         to correctly position the page navigation.
 */


body {
	/*font-family: Verdana, sans-serif;*/
	color: #000000;
}

h1.search {
	background-color: #dddde7;
	text-align: center;
	font-size: 1.4em;
	margin: 0;
	padding: 10px 0 2px 0;
}

h2.search {
	text-align: center;
	font-size: 1.3em;
	margin: 10px;
	font-weight: bold;
}

h3.search {
	text-align: center;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
}

h3.singleCriteria {
    margin-top: 25px;
}

h4.search {
    background-color: rgba(183,193,52,1);
    border: 1px solid rgba(46, 54, 64,1);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 4px;
    color: rgba(46, 54, 64,1);

    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
}

h5.search {
    font-size: 1em;
    text-align: center;
    font-weight: bold;
    margin: 0;
    padding: 3px;

    background-color: #dddde7;
    border: 1px solid #aaaab5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #666670;
}

label.search {
    font-weight: bold;
}

#criteriaBreadCrumb {
    clear: both;
    font-size: .8em;
    padding: 0 0 10px 25px;
    text-align: left;
}

#criteriaBreadCrumb .criteria {
    padding-left: 15px;
    color: #888888;
}

#criteriaBreadCrumb .dropCriteria {
    text-decoration: none;
    color: #aa0000;
}

#disclaimerMessage p {
	margin: 15px;
	text-indent: 15px;
}

#disclaimerMessage .buttonContainer {
	width: 50%;
	margin: 5px auto 15px;
	font-size: 1em;
	font-weight: bold;
	position: relative;
}

#errorMessage h3,
#disclaimerMessage .importantText {
	font-weight: bold;
	color: #990000;
	margin: 15px;
}

#errorMessage .messageText,
#disclaimerMessage .importantText {
	text-align: center;
	margin: 20px 20px 45px 20px;
	font-size: 1em;
}

#caseHeader .columnLeft,
#docketHeader .columnLeft,
#searchHeader .columnLeft {
	width: 100%;
	text-align: center;
}

#caseHeader .columnRight,
#docketHeader .columnRight,
#searchHeader .columnRight {
	width: 400px;
	text-align: center;
	font-size: 1em;
	line-height: 20px;
}

#caseHeader h3, #docketHeader h3 {
	margin-top: 35px;
}

#caseInformation,
#docketInformation,
#searchFormContainer,
#searchResults {
	width: 100%;
	border: none;
	border-collapse: collapse;
	position: relative;
    margin: 0;
}


@media screen and (max-width: 768px){
    #caseInformation,
    #docketInformation,
    #searchFormContainer,
    #searchResults {
        font-size: 1rem;
    }
}

#caseInformation,
#searchResults {
	border-collapse: collapse;
}

#caseInformation,
#docketInformation,
#searchResults {
    /*
	top: -320px;
	left: 180px;
	margin-bottom: -180px;
	*/
}

#caseInformation td, #caseInformation th {
	font-size: .9em;
	padding: 1px;
	vertical-align: top;
}

#caseInformation th {
	font-weight: bold;
	text-align: right;
}

#caseInformation td {
	text-align: left;
}

#caseInformation .column1,
#caseInformation .column3 {
	width: 20%;
}

#caseInformation .column2,
#caseInformation .column4 {
	width: 30%;
}

#caseInformation .dividerRow {
    padding: 10px;
}

#caseInformation .dividerRow div {
    height: 1px;
    border-top: 1px solid #cccce7;
}

#caseInformation .partyContainer,
#caseInformation .serviceContainer {
    overflow: auto;
}

#caseInformation .partyContainer table,
#caseInformation .serviceContainer table {
    width: 100%;
    border-collapse: collapse;
    border: 0;
}

#caseInformation .partyContainer table th,
#caseInformation .partyContainer table td,
#caseInformation .serviceContainer table th,
#caseInformation .serviceContainer table td {
    font-size: 1em;
}

#caseInformation .partyContainer .noData,
#caseInformation .serviceContainer .noData {
    margin: 15px auto;
    text-align: center;
    width: 100%;
}

#caseInformation.MC .partyContainer {
    height: 115px;
}

#caseInformation.CP .serviceContainer {
    height: 175px;
}

/*#caseInformation.CP .partyContainer {*/
/*    height: 120px;*/
/*}*/

#caseInformation .partyDivider {
    padding: 10px;
}

#caseInformation .partyDivider div {
    height: 1px;
    border-top: 1px solid #cccce7;
}

#caseTypeForm {
    margin: 5px 0 15px 0;
    text-align: left;
}

#caseTypeTable {
    width: 100%;
    border-collapse: collapse;
}

#caseTypeTable tr td {
    width: 50%;
    padding: 2px 2px 2px 50px;
}

#docketHeader {
	border-bottom: 1px solid #dddde7;
}

#docketPartyContainer {
    margin-top: 5px;
}
#docketPartyContainer label {
    display: block;
    font-weight: bold;
    width: 100px;
    float: left;
}

#docketPartyContainer .data {
    width: 650px;
    float: left;
}

#docketPartyContainer .partyDivider.defendant,
#docketPartyContainer .partyDivider.plaintiff {
    clear: left;
    height: 1px;
}

#docketInformation .iconLegend {
    overflow: hidden;
    width: 475px;
    height: 25px;
    line-height: 15px;
    margin-top: 10px;
    padding: 3px;
    border: 2px solid #990000;
    font-size: .8em;
}

#docketInformation .iconLegend h5 {
    margin: 0 10px 0 0;
    text-align: left;
    width: 90px;
    float: left;
}

#docketInformation .iconLegend div {
    float: left;
    padding-left: 15px;
    margin-right: 25px;
    background: 0 2px no-repeat;
}

#docketInformation .iconLegend .hasImage {
    background-image: url('/images/recordSearch/textXGeneric-u-11x11.png');
}

#docketInformation .iconLegend .noImage {
    background-image: url('/images/recordSearch/blackDot1-u-11x11.png');
}

#featureContainer h3,
#searchFormContainer h3 {
    font-weight: bold;
    text-align: left;
    font-size: 1.5em;
    margin: 0 10px;
}

#featureContainer .content,
#searchSection-criteria .criteria {
    margin: 10px 5px 30px 5px;
    position: relative;
    height: 50px;
    border-bottom: 1px dotted #ccccdd;
}

#garnishmentSelect {
	font-family: Verdana, sans-serif;
	display: none;
	background-color: #dddde7;
	border: 1px solid #000000;
}

#imagePanel {
    position: fixed;
    left: 50%;
    margin-left: -300px;
    display: none;
    width: 600px;
    height: 425px;
    border: 1px solid #dddde7;
    background-color: #ffffff;
    z-index: 5;
    text-align: center;
    -moz-box-shadow: 0 0 5px #000000;
    -webkit-box-shadow: 0 0 5px #000000;
    box-shadow: 0 0 5px #000000;
}

#imagePanel #imageContainer {
    width: 550px;
    height: 350px;
    margin: 0 25px;
}

#imagePanel #imageContainer embed {
    width: 550px;
    height: 350px;
    margin: 0;
}

#imagePanel .closeButton {
    display: block;
    width: 50px;
    margin: 15px auto;
    text-decoration: none;
    font-size: .9em;
}

#imagePanel .closeButton:hover {
    color: #9999ff;
}

#imagePanel .pluginContainer {
    margin: 5px auto;
    text-align: center;
    font-size: .8em;
}

#imageThumbnailContainer {
    height: 230px;
    border-bottom: 1px solid #dddde7;
    text-align: center;
    overflow: auto;
}

#imageThumbnailContainer a {
    text-decoration: none;
}

#imageThumbnailContainer table {
    margin: 0 auto;
}

#imageThumbnailContainer td {
    font-size: .8em;
    vertical-align: top;
}

/* These two selectors will use a text-based button */
/*
#imageThumbnailContainerExpandButton {
    display: none;
    padding: 2px;
    width: 175px;
    text-align: center;
    margin: -1px auto 0 auto;
    font-size: 1em;
    border: 1px solid #cccccc;
    background-color: #fafaff;
    cursor: pointer;
}

#imageThumbnailContainerExpandButton:hover {
    color: #666666;
    border-color: #dddddd;
    background-color: #fcfcfc;
}
*/

/* Use these selectors for a graphical based button */
#imageThumbnailContainerExpandButton {
    display: none;
    height: 32px;
    width: 32px;
    text-align: center;
    margin: -15px auto -12px auto;
    font-size: 1em;
    background-repeat: no-repeat;
    cursor: pointer;
}

#imageThumbnailContainerExpandButton.up {
    background-image: url('/images/recordSearch/expandDown-u-32x32.png');
}

#imageThumbnailContainerExpandButton.up:hover {
    background-image: url('/images/recordSearch/expandDown-o-32x32.png');
}

#imageThumbnailContainerExpandButton.down {
    background-image: url('/images/recordSearch/expandUp-u-32x32.png');
}

#imageThumbnailContainerExpandButton.down:hover {
    background-image: url('/images/recordSearch/expandUp-o-32x32.png');
}

#imageThumbnailContainerExpandButton span {
    display: none;
}

#imageThumbnailContainer .iconHalo {
    margin: 5px;
    font-size: .9em;
    padding: 5px;
    text-align: center;
    background-color: #f6f6ff;
    border: 1px solid #ccccff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

#imageThumbnailContainer .iconHalo:hover {
    background-color: #ddddff;
    border-color: #aaaaff;
}

#imageThumbnailContainer .iconHalo img {
    margin: 0 0 3px 0;
    border: 0;
}

#matchCount {
	font-size: 1em;
}

#multiAgencyForm {
    margin: 5px 0 15px 0;
    text-align: left;
}

#multiAgencyForm input {
    margin-left: 100px;
}

#searchCaptchaMessage {
    margin-right: 25px;
}

#searchLoginForm {
    width: 300px;
    display: block;
    margin: 50px auto;
    padding: 5px;
    border: 1px solid #ccccdd;
    background-color: #ddddee;
}

#searchLoginForm a {
    font-weight: normal;
    text-decoration: underline;
}

#searchLoginForm label {
    display: block;
    float: left;
    width: 100px;
    height: 20px;
    line-height: 20px;
    margin: 5px;
    font-weight: bold;
    text-align: right;
}

#searchLoginForm p {
    text-align: center;
}

#searchLoginForm .textField {
    width: 175px;
    height: 20px;
    margin: 5px 0;
    border: 1px solid #999999;
    font-size: 12pt;
}

#searchLoginForm .buttonContainer {
    text-align: center;
    padding: 10px;
}

#searchLoginForm .buttonContainer a,
#searchLoginForm .buttonContainer input {
    margin: 0 20px;
}

#searchResults .caseCounter,
#searchResults .agencyToken {
    font-size: .8em;
    vertical-align: middle;
}

#searchResults .agencyToken {
    color: #57577D;
}

#searchResults .bottomRow {
    border-bottom: 1px dotted #57577D;
}


#searchResults .record {
    position: relative;
    margin: 10px 0;
    display: block;
    height: 110px;
    /*border: 1px solid #000000;*/
}

#searchResults .record-clicked .caseInfo,
#searchResults .record-clicked .caseTitle,
#searchResults .record-clicked .caseInfo .icon {
    border-color: #89898d;
    background-color: #91919c;
}

#searchResults .record-clicked .caseTitle .caseCounter {
    color: #242430;
}

#searchResults .caseInfo {
    position: absolute;
    top: 25px;
    height: 85px;
    width: 100%;
    border: 1px solid rgb(46, 54, 64);;
    background-color: #ffffff;
    clear: both;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    font-size: .8em;
}

#searchResults .caseInfo .caseField {
    position: absolute;
}

#searchResults .caseInfo .caseField label {
    font-weight: bold;
}

#searchResults .caseInfo .concerningName,
#searchResults .caseInfo .name1Line2,
#searchResults .caseInfo .caseLocation,
#searchResults .caseInfo .concerningAka,
#searchResults .caseInfo .hearingTimeFull,
#searchResults .caseInfo .dateOfBirth,
#searchResults .caseInfo .dateOfDeath {
    left: 10px;
    width: 53%;
}

#searchResults .caseInfo .partyType {
    top: 65px;
     left: 10px;
}

#searchResults .caseInfo .fileDate,
#searchResults .caseInfo .caseType,
#searchResults .caseInfo .violation,
#searchResults .caseInfo .fatherName,
#searchResults .caseInfo .motherName,
#searchResults .caseInfo .causeOfDeath {
    left: 50%;
    width: 35%;
}

#searchResults .caseInfo .concerningName,
#searchResults .caseInfo .fileDate,
#searchResults .caseInfo .fatherName,
#searchResults .caseInfo .causeOfDeath {
    top: 5px;
}

#searchResults .caseInfo .name1Line2,
#searchResults .caseInfo .caseType,
#searchResults .caseInfo .dateOfBirth,
#searchResults .caseInfo .motherName,
#searchResults .caseInfo .dateOfDeath {
    top: 25px;
}

#searchResults .caseInfo .violation {
    text-transform: uppercase;
}

#searchResults .caseInfo .violation label {
   text-transform: none;
}

#searchResults .caseInfo .violation,
#searchResults .caseInfo .concerningAka,
#searchResults .caseInfo .hearingTimeFull {
    top: 45px;
}

#searchResults .caseInfo .caseLocation {
    top: 65px;
    left: 50%;
}

#searchResults .caseInfo .icon {
    float: right;
    width: 48px;
    margin: 1px;
    position: absolute;
    border-color: rgba(183,193,52,1);
    background-color: rgb(46, 54, 64);
    color: rgba(255, 255, 255,1);
}

#searchResults .caseInfo .caseLink {
    top: 9px;
    left: 77%;
}

#searchResults .caseInfo .docketLink {
    top: 9px;
    left: 88%;
}

#searchResults .caseInfo .icon:hover,
#searchResults .caseInfo .icon:active {
    border-color: rgba(255, 255, 255,1);
    background-color: rgba(183,193,52,1);
    color: rgb(46, 54, 64);
}

#searchResults .caseInfo .icon.disabled {
    color: #999999;
}

#searchResults .caseInfo .icon.disabled:hover,
#searchResults .caseInfo .icon.disabled:active {
    border-color: #ddddee;
    background-color: #ddddee;
}

#searchResults .caseTitle {
    position: absolute;
    top: 0;
    /*display: block;*/
    height: 25px;
    line-height: 25px;
    float: left;
    margin: 0 2px -1px 10px;
    border: 1px solid rgb(46, 54, 64);
    color: rgb(46, 54, 64);
    border-bottom: 0;
    padding: 0 10px;
    background-color: rgba(183,193,52,1);
    z-index: 2;
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

#searchResults .caseTitle .caseCounter {
    margin-right: 10px;
    color: #8f9076;
}

#searchResults .caseTitle .fullCaseNumber {
    font-weight: bold;
    margin-right: 25px;
}

#searchResults.docketDate .record {
    height: 120px;
}

#searchResults.docketDate .caseInfo {
    height: 80px;
}

#searchResults.docketDate .caseInfo .concerningName,
#searchResults.docketDate .caseInfo .attorney,
#searchResults.docketDate .caseInfo .judge,
#searchResults.docketDate .caseInfo .description {
    left: 10px;
    width: 395px;
}

#searchResults.docketDate .caseInfo .hearingDate,
#searchResults.docketDate .caseInfo .hearingTimeFull,
#searchResults.docketDate .caseInfo .hearingTime,
#searchResults.docketDate .caseInfo .caseType,
#searchResults.docketDate .caseInfo .violation {
    left: 415px;
    width: 230px;
}

#searchResults.docketDate .caseInfo .hearingAmPm {
    left: 540px;
}

#searchResults.docketDate .caseInfo .concerningName,
#searchResults.docketDate .caseInfo .hearingDate {
    top: 5px;
}

#searchResults.docketDate .caseInfo .attorney,
#searchResults.docketDate .caseInfo .hearingTime,
#searchResults.docketDate .caseInfo .hearingAmPm,
#searchResults.docketDate .caseInfo .hearingTimeFull  {
    top: 25px;
}

#searchResults.docketDate .caseInfo .judge,
#searchResults.docketDate .caseInfo .caseType {
    top: 45px;
}

#searchResults.docketDate .caseInfo .description,
#searchResults.docketDate .caseInfo .violation {
    top: 65px;
}


#searchSection-criteria .criteria input,
#searchSection-criteria .criteria select {
    font-size: 1.5em;
}

#searchSection-criteria .criteria label {
    font-size: 1.4em;
    margin-top: 15px;
}

#searchSection-criteria .criteria label,
#searchSection-criteria .criteria .searchNote {
    display: block;
}

#searchSection-criteria .criteria .fieldContainer {
    position: absolute;
    top: 0;
    left: 36%;
}

#searchSection-criteria .criteria .searchNote {
    font-size: .8em;
}

#searchSection-case .criteria,
#searchSection-court .criteria,
#searchSection-matches .criteria {
    float: left;
}
#searchSection-case label,
#searchSection-case input,
#searchSection-court label,
#searchSection-court input,
#searchSection-matches label,
#searchSection-matches input {
    font-size: 1.4em;
    margin-top: 20px;
}

#searchSection-case input,
#searchSection-court input,
#searchSection-matches input {
    margin-left: 50px;
}

#searchSection-submit input {
    float: left;
    margin: 15px 0 0 50px;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #cccccc;
    background-color: rgb(46, 54, 64);
    color: white;
    box-shadow: 1px 1px 2px #000000;
    cursor: pointer;
    font-size: 16pt;
    white-space: normal;
}

#searchSection-submit input:hover {
    box-shadow: none;
    color: #aaaacc;
}

#searchSection-submit .messageContainer {
    float: right;
    width: 100%;
    height: 150px;
    color: #990000;
    font-size: 1.2em;
}

#searchSection-submit .messageContainer span {
    display: block;
    margin: 5px 0;
    border: 2px solid #990000;
    background-color: #ffaaaa;
    padding: 3px;
}

#searchHeader {
	border-bottom: 1px solid #dddde7;
	padding: 10px 0;
}

#searchHeader .pageNavigation {
    float: left;
    vertical-align: bottom;
    margin-top: 25px;
}

#searchFooter .pageNavigation {
    height: 25px;
    margin: 5px 0 0 0;
}

#searchFooter .pageNavigation label {
    float: left;
    margin: 0 15px 0 300px;
}

#searchFooter .pageNavigation div {
    float: left;
}

#searchFormFeatures {
    text-align: center;
}

#searchLoginContainer .messageArea {
    padding-top: 25px;
	text-align: center;
	font-weight: bold;
}

#searchLoginContainer .messageArea span {
    display: block;
	border: 2px solid #CC0000;
	background-color: #CC9999;
	color: #660000;
	padding: 5px;
    margin: 5px 100px;
}

#searchForm,
#birthSearchForm,
#deathSearchForm,
#docketSearchForm,
#featureContainer {
    background-color: #ffffff;
    margin-top: -1px;
    padding: 25px 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#searchFormTabBar {
    width: 95%;
    margin: 20px 0 0 10px;
    border-bottom: 1px solid #ccccdd;
    height: 26px;
    padding-left: 15px;
}

#searchFormTabBar .tab {
    text-decoration: none;
    display: block;
    height: 25px;
    line-height: 25px;
    float: left;
    margin: 0 2px -1px 0;
    border: 1px solid rgb(46, 54, 64);;
    border-bottom: 0;
    padding: 0 10px;
    background-color: #ffffff;
    z-index: 2;
    color: rgb(46, 54, 64);
    /*border-top-left-radius: 5px;*/
    /*-moz-border-top-left-radius: 5px;*/
    /*-webkit-border-top-left-radius: 5px;*/
    /*border-top-right-radius: 5px;*/
    /*-moz-border-top-right-radius: 5px;*/
    /*-webkit-border-top-right-radius: 5px;*/
}

#searchFormTabBar .selected {
    height: 26px;
    background-color: rgba(183,193,52,1);
    color: rgb(46, 54, 64);
}

.caseSearchBanner {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    height: 27rem;
    background-color: rgba(183,193,52,1);
    width: 100%;
    color: #ffffff;
}

.caseSearchBanner p {
    margin: 0;
    font-size: 5rem;
    width: 100%;
    text-align: center;
}

#searchFormContainer {

}

#searchFormContainer .section {
    margin: 0 0 25px 0;
    border-bottom: 1px solid #ccccdd;
    padding-bottom: 25px;
}

#searchFormContainer .section .clear {
    clear: both;
}

#searchFormContainer .section .information {
    margin: 0 10px;
}

#searchTime {
    font-size: .7em;
    text-align: center;
    margin-bottom: 25px;
}

#searchTips {
	font-size: 1.1em;
}

#statisticsContainer {
    background-color: #dddde7;
    border: 1px solid #aaaab5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 4px;
    color: #666670;
    font-size: .8em;
}

#statisticsContainer .statisticsTitle,
#statisticsContainer .typeContainer {
    display: block;
    float: left;
}

#statisticsContainer .caseCount,
#statisticsContainer .chargeCount {
    display: block;
    margin-left: 15px;
}

#statisticsContainer .statisticsTitle {
    width: 75px;
}

#statisticsContainer .typeContainer {
    width: 110px;
}

.authenticationContainer {
    text-align: right;
    background-color: #FDEEB7;
    border: 1px solid #F1E285;
    padding: 4px 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.authenticationContainer a {
    font-weight: normal;
    text-decoration: underline;
}

.authenticationContainer .displayName {
    margin-right: 20px;
}
.authenticationContainer #signOutButton {
    cursor: pointer;
}

.authenticationContainer #signOutButton:hover {
    text-decoration: underline;
}

.captchaImage {
    margin: 0 auto;
}

.clearSearchField {
    cursor: pointer;
    color: #888888;
}

.columnLeft {
	float: left;
}

.columnRight {
	float: right;
}

.columnClear {
	clear: both;
	height: 1px;
}

.costOwedLabel,
.costPaidLabel,
.costBalanceLabel {
    text-align: right;
    font-weight: bold;
}

/*.costOwed,*/
/*.costPaid,*/
/*.costBalance,*/
/*.dollarAmount {*/
/*    text-align: right;*/
/*    border-bottom: 1px dotted #cccce7;*/
/*}*/

.costBalanceLabel,
.costBalance {
    padding-right: 75px;
}

.docketEntryDate {
	font-size: 1em;
	font-weight: bold;
	margin: 10px 0 0 10px;
}

.docketEntryLines {
	font-size: 1em;
	padding-left: 10px;
}

.docketEntryLines ul {
	padding: 0;
	margin: 0;
    list-style-type: none;
}

.docketEntryLines ul li {
    background: url('/images/recordSearch/blackDot1-u-11x11.png') no-repeat 12px 4px;
    padding: 2px 0 2px 25px;
}

.docketEntryLines ul li.hasImage {
    background-image: url('/images/recordSearch/textXGeneric-u-11x11.png');
    cursor: pointer;
}

.docketEntryLines ul li.hasImage:hover {
    color: #999999;
}

.dropdownContainer {
    font-size: 10pt;
    font-family: sans-serif;
    display: none;
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    height: 100px;
    overflow: auto;
    z-index: 10;
    box-shadow: 2px 2px 2px #000000;
    -moz-box-shadow: 2px 2px 2px #000000;
    -webkit-box-shadow: 2px 2px 2px #000000;
}

.dropdownValue {
	cursor: default;
	padding: 0 2px;
}

.dropdownValue:hover {
	color: #ffffff;
	background-color: #8888ff;
}

.garnishmentInformation {
    width: 770px;
    border: none;
    border-collapse: collapse;
    position: relative;
    margin: 0 5px;
}

.garnishmentInformation td,
.garnishmentInformation th {
    padding: 1px;
    vertical-align: top;
    font-size: 1.1em;
}

.garnishmentInformation td {
    text-align: left;
}

.garnishmentInformation th {
    text-align: right;
    font-weight: bold;
}

.garnishmentInformation .column1,
.garnishmentInformation .column3 {
    width: 20%;
}

.garnishmentInformation .column2,
.garnishmentInformation .column4 {
    width: 30%;
}

.icon {
    font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
    display: block;
    float: right;
    width: 64px;
    /*height: 80px;*/
    border: 1px solid rgb(46, 54, 64);
    border-radius: 5px;
    font-size: 7pt;
    line-height: 8pt;
    text-align: center;
    text-decoration: none;
    color: rgb(46, 54, 64);
    margin: 5px 1px;
    padding: 5px 0;
    cursor: pointer;
}

.icon:hover,
.icon:active {
    border-color: rgb(46, 54, 64);
    background-color: rgba(183,193,52,1);
    color: rgb(46, 54, 64);
}

.icon img {
    border: none;
}

.icon span {
    display: block;
    padding: 2px;
}

.infoPanel {
    display: none;
    position: absolute;
    background-color: #ffffff;

    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 2px 2px 4px #000000;
    -webkit-box-shadow: 2px 2px 4px #000000;
    box-shadow: 2px 2px 4px #000000;
    z-index: 5;
}

.infoPanel .infoContent {
	padding: 3px;
}

.infoPanelLink {
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
    color: #333366;
}

.noMatchMessage,
.noEntryMessage {
    position: relative;
    text-align: center;
    margin: 100px 0;
}

.pageNavigation {

}

.pageNavigation a,
.pageNavigation span {
    padding: 1px 2px;
}

.pageNavigation a {
    font-weight: normal;
    text-decoration: underline;
}

.pageNavigation .currentPage {
    font-weight: bold;
}

.searchField {
    font-size: 10pt;
    font-family: sans-serif;
}

.mainContentArea {
    color: #000000;
}

.searchInfoSection {
    background-color: #ffffff;
    color: #000000;
    padding: 15px;
    margin: 20px 0;
}

@media screen and (max-width: 768px){
    .mainContentArea {
        padding: 0;
    }
}