/* http: //meyerweb.com/eric/tools/css/reset/ */  /* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  b, u, i, center,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td{ background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
body{ line-height: 1; }
ol, ul{ list-style: none; }
blockquote, q{ quotes: none; }
blockquote: before, blockquote: after, q: before, q: after{ content: ''; content: none; }
: focus{ outline: 0; } /* remember to define focus styles! */
ins{ text-decoration: none; } /* remember to highlight inserts somehow! */
del{ text-decoration: line-through; }
table{ border-collapse: collapse; border-spacing: 0; }
a: focus{ outline:  1px dotted #CCC; }

/* Primary Styles */
body { background-color: #FFF; color: #000; font: normal normal normal 80% Verdana, Geneva, Tahoma, sans-serif; }

/* HEADER STYLES */
div#site_header { overflow: auto; width: 100%; }
h1{ background: #536888 url('/images/header.png') repeat-x bottom; border-bottom: 2px solid #DFBF99; font: bold 2em Georgia, Times, Times New Roman, serif; padding: .5em 0 0 .5em; }
h1 a{ color: #F5F9FF; font-variant: small-caps; text-decoration: none; }
h1 a:hover{ color: #F5F9FF; text-decoration: none; }
h2{ border-bottom: 1px solid #31425c; clear: both; color: #31425c; font-size: 1.2em; font-variant: small-caps; margin-bottom: .5em; padding-top: 1em; }
h3{ clear: both; color: #31425c; font-size: 1.2em; font-variant: small-caps; }
div#navigation{ background-color: #FFF0DF; border-bottom: 1px solid #EFDAC2; clear: both; overflow: auto; padding: .2em 2%; }
div#navigation a{ color: #8F4D00; padding: 2px 7px; text-decoration: none; }
div#navigation a:hover{ background-color: #EFDAC2; color: #4F2B00; }
div#navigation form{ float: left; margin-top: .2em; }
div#navigation ul#navigation-image{ border-left: 1px dotted #D4B187; border-right: 1px dotted #D4B187; float: left; margin: .3em 0 0 1em; }
div#navigation ul#navigation-main{ border-bottom: 1px solid #E6CCAC; clear: right; float: right; font-size: 1.1em; }
div#navigation ul#navigation-user{ clear: right; float: right; font-size: .8em; }
div#navigation ul li{ display: inline; }
div#navigation ul li.tooltip { margin-right: .5em; }
div#navigation ul li.tooltip:hover { cursor: help; }
div#notice{ background-color: #FEFFBF; border-bottom: 1px solid #CECF33; border-left: 1px solid #FEFF5F; border-right: 1px solid #CECF33; border-top: 1px solid #FEFF5F; color: #000; font-size: 1.2em; margin: 1em 0; padding: 1em; }

/* Colors for the view percentage */
div#navigation ul li.low { color: #205F21; background-color: #F0FFEE; padding: 0 .2em; }
div#navigation ul li.medium { color: #865F0D; background-color: #FFE2C5; padding: 0 .2em; }
div#navigation ul li.high { color: #561111; background-color: #FFC5C5; padding: 0 .2em; }

/* BODY STYLES */
div#layout-content{ clear: both; margin: 0 auto 5em auto; width: 90%; }
div#layout-content a{ color: #00D; text-decoration: none; }
div#layout-content a:hover{ text-decoration: underline; }
div#layout-content p{ margin-bottom: 1em; }
div#layout-content form{ margin-bottom: 1em; }
strong{ font-weight: bold; }
em{ font-style: italic; }
big{ font-size: 1.2em; }
.float-right{ float: right; }
.text-right{ text-align: right; }
sup{ font-size: .8em; vertical-align: top; }
kbd{ font: normal normal bold 1em "Courier New", Courier, monospace; }
acronym{ border-bottom: 1px dotted #999; cursor: help; }
div#layout-content ul{ margin-bottom: 1em; }
ul.disc{ list-style-type: disc; margin-left: 3em; }
ol.decimal{ list-style-type: decimal; margin-left: 3em; }
ol.decimal li{ margin-bottom: .5em; }
div#error ul{ list-style-type: disc; margin-left: 2em; }
div#global_message{ background-color: #FEFFBF; border: 1px solid #E5D568; border-top: none; padding: .5em 1em; }
div#global_message p { margin: 0; }
div.overflowauto{ overflow: auto; }

div#error { background-color: #FBECEC; border: 1px solid #F3D0D0; color: #4A0000; margin: 0 auto 1em auto; padding: .5em; }
div#error p { margin: 0 !important; }
div#success { background-color: #EFFFF3; border: 1px solid #99DFA9; color: #025417; margin: 0 auto 1em auto; padding: .5em; }
div#success p { margin: 0 !important; }
.error { color: #F00; font-weight: bold; }
.information { background-color: #F4F7FF; padding: 1em 2em; border: 1px solid #D2E0FF; }

img.left { float: left; margin: 0 1em 0 0; }

.small_input { width: 5em; }

a.button { background-color: #FFAE63; color: #FFF !important; border: 1px solid #CF6100; font-weight: bold; padding: .2em .5em; white-space: nowrap; }
a.small_button { background-color: #FFAE63; color: #FFF !important; border: 1px solid #CF6100; font-weight: bold; padding: 0 .3em .1em .3em; white-space: nowrap; line-height: 1.7em; }

.two_column_container { overflow: auto; width: 50%; margin: auto; min-width: 700px; }
.two_column_container .column_one { float: left; width: 60%; background-color: #E3EBFF; padding: 2%; }
.two_column_container .column_two { float: right; width: 30%; padding: 2%; background-color: #FFFFE3; text-align: left; }
.two_column_container .column_one div.information { margin-bottom: 1.5em; }

.two_column_container_equal { overflow: auto; width: 100%; clear: both; }
.two_column_container_equal .column_one_equal { float: left; width: 50%; }
.two_column_container_equal .column_two_equal { float: right; width: 50%; }

.two_column_large_left { overflow: auto; width: 100%; clear: both; }
.two_column_large_left .column_one { float: left; width: 55%; overflow: auto; }
.two_column_large_left .column_two { float: right; width: 40%; }

.two_column_large_left table { width: 100% !important; }
.two_column_large_left table td { white-space: normal !important; }

/* BASIC TABLE STYLES */
table.data{ border-collapse: collapse; margin-bottom: 1em; width: 70%; }
table.data th, table.data td{ border: 1px solid #CFAB81; padding: 0 5px; white-space: nowrap; }
table.data th{ background-color: #31425C; color: #FFF; padding-bottom: 2px; padding-top: 2px; text-align: center; }
table.data tr:hover td { background-color: #FFEED7; }
div#layout-content table.data th a{ color: #FFF; }
div#layout-content table.data th a:hover{ color: #E2E2F0; }
table.data th a{ color: #FFF; }
table.data td{ background-color: #FFF8EF; }
table.data ul{ margin-bottom: 0; }
.width-60{ width: 60%; }
.marginauto{ margin: auto; }
.textcenter{ text-align: center; }
table.wrapped th, table.wrapped td{ white-space: normal; }
table.sortable th { cursor: pointer; }

table.data tr.paid_to_county_ajax td{ background-color: #FCD39A; }

/* DETAIL.PHP STYLES */
div.pane { margin: 0 1em 2em 1em; background-color: #F4F7FF; padding: 1em 2em; border: 1px solid #D2E0FF; }
div.pane h3 { background-color: #31425C; color: #FFF; padding: .2em .5em; }
div.pane table.data { width: 100%; }
div.pane ul { margin-left: 1em; }
div#image_thumbnails div.thumbnail { float: left; margin: 0 .5em 2em .5em; text-align: center; }
div#image_thumbnails div.thumbnail img { border: 3px solid #DDD; }

table#thumbnail{ clear: both; margin: auto; text-align: center; }
table#thumbnail td{ padding: 1em .2em; text-align: center; }
table#thumbnail td img{ border: 1px solid #000; }

/* FAQ.PHP STYLES */
.highlight{ padding: 0 1em 1em 1em; }
span.help-image{ display: block; margin: 1em 0 1em 0; text-align: center; }
span.help-image img{ border: 2px solid #CCC; }

/* FEEDBACK.PHP STYLES */
form#feedback textarea{ height: 15em; max-width: 50em; width: 70%; }

/* Tooltips */
#tooltip { position: absolute; font-size: .9em; padding: .2em .5em; color: #000000; border: 1px solid #EFDAC2; background-color: #FFF0DF; opacity: 1; z-index: 300; }
#tooltip div.tooltip { color: #333; }
#tooltip h4 { font-size: 1.1em; }
#tooltip table th { padding: .3em 1em 0 0; text-align: right; }
#tooltip table td { white-space: nowrap; }

/* INDEX.PHP */
div.site_overview_container { width: 100%; overflow: auto; min-width: 800px; }
div.site_overview_box { width: 28%; margin: 0 1%; float: left; border: 2px solid #EFEFFF; border-top: none; padding: 1%; background: #F5F5F8 url('/images/site_overview_box.png') repeat-x center; }
div.site_overview_box { border-bottom-right-radius: .5em; border-bottom-left-radius: .5em; -moz-border-radius-bottomright: .5em; -moz-border-radius-bottomleft: .5em; -webkit-border-bottom-right-radius: .5em; -webkit-border-bottom-left-radius: .5em; }
div.site_overview_box strong { font-size: 1.1em; font-weight: bold; color: #32435D; }
div.site_overview_box p { color: #32435D; margin-bottom: 0 !important; }

div#announcement { width: 880px; margin: 2em auto 0; text-align: center; background-color: #EFFFF3; border: 1px solid #99DFA9; color: #025417; padding: .5em; }
div#announcement p { margin-bottom: 0; }

div#oklahoma-map{ margin: auto; text-align: center; border: none; }

table#mainscreen{ border-collapse: collapse; margin: auto; min-width: 800px; }
table#mainscreen th{ background-color: #31425C; color: #FFF; font-size: 1.1em; font-weight: bold; padding: 3px 15px 2px 15px; text-align: center; }
table#mainscreen th.border{ border-left: 1px solid #FFF; border-right: 1px solid #FFF; border-top: 1px solid #FFF; }
table#mainscreen th.border-left{ border-left: 1px solid #FFF; }
table#mainscreen td{ border-bottom: 1px solid #DFE7F4; border-spacing: 0; padding: 3px 15px 0 15px; }
table#mainscreen tr.odd{ background-color: #F1F6FF; }
table#mainscreen tr.even{ background-color: #FFFFFF; }
table#mainscreen td.text-center{ text-align: center; }

/* LOGIN.PHP STYLES */


/* PDF.PHP STYLES */
div#no_more_views { width: 40%; margin: auto; }
div#no_more_views strong { font-size: 1.3em; }

/* REGISTER.PHP STYLES */
form label.label_block { font-weight: bold; display: block; margin-bottom: .2em; }
form label span { color: #666; display: block; margin-left: 2em; }
form div.radio_container { margin-bottom: .5em; padding: .2em; }
form#registration_form div { margin-bottom: 1em; }

/* REGISTER_INFORMATION.PHP STYLES */
div.register_information { width: 70%; margin: auto; font-size: 1.2em; }
div.register_information h3 { color: #000; font-size: 1.2em; margin-bottom: .3em; }
div.register_information p { padding: 0 2em 0 0; margin-bottom: 1.5em; color: #222; line-height: 1.4em; }
div.register_information h3 span { font-size: 1.3em; color: #6881A7; }
div#getstarted { width: 50% !important; }
div#getstarted div { margin-bottom: 3em; }
div#getstarted div p { margin-bottom: .5em; }
div#getstarted div ol { text-align: center; font-weight: bold; font-size: .9em; background-color: #D1DAE8; color: #284067; padding: .3em 0; margin-bottom: .5em; white-space: nowrap; letter-spacing: -1px; }
div#getstarted div ol li { display: inline; margin: 0 .2em; }


/* RESULTS.PHP STYLES */
.page-list{ white-space: nowrap; }
div#results-box{ margin-top: 2em; }
table#results{ font-size: .9em; margin-top: .5em; text-align: left; width: 100%; }
table#results th{ font-weight: bold; }
table#results th a{ color: #FFF; }
div#results_none { margin: auto; width: 40%; }
p#no_print_notice{ display: none; visibility: hidden; }

/* SEARCH.PHP STYLES */
div#county_info { overflow: auto; width: 70%; margin: auto; }
div#free_image_notice { width: 50%; float: left; background-color: #FFFFCC; padding: 1em 2em; border: 1px solid #FFFD66; }
div#free_image_notice img { float: left; margin: 0 1em 1em 0; }
div#county_contact_info { float: right; width: 30%; }
div#county_contact_info_clerk { margin-bottom: .3em; }
div#county_contact_info_clerk span { color: #40536F; font-size: 1.2em; font-weight: bold; }
div#county_contact_info_extra { display: none; }
div#county_contact_info_extra ul { margin-bottom: 0 !important; }

form#search-form{ margin: 1em auto 1em auto; width: 70%; }
form#search-form div#search-box{ background-color: #EFF6FF; border: 1px solid #000; border-top: 2px solid #000; padding: 5px; position: relative; z-index: 1; }
form#search-form div#search-tabs{ line-height: .5em; }
form#search-form img{ margin-bottom: -2px; position: relative; z-index: 2; }
form#search-form td{ border-bottom: 1px solid #CFE5FF; padding: 5px 0 1px 5px; }
form#search-form input[type="text"]{ width: 15em; }
form#search-form input[type="text"].small-input{ width: 5em; }
form#search-form input[type="text"].tiny-input{ width: 2em; }
div#search-hints{ background-color: #EFF6FF; border-bottom: 1px solid #31425C; border-left: 1px solid #B3CCEF; border-right: 1px solid #31425C; border-top: 1px solid #B3CCEF; margin: 1em auto; padding: .5em 1%; width: 68%; }
div#search-hints li{ list-style-type: disc; margin-left: 2.5em; }

/* USER/INDEX.PHP STYLES */
ul.user_options { list-style: none; margin-bottom: 1.5em !important; overflow: auto; }
ul.user_options li { float: left; margin: 0 1em 1em 1em; padding: .5em 0; text-align: center; width: 300px; }
ul.user_options li a { display: block; background-color: #DAEED9; padding: .5em 0 .7em 0; }
ul.user_options li a { border-radius: .4em; -moz-border-radius: .4em; -webkit-border-radius: .4em; }
ul.user_options li a span { font-size: 1.1em; letter-spacing: -1px; position: relative; top: -3px; }
ul.user_options li a span span { font-size: .9em; top: 3px; font-weight: normal; }
ul.user_options li.important a { background-color: #FFB97A !important; color: #964B08 !important; font-weight: bold; }
ul.user_options li.important { color: #964B08; }

div#free_image_access { margin-bottom: 1em; background-color: #FFFFCC; padding: 1em 2em; border: 1px solid #FFFD66; }
div#free_image_access img { float: left; margin: 0 1em 1em 0; }
div#free_image_access p.nomargin { margin: 0 !important; }

/* USER/SUBSCRIPTION.PHP STYLES  */
table#subscription_price { border-collapse: collapse; width: 100%; }
table#subscription_price th { text-align: left; background-color: #E3EBFF; padding: .2em; }
table#subscription_price td, table#subscription_price th { border-bottom: 1px solid #C5CDE1; }
table#subscription_price td { padding: .5em; vertical-align: middle; }
table#subscription_price tr.selected td, table#subscription_price tr:hover td { background-color: #FFFFCC; }
table#subscription_price td span { color: #999; font-size: .8em; }
table#subscription_price td a { text-transform: uppercase; font-size: .8em; letter-spacing: .1em; }

/* CONTACT.PHP */
form#contact_form textarea { width: 99%; height: 10em; }
form#contact_form input[type="text"] { width: 99%; }

/* FOOTER STYLES */
div#footer{ background-color: #31425c; border-bottom: 1px solid #000; border-top: 1px solid #000; clear: both; font-size: .9em; height: 33px; padding: 2px 10px; text-align: right; }
ul#foot-nav{ float: left; margin-top: 9px; vertical-align: middle; }
ul#foot-nav li{ display: inline; margin: 0 7px; }
ul#foot-nav li a{ background-color: inherit; color: #EEE; text-decoration: none; }
ul#foot-nav li a:hover{ text-decoration: underline; }
#footer p { color: #FFF; margin-right: 110px; margin-top: 9px; }
div#footer img, div#frame-footer img{ float: right; }

/* BeauBox Styles */
html, body { height: 100%; }
div#beaubox_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #111; display: none; z-index: 30; opacity: .5; }
/* IE fix */ * html div#beaubox_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

div#beaubox_loading { position: fixed; top: 45%; left: 45%; background-color: #FFF; z-index: 50; background-color: #111; color: #EEE; padding: 1em; opacity: .8; font-weight: bold; }
div#beaubox_loading { border-radius: .3em; -moz-border-radius: .3em; -webkit-border-radius: .3em; }
/* IE fix */ * html div#beaubox_loading { position: absolute; }

div#beaubox_close { position: fixed; top: 10%; right: 10%; margin: -10px -10px 0 0; z-index: 120; width: 30px; height: 30px; background-image: url('/images/beaubox_close.png'); }
div#beaubox_close:hover { cursor: pointer; }
* html div#beaubox_close { position: absolute; top: 0; right: 0; }

div#beaubox_container { position: fixed; top: 10%; left: 10%; right: 10%; bottom: 10%; z-index: 100; background-color: #FFF; display: none; overflow: auto; border: 3px solid #333; }
div#beaubox_content { padding: 1em; }
* html div#beaubox_container { position: absolute; width: 80%; overflow: visible; }