body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}.no_updates {
  font-style: italic;
  color: #333;
}

ul { margin-left: 30px; margin-right: 30px; list-style: square outside none; }
ol { margin-left: 30px; margin-right: 30px; decimal-leading-zero outside none; }
li { margin-top: 5px; margin-bottom: 5px; text-align: justify}

.new_updates {
  font-weight: bold;
  color: #090;
}

.offender_multi_photo {
  font-weight: bold;
  font-size: 14px;
  color: #00a;
}

span.offender_multi_photo:hover {
  cursor: pointer;
  color: #00f;
  background-color: #eee;
}

.searchbox_popup_div {
  z-index: 10001;
  position: fixed;
  background-color: #DDDDDD;
  text-align: left;
  width: 800px;
  margin-left: 50px;
  margin-top: -400px;
  height: 400px;
  border-width: 3px; 
  border-style: solid;
  border-color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.offender_searchbox {
  letter-spacing: 0;
  word-spacing: 0;
}

div.offender_searchbox {
  width: 600px;
  margin: 5px;
  border: 1px solid black;
}

.share_icons {
  background: url("/graphics/share_widgets.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 32px;
  line-height: 32px !important;
  overflow: hidden;
  width: 32px;
  margin: 2px;
  float: left;
}

a.share_icons:hover { 
 opacity: 0.6; 
 cursor: pointer;
}

.share_email    { background-position: 0 -160px; }
.share_facebook { background-position: 0 -224px; }
.share_print    { background-position: 0 -544px; }
.share_twitter  { background-position: 0 -640px; } 
.share_bookmark { background-position: 0 -256px; } 

.share_google { 
  background: url("/graphics/gplus-32.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 32px;
  line-height: 32px !important;
  overflow: hidden;
  width: 32px;
  margin: 2px;
  float: left;
}

a.remove_record:hover {
 opacity: 0.6; 
 cursor: pointer;
}

.offender_gallery_thumbnail {
  display: inline-block;
  float: left;
  height: 175px;
  width: 175px;
  border: 1px solid black;
}

.offender_fullsize_container {
  display: inline-block;
  float: left;
  height: 400px;
  width: 400px;
  background: #000;
}

.offender_fullsize {
  display: inline-block;
  border: 1px solid white;
}

.offender_thumbnail {
  display: inline-block;
  float: left;
  height: 160px;
  width: 160px;
}

a.offender_thumbnail:hover {
  opacity: 0.6;
  cursor: pointer;
  border: 1px solid red;
}

.offender_thumbnail_border {
  display: inline-block;
  float: left;
  height: 160px;
  width: 160px;
  border: 1px solid white;
}

a.offender_thumbnail_border:hover {
  opacity: 0.6;
  border: 1px solid red;
  cursor: pointer;
}

a.share_google:hover {
  opacity: 0.6;
  cursor: pointer;
}


.std_link {
  font-family: verdana, arial, sans-serif;
  font-weight: bold;
  color: #000099;
  text-decoration: none;
}

.std_link:active {
  color: #000000;
  text-decoration: none;
}

a.std_link:visited {
  color: #000055;
}

.std_link:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #FF0000;
}

a.large_link { font-size: 120%; }

a.large_link_signup { color: #0000AA; text-decoration: underline; }
a.large_link_signup:visited { color: #0000AA; text-decoration: underline; }
a.large_link_signup:hover { color: #FF0000; text-decoration: none; }

a.red_link {
  color: #FF0000;
  font-weight: bold;
  text-decoration: none;
}

a.red_link:hover {
  color: #00CC00;
  text-decoration: underline;
}

a.red_link_ul {
  color: #FF0000;
  font-weight: bold;
  text-decoration: underline;
}

a.plain {
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
  color: #999999;
}
a.plain:hover { cursor: not-allowed; }

a.mugshot_link {
  display: inline-block;
  min-width: 150px;
}

.navbar {
  text-align: center;
  width: 700px;
  background: #EEEEFF;
  margin: 10px;
}

#header {
  background: #eee;
  height: 225px;
}

h2 {
  font-size: 153.9%;
  font-weight: bold;
}

h3 {
  font-size: 115%;
  font-weight: bold;
}

.font_size_up { font-size: 110%; }

p.bodytext { padding: 8px; }

td { padding: 4px; }

td.nav { font-size: 110%; }

.hdr_small_blue {
  color: #0000CC;
  font-size: 110%;
  font-weight: bold;
  font-family: verdana, arial, sans-serif;
  font-variant: small-caps;
} 

.input_invalid {
  width: 98%;
  background: #ee0;
}

.input_normal {
  width: 98%;
  background: #eef;
}

.error {
  font-weight: bold;
  color: #f00;
  font-size: 10pt;
}

.error_small {
  font-weight: bold;
  color: #f00;
  font-size: 7pt;
}

.news_summary_odd  { background: #fff; }
.news_summary_even { background: #eee; }

.validate_email {
  color: #000099;
  margin: 30px;
  text-align: justify;
  font-size: 10pt;
}

.validate_sms {
  color: #990000;
  margin: 30px;
  text-align: justify;
  font-size: 10pt;
}

.content_container {
  width: 900px;
  display: block;
}

.content_row_list {
  width: 800px;
  display: block;
}

.content_row_thumb {
  width: 175px;
  display: inline-block;
}

.offender_watch_item, 
.recent_activity_item {
  width: 410px;
  overflow: hidden;
}

.offender_watch_item_thumb {
  width: 75px;
  height: 75px;
  float: left;
}

.offender_watch_item_thumb:hover {
  opacity: 0.6;
  cursor: pointer;
  border: 1px solid red;
}

img.offender_full_image { float: left; }

#scrollbar1 { width: 450px; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 430px; height: 200px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(/graphics/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(/graphics/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(/graphics/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(/graphics/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }

#scrollbar2 { width: 450px; margin: 20px 0 10px; }
#scrollbar2 .viewport { width: 430px; height: 300px; overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar2 .scrollbar{ background: transparent url(/graphics/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar2 .track { background: transparent url(/graphics/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar2 .thumb { background: transparent url(/graphics/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar2 .thumb .end { background: transparent url(/graphics/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar2 .disable { display: none; }

#body_text p { padding: 5px; }
#body_text em { font-weight: bold; font-size: 105%; }
