/* --------------------------------------------------------
    Global stylesheet
    Filename: css/global.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    General
   -------------------------------------------------------- */

    * { padding: 0; margin: 0; }

    body { background-color: #f4f4f4; font: 14px Arial, Verdana, Helvetica, sans-serif; color: #6b6b6b; margin: 0; padding: 10px 0px 30px 0px; text-align: center; }

    hr, .hide { display: none; }
    div.clearer { width: 100%; overflow: hidden; }

    a { color: #980000; }
    a:hover { color: #333; }
    
    ul { list-style: none; }
    
    img { border: 0px; }
    
    input, select, textarea { font: 14px Arial, Verdana, sans-serif; padding: 2px; color: #333; }
    select { padding: 1px; }
    
/* --------------------------------------------------------
    General Classes
   -------------------------------------------------------- */
   
    /* Texts */
    .realtiny { font-size: 11px; line-height: 1.1em; }
    .tiny { font-size: 12px; line-height: 1.1em; }
    .smaller { font-size: 13px; line-height: 1.2em; }
    .bigger { font-size: 16px; }
    .top_space { padding-top: 10px; }
    .red { color: red; }
    .lighter { color: #898989; }
    .bold { font-weight: bold; }
    .underlined { text-decoration: underline; }
    .uppercase { text-transform: uppercase; }
    
    /* Lists */
    ul.bullet_list { padding: 0px 0px 10px 30px; }
    ul.bullet_list li { line-height: 1.3em; padding-bottom: 3px; list-style: disc; }
    
    ol.num_list { padding: 0px 30px 10px 50px; }
    ol.num_list li { padding-bottom: 15px; }
    ol.num_list li ol { padding: 10px 0px 0px 30px; }
    ol.num_list li ol li { padding-bottom: 10px; }
    
    /* Alignment */
    .centered { text-align: center; margin: 0 auto; }
    
    /* Boxes */
    .content_box { border: 1px solid #e8e8e8; padding: 15px 20px 20px 20px; margin-bottom: 20px; }
    
    /* Forms and Tables */
    form table { width: 100%; }
    form table td { padding-bottom: 10px; }
    form table td.last_col { padding-bottom: 0px; }
    form table td.col_label { width: 35%; font-weight: bold; text-align: right; padding-right: 10px; font-size: 13px; }
    form table td.col_input { width: 65%; }
    form table td.col_input input, form table td.col_input textarea, form table td.col_input select { width: 245px; border: 1px solid #d6d6d6; }
    form table td.col_input input.small_input { width: 100px; }
    form table td.col_input textarea { width: 300px; }
    form table td.col_input select { width: 251px; }
    
    form input.input_radio { border: 0px; padding: 0px; margin: 3px 3px 3px 0px; }
    
    /* Form message box */
    .message_box { border: 1px solid; margin-bottom: 10px; margin-right: 0px; padding: 15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; font-weight: bold; font-size: 1em; }
    .message_box_info { color: #00529B; background-color: #BDE5F8; background-image: url('../images/icon_info.gif'); }
    .message_box_success { color: #4F8A10; background-color: #DFF2BF; background-image: url('../images/icon_success.gif'); }
    .message_box_warning { color: #9F6000; background-color: #FEEFB3; background-image: url('../images/icon_warning.gif'); }
    .message_box_error { color: #D8000C; background-color: #FFBABA; background-image: url('../images/icon_error.gif'); }
    .message_box_validation { color: #D63301; background-color: #FFCCBA; background-image: url('../images/icon_validation.gif'); }
    .message_box_list { }
    .message_box_list li { line-height: 1.3em; }
    
    .error_box { background-color: #ffffff; padding: 15px 15px 0px 15px; border: 2px solid #D54038; margin-bottom: 10px; }
    .error, .label_error { color: #D54038; font-weight: bold; }
    .success { color: #2C8140; font-weight: bold; }

/* --------------------------------------------------------
    Presentation
   -------------------------------------------------------- */
   
    #container { width: 960px; margin: 0 auto; text-align: left; }
    #wrapper { background-color: #fff; padding: 10px; }
    
/*  Header
   -------------------------------------------------------- */
   
    #header { width: 100%; overflow: hidden; height: 75px; background-color: #fff; }
    
    #header_logo { float: left; width: 302px; padding-top: 5px; }
    #header_logo h1 { background: url("../images/header_logo.gif") no-repeat; text-indent: -9999px; text-decoration: none; width: 302px; height: 52px; }
    #header_logo h1 a:link, #header_logo h1 a:visited { display: block; width: 302px; height: 52px; text-decoration: none; outline: none; -moz-outline-style: none; }
   
    #header_moto { float: right; width: 520px; }
    #header_moto h2 { font-size: 18px; color: #222; padding-top: 12px; text-align: right; font-weight: normal; }
    #header_moto h2 span { color: #cc0000; font-weight: bold; }
    
/*  Header Menu
   -------------------------------------------------------- */
   
    #header_menu { background: url("../images/header_menu_bg.gif") repeat-x top left; height: 44px; margin-bottom: 10px; }
    #header_menu ul { width: 100%; overflow: hidden; }
    #header_menu ul li { float: left; display: inline; }
    #header_menu ul li a { background: url("../images/header_menu_dot.gif") no-repeat center right; display: inline-block; height: 28px; padding: 12px 24px 0px 14px; color: #fff; font-weight: bold; font-size: 13px; font-weight: bold; font-family: Lucida, Georgia, Times New Roman, serif; text-decoration: none; }
    html>body div#header_menu ul li a { display: block; }
    #header_menu ul li a:hover { text-decoration: underline; }
    #header_menu ul li a.header_menu_first { padding-left: 20px; }
    #header_menu ul li a.header_menu_last { background: none; padding-right: 16px; }
    
    #header_menu p { text-align: center; color: #fff; font-weight: bold; font-size: 14px; padding: 13px 20px 0px 20px; font-weight: bold; }
    
/*  Content
   -------------------------------------------------------- */
   
    #content_header { background: url("../images/content_header_bg.jpg") no-repeat; height: 90px; margin-bottom: 10px; }
    #content_header h2 { font-size: 26px; color: #4b4b4b; line-height: 1.2em; padding: 10px 0px 0px 28px; }
    #content_header h2 span.header_your { color: #980000; font-size: 30px; text-decoration: underline; }
    #content_header h2 span.header_neighbor { font-size: 30px; }
    #content_header h2 span.logout { font-size: 16px; }
    #content_header h2 a { color: #1d80ae; }
    
    #content { width: 100%; overflow: hidden; padding: 0px 0px 0px 0px; }
    #content h2 { font-size: 30px; padding-bottom: 15px; color: #000; }
    #content h2 img { vertical-align: middle; padding-left: 5px; }
    #content h3 { font-size: 20px; padding-bottom: 15px; color: #980000; }
    #content p { line-height: 1.3em; padding-bottom: 20px; }
    #content p.small_pad { padding-bottom: 10px; }
    
    #content_full { padding: 20px; }
    
    #content_left { width: 277px; float: left; padding-left: 10px; }    
    #content_left h3 { font-size: 18px; padding-bottom: 10px; color: #980000; }
    #content_left ul.left_menu li { border-bottom: 1px solid #ede8e3; }
    #content_left ul.left_menu li.left_menu_last { border-bottom: 0px; }
    #content_left ul.left_menu li a { display: block; padding: 7px 0px; font-family: Lucida, Georgia, Times New Roman, serif; font-size: 14px; font-weight: bold; color: #1d80ae; text-decoration: none; }
    #content_left ul.left_menu li a:hover, #content_left ul.left_menu li a.left_menu_active { color: #0d2936; }
    
    #content_right { width: 612px; float: right; padding-right: 20px; }

/*  Footer
   -------------------------------------------------------- */
   
    #footer { padding: 20px; }
    #footer p { font-size: 12px; color: #6b6b6b; text-align: center; line-height: 1.5em; padding-bottom: 6px; }
    #footer p a { color: #6b6b6b; text-decoration: none; }
    #footer p a:hover { text-decoration: underline; }
    
/* --------------------------------------------------------
    Section : Home
   -------------------------------------------------------- */
   
    #home_header { height: 274px; position: relative; }
    #home_header_inner { padding: 24px 460px 0px 30px; }
    #home_header h2 { font-size: 25px; color: #000; line-height: 1.1em; padding-bottom: 15px; }
    #home_header h2 span.home_header_your { color: #980000; font-size: 25px; text-decoration: underline; }
    #home_header h2 span.home_header_neighbor { font-size: 30px; }
    #home_header h3 { font-weight: normal; font-size: 16px; padding-bottom: 8px; line-height: 1.4em; }
    
    #home_header #home_header_form { position: absolute; top: 24px; left: 498px; text-align: center; width: 421px; }
    #home_header #home_header_form h4 { font-size: 30px; color: #fff; padding: 12px 0px; }
    #home_header #home_header_form p { padding-bottom: 10px; }
    #home_header #home_header_form p.header_form_btn { padding-top: 13px; }
    #home_header #home_header_form input.zipcode { border: 2px solid #620000; background-color: #fff; color: #000; font-size: 22px; padding: 4px; font-weight: bold; width: 240px; text-align: center; }
    
    input.btn_free_report_styled { font-size: 24px; text-transform: uppercase; color: #000; font-weight: bold; background-color: #f7a32e; border: 1px solid #cf7200; cursor: pointer; padding: 3px 5px; }
    
    input.zipcode_smaller { border: 2px solid #620000; background-color: #fff; color: #000; font-size: 18px; font-weight: bold; padding: 4px; width: 210px; }
    
    #home_content { background: url("../images/home_content_bg.gif") repeat-x top left; padding: 20px 0px 0px 30px; }
    #home_content_inner { width: 100%; overflow: hidden;  }
    #home_content div.home_content_col { float: left; width: 265px; margin-right: 38px; }
    #home_content div.home_content_col_last { margin-right: 0px; }
    #home_content div.home_content_col h3 { font-size: 26px; padding-bottom: 5px; margin-bottom: 10px; color: #980000; border-bottom: 1px solid #f4f4f4; }
    #home_content div.home_content_col h3 a { color: #980000; text-decoration: none; }
    #home_content div.home_content_col h3 a:hover { color: #980000; }
    #home_content div.home_content_col h3 img { vertical-align: middle; padding-left: 5px; }
    #home_content div.home_content_col p { padding: 0px 15px 20px 0px; line-height: 1.3em; font-size: 15px; }
    
    /* Random offenders */
    #home_content h3 { font-size: 26px; padding-bottom: 10px; color: #000; }
    #home_content #home_offenders { padding: 10px 0px 20px 20px; }
    #home_content #home_offenders ul { width: 100%; overflow: hidden; }
    #home_content #home_offenders ul li { float: left; width: 165px; text-align: center; }
    #home_content #home_offenders ul li.last { background: none; padding-right: 0px; }
    #home_content #home_offenders ul li p.home_offender_image { padding-bottom: 10px; }
    #home_content #home_offenders ul li p { color: #6b6b6b; }
    #home_content #home_offenders ul li p strong { color: #980000; }
    
/* --------------------------------------------------------
    Section : Testimonials
   -------------------------------------------------------- */
    
    #content ul.testimonials li { margin-bottom: 15px; padding: 10px 20px; }
    #content ul.testimonials li.testimonials_row1 { background-color: #efefef; }
    #content ul.testimonials li.testimonials_row2 { background-color: #f5f5f5; }
    #content ul.testimonials li p { padding-bottom: 7px; font-style: italic; }
    #content ul.testimonials li p.testimonial_name { padding-bottom: 0px; text-align: right; }
    
/* --------------------------------------------------------
    Section : Dashboard Monitoring
   -------------------------------------------------------- */
   
    /* div.monitoring_box { background-color: #fafafa; padding: 20px; font-size: 13px; margin-bottom: 10px; } */
    div.monitoring_box { font-size: 13px; border: 1px solid #ede8e3; background: url("../images/content_box_bg.jpg") no-repeat top left; padding: 15px 20px 20px 20px; margin-bottom: 10px; }
    
    div.watch_list_left { width: 340px; float: left; }
    div.watch_list_right { width: 500px; float: right; }
    
    div.offender_alerts { width: 500px; float: right; }
    div.additional_info { width: 340px; float: left; }
    
    /* Report free header */
    div.report_free_header { height: 45px; background: url("../images/report_free_header_bg.jpg") no-repeat top left; margin-bottom: 20px; }
    div.report_free_header h3#title_left { float: left; color: #fff; padding: 13px 0px 0px 12px; font-size: 19px; line-height: 1em; }
    div.report_free_header p#title_btn { float: right; }
    
    #content p.get_report_btn { text-align: center; margin: 20px 0px; padding-bottom: 0px; }
    #content p.get_report_bot { margin-bottom: 0px; }
    
    .hide_info { color: #6b6b6b; background-color: #6b6b6b; }

    /* Report header */
    div.report_header { height: 44px; margin: 0px 0px 20px 0px; }    
    #content div.report_header h3#title_left { float: left; color: #fff; padding: 8px 0px 0px 12px; font-size: 24px; line-height: 1em; }
    #content div.report_header p#page_options { float: right; padding: 11px 14px 0px 0px; }
    #content div.report_header p#page_options a { padding-left: 30px; color: #fff; font-weight: bold; font-size: 14px; }
    #content div.report_header p#page_options a#option_print { background: url("../images/printer.gif") no-repeat 10px 0px; }
    #content div.report_header p#page_options a#option_email { background: url("../images/email.gif") no-repeat 10px 0px; }
    
    #content h3.report_titles { color: #980000; font-size: 26px; padding-bottom: 10px; }
    
    #content div.monitoring_box h3 { border-bottom: 1px solid #1d80ae; margin-bottom: 10px; padding-bottom: 5px; font-family: Lucida, Georgia, Times New Roman, serif; font-size: 20px; color: #1d80ae; }
    #content div.monitoring_box h4 { padding-bottom: 5px; }
    #content div.monitoring_box p { padding-bottom: 10px; }
    #content div.monitoring_box p.extra_padding { padding-bottom: 20px; }
    #content div.monitoring_box p.monitoring_map { padding-bottom: 20px; }
    
    #content ul.watch_address_list li { padding-bottom: 15px; }
    #content ul.watch_address_list li h4, #content ul.watch_address_list li p { padding-bottom: 5px; }
    
    div.monitoring_box table { width: 100%; }
    div.monitoring_box table td { padding-bottom: 5px; }
    div.monitoring_box table td.col_info_label { font-weight: bold; width: 50%; }
    div.monitoring_box table td.col_info_value { width: 50%; text-align: right; }
    
    div.monitoring_box ul.monitoring_bullet_list { padding-left: 20px; }
    div.monitoring_box ul.monitoring_bullet_list li { list-style: disc; padding-bottom: 5px; }
    
    /* Monitoring Report */
    
    table.report_table { width: 100%; margin-bottom: 5px; }
    table.report_table_margin { margin-bottom: 40px; }
    table.report_table td { padding: 8px 12px; font-size: 13px; width: 50%; vertical-align: top; }
   
    #content table.report_table td h3.report_titles { padding-bottom: 5px; }
    
    table.report_table td.report_infos ul li { line-height: 1.3em; font-size: 16px; }
    table.report_table td.report_infos ul li strong { float: left; width: 100px; }
    
    #content table.report_table td.report_infos p { padding-bottom: 10px; }
    
    div.area_general_infos { border: 1px solid #e8e8e8; padding: 10px 20px; background-color: #fff; font-size: 13px; margin-bottom: 5px; }
    div.area_general_infos h4 { padding-bottom: 5px; text-transform: uppercase; font-size: 13px; }
    div.area_general_infos ul li { line-height: 1.5em; width: 100%; overflow: hidden; }
    div.area_general_infos ul li strong { float: left; width: 150px; }
    
    div.offender_file { width: 445px; font-size: 13px; margin-bottom: 10px; }
    div.file_left { float: left; }
    div.file_right { float: right; }
    div.offender_file_inner { padding: 10px; border: 1px solid #e8e8e8; background-color: #fff; }
    
    div.offender_file_head { width: 100%; overflow: hidden; padding-bottom: 10px; }
    
    div.offender_file_head div.offender_file_img { float: left; width: 150px; padding-bottom: 15px; }
    div.offender_file_head div.offender_file_img img { margin-right: 10px; border: 1px solid #e8e8e8; }

    div.offender_file_head div.offender_file_content { margin-left: 160px; padding-bottom: 15px; } 
    div.offender_file_head div.offender_file_content h4 { padding-top: 5px; padding-bottom: 10px; }
    
    #content div.offender_file_head p { padding-bottom: 10px; }
    
    div.offender_file table { width: 98%; }
    div.offender_file table td { padding: 2px 0px; vertical-align: top; line-height: 1.3em; }
    div.offender_file table td.col_label { width: 50%; font-weight: bold; }
    div.offender_file table td.col_value { width: 50%; }