/* recordSearchDefault.css v 02.01.04 */
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 {
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 3px;
	background-color: #dddde7;
}

h5.search {
    color: #000098;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 3px;
	background-color: #dddde7;
}

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: 300px;
	margin: 15px 0 15px 125px;
	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 {
	text-align: center;
}

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

#caseHeader .columnLeft,
#docketHeader .columnLeft {
    width: 200px;
}

#caseHeader .columnRight,
#docketHeader .columnRight {
	width: 320px;
}

#searchHeader .columnLeft {
    width: 240px;
}

#searchHeader .columnRight {
    width: 280px;
}

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

#caseInformation,
#docketInformation,
#searchFormTable,
#searchResults {
	width: 540px;
	border: none;
	border-collapse: collapse;
	position: relative;
    margin: 0 5px;
}

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

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

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

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

#caseInformation td,
#searchFormTable td,
#searchResults td {
	text-align: left;
}

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

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

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

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

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

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

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

#imagePanel {
    position: absolute;
    left: 50%;
    margin-left: -250px;
    display: none;
    width: 500px;
    height: 700px;
    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: 450px;
    height: 620px;
    margin: 25px 25px 20px 25px;
}

#imagePanel #imageContainer embed {
    width: 450px;
    height: 620px;
    margin: 0;
}

#imagePanel .closeButton {
    margin: 10px;
    text-decoration: none;
    font-size: 1.1em;
}

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

#imageThumbnailContainer a {
    text-decoration: none;
}

#imageThumbnailContainer table {
    margin: 0 auto;
}

#imageThumbnailContainer td {
    vertical-align: top;
}

#imageThumbnailContainerExpandButton {
    display: none;
    height: 15px;
    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;
}

#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;
    text-align: center;
}

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

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

#pageNavigation {
    float: left;
	font-size: 1em;
    vertical-align: bottom;
    margin-top: 25px;
}

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

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

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

#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 .back-lt {
    /*background-color: #FFFFFF;*/
}

#searchResults .back-dk {
    /*background-color: #dddde7;*/
}

#searchResults .column1 {
	text-align: center;
	width: 10%;
}

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

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

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

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

#searchFormFeatures {
    text-align: center;
}

#searchFormTable {
	margin: 0 5px 25px 5px;
}

#searchFormTable td {
	padding: 2px 2px 7px 2px;
}

#searchFormTable .column1 {
	width: 50%;
}

#searchFormTable .column2 {
	width: 50%;
}

#searchFormTable #captchaCell {
	text-align: center;
	padding: 20px 0 0 0;
}

#searchFormTable #buttonSubmit {
	margin: 15px 0;
}

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

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

#searchFormTable #submitCell {
	text-align: center;
	vertical-align: middle;
}

#searchResults .column2 {
	width: 20%;
}

#searchResults .column3 {
	width: 30%;
}

#searchResults .column4 {
	width: 20%;
}

#searchResults .column5 {
	width: 20%;
}

#searchTips {
	font-size: 1.1em;
}

.authenticationContainer {
    text-align: right;
    background-color: #ddddee;
    border: 1px solid #ccccdd;
    padding: 4px;
}

.authenticationContainer #loginName {
    margin-right: 10px;
}

.authenticationContainer #searchSignOutButton {
    cursor: pointer;
}

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

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

.columnLeft {
	float: left;
}

.columnRight {
	float: right;
}

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

.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 {
	display: none;
	position: absolute;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	height: 100px;
	overflow: auto;
}

.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 {
    display: block;
    float: right;
    width: 64px;
    /*height: 80px;*/
    border: 1px solid #ffffff;
    border-radius: 5px;
    font-size: 7pt;
    line-height: 8pt;
    text-align: center;
    text-decoration: none;
    color: #0000ff;
    margin: 5px 1px;
    padding: 5px 0;
    cursor: pointer;
}

.icon:hover,
.icon:active {
    border-color: #0000ff;
    background-color: #c5c3f5;
}

.icon img {
    border: none;
}

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

.infoPanel {
	display: none;
	position: absolute;
	background-color: #ffffff;
	border: 1px solid #c7af8a;
	-moz-box-shadow: 2px 2px 5px #000000;
	-webkit-box-shadow: 2px 2px 5px #000000;
	box-shadow: 2px 2px 5px #000000;
	z-index: 5;
}

.infoPanel .infoContent {
	padding: 3px;
}

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