/* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; } body { font-family:Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Chrome Frame prompt ========================================================================== */ .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ body{background-image:url('../img/background-dots.gif')} a{margin:0;padding:0;color:#333;text-decoration:none} a:hover, a:focus, a:active{color:#666;text-decoration:underline} h2{margin-top:30px} .container{max-width:900px;padding:0 30px;margin:0 auto;background-color:#fff;border-left:solid 1px #808080;border-right:solid 1px #808080;border-bottom:solid 1px #808080} #error-message{text-decoration:none; color:#a92614; font-weight:bold; font-size:12px;border:solid 1px #ccc;padding:5px;margin-bottom:4px;} .alert{display:none;width:100%;height:100px;background-color:#231f20;border-bottom:solid 1px #7b797a;} .alert-left{ float:left;width:360px;height:26px;margin-top:32px;color:#fff;padding-top:6px;padding-left:30px; background: #231f20; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzMWYyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2E1MjcxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2Q5NjE1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, #231f20 0%, #a52718 33%, #d96151 67%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#231f20), color-stop(33%,#a52718), color-stop(67%,#d96151)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #231f20 0%,#a52718 33%,#d96151 67%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #231f20 0%,#a52718 33%,#d96151 67%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #231f20 0%,#a52718 33%,#d96151 67%); /* IE10+ */ background: linear-gradient(to right, #231f20 0%,#a52718 33%,#d96151 67%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231f20', endColorstr='#d96151',GradientType=1 ); /* IE6-8 */ } .alert-img{float:left;} .alert-right{float:left;padding:16px 0 0 8px;font-size:12px;color:#fff} .alert-right a{color:#fff;text-decoration:underline} .alert-right a:hover,.site-nav a:focus,.site-nav a:active{color:#ccc;text-decoration:none} .site-header{padding-top:30px;} .site-logo{float:left;padding-top:18px;cursor:hand;cursor:pointer} .site-logo img{width:238px;} .site-header-nav{float:right;margin:0;padding:0;width:600px;text-align:right;} .site-header-facebook{margin-bottom:18px;font-size:12px;color:#7e7e7e;text-align:right} .site-header-facebook a img {display:inline;} .site-header-facebook a{display:inline;} .site-header-nav{padding:0;margin:0 0 23px 0;list-style:none} .site-header-nav a{display:block;padding:0 0 -8px 0;margin:0;font-weight:bold;color:#c22f1b;text-decoration:none} .site-header-nav a:hover,.site-nav a:focus,.site-nav a:active{color:#242021} .site-header-nav-list{padding:0;margin:0;list-style:none} .site-header-nav-list li{display:inline-block;padding:0;margin:0 0 0 2.6em} .site-header-nav-list li:first-child{margin-left:0} a.facebook{color:#7e7e7e;text-decoration:none;font-weight:normal} a.facebook:hover,a.facebook:focus,a.facebook:active{color:#c22f1b} input[type=text] { width:300px; } textarea { width:300px; } .cf:before,.cf:after{content:" ";display:table} .cf:after{clear:both} .red-bar{width:100%;height:9px;background-color:#c22f1b} .home-features{width:100%;margin-top:30px} .features{float:left;width:590px;height:326px;margin-right:30px} .features-nav{ width:588px;height:34px;background-color:#010101; margin-top:6px; text-align:right; border:solid 1px #898989; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; } .features-nav a{display:inline-block;padding:0;margin:6px 6px 0 0;font-weight:bold;color:#353535;text-decoration:none} .features-nav a:hover,.site-nav a:focus,.site-nav a:active{color:#eee} .submit-tip{ float:left;width:278px;height:326px; border:solid 1px #9f9f9f; color:#fff; font-size:14px; background: #db6a5a; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiNmE1YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NjFkMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #db6a5a 0%, #761d0f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db6a5a), color-stop(100%,#761d0f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #db6a5a 0%,#761d0f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #db6a5a 0%,#761d0f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #db6a5a 0%,#761d0f 100%); /* IE10+ */ background: linear-gradient(to bottom, #db6a5a 0%,#761d0f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db6a5a', endColorstr='#761d0f',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .submit-tip .banner {width:226px;height:32px;margin-top:24px;padding:8px 26px 0 26px;background-color:#a92614;font-weight:bold;font-size:22px;text-align:left;} .submit-tip .boldcontent {width:226px;margin-top:12px;padding:0 26px 0 26px;font-weight:bold;font-size:18px} .submit-tip .content {width:226px;margin-top:12px;padding:0 26px 0 26px;font-weight:normal;font-size:14px} .submit-tip .button { cursor: hand; cursor: pointer; width:225px;height:43px; padding:0; margin:12px 26px 0 26px; font-weight:bold;color:#af2a17; text-align:center;vertical-align:top; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmNiY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #cbcbcb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cbcbcb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#cbcbcb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#cbcbcb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#cbcbcb 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#cbcbcb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cbcbcb',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .home-boxes{width:100%; margin-top:30px;} .info-box{float:left;width:433px;height:auto;margin-right:30px} .anonymous-box{ padding:11px 25px 11px 25px; width:383px;height:auto;border:solid 1px #cccccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .anonymous-box p{padding:0;margin:10px 0;font-size:10px;} .anonymous-box ul{padding:0;margin:0 20px} .anonymous-box li{list-style-image:url('../img/ul-li-red-double-arrow.gif');font-size:12px;color:#444444} .anonymous-box p a{font-size:12px;font-weight:normal;color:#7d7d7d;text-decoration:underline} .anonymous-box a:hover,.site-nav a:focus,.site-nav a:active{color:#444444;text-decoration:none} .anonymous-box-test{ padding:0 0 0 25px; width:408px;height:179px;border:solid 1px #cccccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .anonymous-box-test-title {margin-top:12px;font-weight:bold;color:#444444;} .anonymous-box-test ul {margin-top:10px;margin-bottom:4px;} .anonymous-box-test li{list-style-image:url('../img/ul-li-red-double-arrow.gif');font-size:14px;color:#444444} .anonymous-box-test a{font-weight:normal;color:#7d7d7d;text-decoration:underline} .anonymous-box-test a:hover,.site-nav a:focus,.site-nav a:active{color:#444444;text-decoration:none} .anonymous-box-test-link {margin-top:6px;width:380px;text-align:right;} .police-foundation-box{ margin:25px 0 0 0; padding:25px 30px 15px 17px; width:386px;height:85px;border:solid 1px #cccccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .police-foundation-box a{font-weight:normal;color:#7d7d7d;text-decoration:underline} .police-foundation-box a:hover,.site-nav a:focus,.site-nav a:active{color:#444444;text-decoration:none} .video-box{ position: relative; float:left; padding:0; width:433px;height:330px; border:solid 1px #cccccc; background: #353535; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzUzNTM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjMDEwMTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(-45deg, #353535 0%, #010101 60%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#353535), color-stop(60%,#010101)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #353535 0%,#010101 60%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #353535 0%,#010101 60%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #353535 0%,#010101 60%); /* IE10+ */ background: linear-gradient(135deg, #353535 0%,#010101 60%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#010101',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .video-box .banner{ width:97%;height:24px; margin:7px auto 0 auto; padding:2px 0 2px 0; background-color:#fff;border:none; font-size:18px;font-weight:bold;color:#c22f1b;text-align:center;text-transform:uppercase; /*position: absolute; top: 10px; left: 10px; z-index: 9999;*/ } .video-box .video{ margin:0 auto 0 auto; padding:0; width:420px; height:100%; /*position: absolute; top: 20px; left: 37px;*/ } .site-footer{width:860;height:auto;padding:20px;background-color:#010101;font-size:12px;color:#fff} .site-footer-logo{float:left;margin-top:3px} .site-footer-logo a img{width:52px;} .site-footer-nav{float:right} .site-footer-nav-list{padding:0;margin:0;list-style:none} .site-footer-nav-list li{display:inline-block;padding:0;margin:0 0 0 10px} .site-footer-nav a{font-weight:normal;color:#fff;text-decoration:none} .site-footer-nav a:hover,.site-nav a:focus,.site-nav a:active{color:#c22f1b} .borough-label{margin-top:6px;width:100%;font-weight:bold;text-align:center} .wanted-video-boxes{width:100%; margin-top:30px;text-align:left;} .wanted-video-box{position: relative;float:left;width:174px} .wanted-video-left-margin{margin-left:7px;} .wanted-video{ position: relative; padding:0; width:174px;height:140px;border:solid 1px #cccccc; background: #353535; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzUzNTM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjMDEwMTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(-45deg, #353535 0%, #010101 60%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#353535), color-stop(60%,#010101)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #353535 0%,#010101 60%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #353535 0%,#010101 60%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #353535 0%,#010101 60%); /* IE10+ */ background: linear-gradient(135deg, #353535 0%,#010101 60%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#010101',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .wanted-video .banner{width:160px;height:14px;padding-top:3px;background-color:#fff;border:solid 1px #aaa;font-size:8px;font-weight:bold;color:#c22f1b;text-align:center; position: absolute; top: 10px; left: 6px; } .wanted-video .video{ position: absolute; top: 30px; left: 6px; } .wanted-box{width:100%;margin-top:30px;} .wanted{ position:relative; float:left;width:238px;height:300px; margin-bottom:30px;margin-left:30px; padding:0 20px 0 20px; border:solid 1px #9f9f9f; color:#231f20; font-size:14px; background: #f7f7f7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f7f7f7 0%, #e2e2e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f7f7 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f7f7 0%,#e2e2e2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7f7f7 0%,#e2e2e2 100%); /* IE10+ */ background: linear-gradient(to bottom, #f7f7f7 0%,#e2e2e2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .wanted .crime {width:100%;font-size:11px;font-weight:bold;background-color:#e2e2e2;text-align:center;text-transform:uppercase} .wanted .banner {width:100%;height:36px;margin:0 0 10px 0;padding:10px 0 0 0;font-weight:bold;font-size:20px;border-bottom:1px solid #9e9e9e;text-align:center;text-transform:uppercase} .wanted .banner-small {width:100%;height:36px;margin:0 0 10px 0;padding:10px 0 0 0;font-weight:bold;font-size:12px;border-bottom:1px solid #9e9e9e;text-align:center;text-transform:uppercase} .wanted .profile {/*width:86px;*/width:100%;color:#c22f1b;font-size:12px;font-weight:bold;text-align:center;margin-bottom:3px;line-height:1.8em;} .wanted .profile span {font-size:26px;font-weight:bold;text-transform:uppercase;} .wanted .profile img {cursor:hand;cursor:pointer;width:120px;height:120px;margin-bottom:4px;border:3px solid #000;} .wanted .profile img.perp {border:3px solid #c22f1b;} .wanted .profile img:focus, .wanted .profile img:hover {border:3px solid #666} .wanted .profile img.perp:focus, .wanted .profile img.perp:hover {border:3px solid #CC6759} .wanted .content {float:left;width:120px;;margin:0 0 0 8px;font-weight:normal;font-size:14px} .wanted .button-top-label {width:240px;height:38px;position:absolute;top:248px;left:18px;text-align:center;font-weight:bold;text-transform:uppercase} .wanted .button { cursor: hand; cursor: pointer; width:120px;height:20px; padding:0; /*margin:20px 0 0 0;*/ position:absolute; top:270px;left:80px; font-weight:normal;color:#fdfdfb; text-align:center;vertical-align:middle; border:1px solid #989898; background: #d8604f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4NjA0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMzMwMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d8604f 0%, #c3301c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8604f), color-stop(100%,#c3301c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* IE10+ */ background: linear-gradient(to bottom, #d8604f 0%,#c3301c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8604f', endColorstr='#c3301c',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* future proofing */ -khtml-border-radius: 4px; /* for old Konqueror browsers */ } .wanted .button .label{float:left;margin-left:16px;height:20px;padding-top:0;font-size:14px;font-weight:bold;} .wanted .button .arrow{float:left;height:20px;font-size:22px;margin-top:-7px;} .wanted .apprehended{ width:100%;height:100%;position:absolute;top:0;left:0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ background-color:#000; zoom:1;filter:alpha(opacity=30);opacity:0.3; text-align:center;text-transform:uppercase;font-size:38px;font-weight:bold;color:#fff; } .wanted-box-no-left-margin{margin-left:0} .search-button-box{width:100%;margin-top:30px} .search-red-line-box {float:left;margin-top:5px} hr.search-red-line { color: #a3a3a3; background: #a3a3a3; width: 250px; height: 1px; } .search-button { cursor: hand; cursor: pointer; float:left; width:344px;height:42px; padding:0; margin:0 25px 0 25px; font-weight:normal;color:#fdfdfb; text-align:center;vertical-align:middle; border:1px solid #989898; background: #d8604f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4NjA0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMzMwMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d8604f 0%, #c3301c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8604f), color-stop(100%,#c3301c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* IE10+ */ background: linear-gradient(to bottom, #d8604f 0%,#c3301c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8604f', endColorstr='#c3301c',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .search-button .label{float:left;margin-left:20px;height:24px;padding-top:10px;font-size:16px;} .search-button .arrow{float:left;height:34px;font-size:26px;} .red-line-box {width:100%;margin-top:30px} hr.red-line { color: #a3a3a3; background: #a3a3a3; width: 100%; height: 1px; } .wanted-search-box {width:100%;margin-top:30px;color:#202020} .wanted-search-col {float:left;width:280px;} .map-search-button { cursor: hand; cursor: pointer; margin-top:20px; width:240px;height:55px; border:solid 1px #9f9f9f; color:#fff; background: #353535; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzUzNTM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjMDEwMTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #353535 0%, #010101 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#353535), color-stop(100%,#010101)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #353535 0%,#010101 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #353535 0%,#010101 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #353535 0%,#010101 100%); /* IE10+ */ background: linear-gradient(to bottom, #353535 0%,#010101 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#010101',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .map-search-button .label{float:left;margin-left:10px;height:24px;padding-top:6px;font-size:16px;} .map-search-button .arrow{float:left;height:34px;font-size:48px;margin-left:20px;margin-top:-10px} input[type="checkbox"] { border: none; margin:0 10px 0 5px; box-sizing: border-box; /* 1 */ padding-right: 7px; /* 2 */ *height: 7px; /* 3 */ *width: 7px; /* 3 */ } input {margin-bottom:10px;border:1px solid #aaa; font-size:14px} textarea {font-size:14px;} select { margin-bottom:8px; font-family: 'Arial'; font-size:12px; } select option { font-size:12px; } .wanted-search-select { width: 240px; height: 34px; overflow: hidden; background: url('../img/input-select-arrow.gif') no-repeat right #fff; } .wanted-detail-box{margin-top:30px} .wanted-detail-img-header{width:250px;height:auto;margin-bottom:20px;padding:10px;background-color:#c3301c;border:solid 4px #c3301c;font-size:24px;font-weight:bold;color:#fff;text-transform:uppercase} .wanted-detail-img{float:left;width:300px;font-size:12px;} .wanted-detail-img img{width:270px;border:solid 4px #c3301c} .wanted-detail-description{float:left;width:500px;margin-left:24px;font-size:12px} .wanted-detail-description .button { cursor: hand; cursor: pointer; width:240px;height:38px; padding:0; /*margin:20px 0 0 0;*/ font-weight:normal;color:#fdfdfb; text-align:center;vertical-align:middle; border:1px solid #989898; background: #d8604f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4NjA0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMzMwMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d8604f 0%, #c3301c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8604f), color-stop(100%,#c3301c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* IE10+ */ background: linear-gradient(to bottom, #d8604f 0%,#c3301c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8604f', endColorstr='#c3301c',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .wanted-detail-description .button .label{float:left;margin-left:70px;height:24px;padding-top:7px;font-size:16px;} .wanted-detail-description .button .arrow{float:left;height:34px;font-size:26px;padding-top:5px;} .wanted-detail-description a{font-weight:normal;color:#7d7d7d;text-decoration:underline} .wanted-detail-description a:hover,.site-nav a:focus,.site-nav a:active{color:#444444;text-decoration:none} .mapCanvas {width:500px;height:200px;margin-top:0} .crime-dates-box {width:100%;margin-top:20px;font-size:12px;} .crime-date {float:left;margin:0 5px 0 0} .how-it-works-container{width:100%;} .how-it-works-box-feature{ width:940; margin-bottom:30px; padding:30px; border:solid 1px #9f9f9f; color:#231f20; font-size:14px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .how-it-works-box-feature .large-text{float:left;font-family:sans-serif, Helvetica, Arial;font-size:42px;font-weight:500;color:#c3301c;letter-spacing:-0.08em;line-height:1.3em} .how-it-works-box-feature ul{float:left;width:460px;list-style-image: url('../img/bullet-red-sq-19x10.gif');margin:0 0 0 63px;padding:0} .how-it-works-box-feature ul li{margin:0 0 20px 0;padding:0} .how-it-works-red-header-box{width:100%;font-size:18px;text-align:center;background-color:#c22f1b;color:#fff;padding:15px 0 15px 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .how-to-submit-tip-boxes{width:100%;margin-top:20px;text-align:left;} .how-to-submit-tip-column{float:left;width:219px;margin-right:8px;} .how-to-submit-tip-column img.arrow{margin:0 0 12px 90px} .how-to-submit-tip-column img.arrow-remove{margin:0 0 12px 90px} .how-to-submit-tip-column-last{margin-right:0} .how-to-submit-tip-column-box-red{width:219px;background-color:#c22f1b;height:44px;} .how-to-submit-tip-column-box-red img.icon{position:relative;float:left;z-index:12;margin:-14px 0 0 10px} .how-to-submit-tip-column-box-red p{float:left;margin:12px 0 0 16px;color:#fff} .how-to-submit-tip-column-box-dark-grey{width:219px;min-height:480px;background-color:#444444;color:#fff} .how-to-submit-tip-column-box-dark-grey ul{list-style-type:square;margin:0;padding:0 26px} .how-to-submit-tip-column-box-dark-grey ul li{margin:0 0 12px 0;font-size:12px;padding:0} .how-to-submit-tip-column-box-dark-grey ul li a {color:#d2d2d2;text-decoration:underline} .how-to-submit-tip-column-box-dark-grey ul li a:hover{text-decoration:none} .how-it-works-box-footer{ width:940; margin:0; padding:30px 30px 10px 30px; border:solid 1px #9f9f9f; color:#231f20; font-size:14px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .how-it-works-box-footer ul{width:100%;list-style-image: url('../img/bullet-red-sq-19x10.gif');margin:0 0 0 20px;padding:0} .how-it-works-box-footer ul li{margin:0 0 20px 0;padding:0} .success-stories-container{width:900px;margin-top:30px;} .story-boxes{float:left;width:590px;margin-right:30px} .story-box-feature{ width:528px; margin-bottom:30px; padding:30px; border:solid 1px #9f9f9f; color:#231f20; font-size:14px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .story-box-feature a {color:#7e7e7e;text-decoration:underline} .story-box-feature a:hover{text-decoration:none} .story-box-feature h3{color:#c3301c;margin:0;padding:0} .story-box-feature p{color:#444444;margin:5px 0 0 0;padding:0} .story-box{ width:100%; margin-bottom:30px; padding:0 20px 0 0; color:#231f20; font-size:14px; } .story-box a {color:#7e7e7e;text-decoration:underline} .story-box a:hover{text-decoration:none} .story-box h3{color:#444444;margin:0;padding:0} .story-box p{color:#444444;margin:5px 0 0 0;padding:0} .success-stories-stats{ float:left;width:280px;background-color:#231f20; padding-top:10px; color:#fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .success-stories-stats hr{width:80%;margin:0 auto} .success-stories-stats p{width:auto;margin:15px 0;text-align:center;} .success-stories-stats ul{list-style-image: url('../img/bullet-red-sq-26x14.gif');margin:30px 0 0 34px;padding:0} .success-stories-stats ul li{margin:0 0 30px 0;padding:0} /* ========================================================================== Helper classes ========================================================================== */ /* http://responsiveslides.com v1.32 by @viljamis */ .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .rslides_tabs { width:588px;height:34px;background-color:#010101; margin:6px 0 0 0; text-align:right; border:solid 1px #898989; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; list-style: none; padding: 0; font-size: 18px; padding:0; } .rslides_tabs li { display: inline-block; height:100%; float: none; margin:2px 0 0 0; padding:0; } .rslides_tabs a { width: 30px; height:100%; margin:0; padding:0; text-align:left; font-size:12px; text-decoration:none; background: transparent; display: inline-block; color:#ccc; } .rslides_tabs li:first-child { margin-left: 0; } .rslides_tabs .rslides_here a { /*background: #2d2d2d;*/ color: #fff; font-weight: bold; } /* * jQuery Selectbox plugin 0.2 */ .sbHolder{ background-color: #fff; border: solid 1px #a3a3a3; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; height: 30px; position: relative; width: 240px; } .sbHolder:focus .sbSelector{ } .sbSelector{ display: block; height: 30px; left: 0; line-height: 30px; outline: none; overflow: hidden; position: absolute; text-indent: 10px; top: 0; width: 170px; } .sbSelector:link, .sbSelector:visited, .sbSelector:hover{ color: #202020; outline: none; text-decoration: none; } .sbToggle{ background: url(../img/select-icons.png) 0 -116px no-repeat; display: block; height: 30px; outline: none; position: absolute; right: 0; top: 0; width: 30px; } .sbToggle:hover{ background: url(../img/select-icons.png) 0 -167px no-repeat; } .sbToggleOpen{ background: url(../img/select-icons.png) 0 -16px no-repeat; } .sbToggleOpen:hover{ background: url(../img/select-icons.png) 0 -66px no-repeat; } .sbHolderDisabled{ background-color: #eee; border: solid 1px #515151; } .sbHolderDisabled .sbHolder{ } .sbHolderDisabled .sbToggle{ } .sbOptions{ background-color: #eee; border: solid 1px #515151; list-style: none; left: -1px; margin: 0; padding: 0; position: absolute; top: 30px; width: 200px; z-index: 1; overflow-y: auto; } .sbOptions li{ padding: 0 7px; } .sbOptions a{ border-bottom: dotted 1px #515151; display: block; outline: none; padding: 7px 0 7px 3px; } .sbOptions a:link, .sbOptions a:visited{ color: #202020; text-decoration: none; } .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus{ color: #202020; } .sbOptions li.last a{ border-bottom: none; } .sbOptions .sbDisabled{ border-bottom: dotted 1px #515151; color: #202020; display: block; padding: 7px 0 7px 3px; } .sbOptions .sbGroup{ border-bottom: dotted 1px #515151; color: #202020; display: block; font-weight: bold; padding: 7px 0 7px 3px; } .sbOptions .sbSub{ padding-left: 17px; } /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 100%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } @media only screen and (max-width: 960px) and (min-width: 480px) { /* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; } body { font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Chrome Frame prompt ========================================================================== */ .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ body{background-image:url('../img/background-dots.gif')} a{margin:0;padding:0} h2{margin-top:30px} .container{width:600px;padding:0 30px;margin:0 auto;background-color:#fff;border-left:solid 1px #808080;border-right:solid 1px #808080;border-bottom:solid 1px #808080; position: relative;} .alert{display:none;width:100%;height:100px;background-color:#231f20;border-bottom:solid 1px #7b797a;} .alert-left{ float:left;width:360px;height:26px;margin-top:32px;color:#fff;padding-top:6px;padding-left:30px; background: #231f20; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzMWYyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2E1MjcxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2Q5NjE1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, #231f20 0%, #a52718 33%, #d96151 67%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#231f20), color-stop(33%,#a52718), color-stop(67%,#d96151)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #231f20 0%,#a52718 33%,#d96151 67%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #231f20 0%,#a52718 33%,#d96151 67%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #231f20 0%,#a52718 33%,#d96151 67%); /* IE10+ */ background: linear-gradient(to right, #231f20 0%,#a52718 33%,#d96151 67%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231f20', endColorstr='#d96151',GradientType=1 ); /* IE6-8 */ } .alert-img{float:left;} .alert-right{float:left;padding:16px 0 0 8px;font-size:12px;color:#fff} .alert-right a{color:#fff;text-decoration:underline} .alert-right a:hover,.site-nav a:focus,.site-nav a:active{color:#ccc;text-decoration:none} .site-header{padding-top:30px;} .site-logo{float:left;padding-top:20px;position: absolute; top: 0; cursor:pointer;} .site-header-nav{float:right;margin:0;padding:0;width:600px;text-align:right;} .site-header-facebook{margin-bottom:18px;font-size:12px;color:#7e7e7e;text-align:right} .site-header-facebook a img {display:inline;} .site-header-facebook a{display:inline;} .site-header-nav{padding:0;margin:0 0 10px 0;list-style:none} .site-header-nav a{display:block;padding:0 0 -8px 0;margin:0;font-weight:bold;color:#c22f1b;text-decoration:none} .site-header-nav a:hover,.site-nav a:focus,.site-nav a:active{color:#242021} .site-header-nav-list{padding:0;margin:0;list-style:none; text-align: center;} .site-header-nav-list li{display:inline-block;padding:0;margin:0 0 0 2.6em} .site-header-nav-list li:first-child{margin-left:0} a.facebook{color:#7e7e7e;text-decoration:none;font-weight:normal} a.facebook:hover,a.facebook:focus,a.facebook:active{color:#c22f1b} .cf:before,.cf:after{content:" ";display:table} .cf:after{clear:both} .red-bar{width:100%;height:9px;background-color:#c22f1b} .home-features{width:100%;margin-top:30px} .features{float:left;width:590px;height:326px;margin-right:30px} .features-nav{ width:588px;height:34px;background-color:#010101; margin-top:6px; text-align:right; border:solid 1px #898989; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; } .features-nav a{display:inline-block;padding:0;margin:6px 6px 0 0;font-weight:bold;color:#353535;text-decoration:none} .features-nav a:hover,.site-nav a:focus,.site-nav a:active{color:#eee} .submit-tip{ float:left;width:278px;height:326px; border:solid 1px #9f9f9f; color:#fff; font-size:14px; background: #db6a5a; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiNmE1YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NjFkMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #db6a5a 0%, #761d0f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db6a5a), color-stop(100%,#761d0f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #db6a5a 0%,#761d0f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #db6a5a 0%,#761d0f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #db6a5a 0%,#761d0f 100%); /* IE10+ */ background: linear-gradient(to bottom, #db6a5a 0%,#761d0f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db6a5a', endColorstr='#761d0f',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ margin-top: 10px; } .submit-tip .banner {width:226px;height:32px;margin-top:24px;padding:8px 26px 0 26px;background-color:#a92614;font-weight:bold;font-size:22px;text-align:left;} .submit-tip .boldcontent {width:226px;margin-top:12px;padding:0 26px 0 26px;font-weight:bold;font-size:18px} .submit-tip .content {width:226px;margin-top:12px;padding:0 26px 0 26px;font-weight:normal;font-size:14px} .submit-tip .button { cursor: hand; cursor: pointer; width:225px;height:43px; padding:0; margin:12px 26px 0 26px; font-weight:bold;color:#af2a17; text-align:center;vertical-align:top; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmNiY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #cbcbcb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cbcbcb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#cbcbcb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#cbcbcb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#cbcbcb 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#cbcbcb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cbcbcb',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .home-boxes{width:100%; margin-top:30px;} .info-box{float:left;width:433px; padding-bottom: 10px; margin-right:30px} .anonymous-box{ padding:11px 25px 11px 25px; width:265px; height:auto; border:solid 1px #cccccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ position: absolute; right:40px; margin-bottom: 30px; margin-top: -355px; height: 322px; padding-left: 10px; } .anonymous-box ul{ padding: 40px; } .anonymous-box li{list-style-image:url('../img/ul-li-red-double-arrow.gif');font-size:12px;color:#444444} .anonymous-box a{font-weight:normal;color:#7d7d7d;text-decoration:underline} .anonymous-box a:hover,.site-nav a:focus,.site-nav a:active{color:#444444;text-decoration:none} .anonymous-box-test{ padding:0 0 0 25px; width:408px;height:179px;border:solid 1px #cccccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .anonymous-box-test-title {margin-top:12px;font-weight:bold;color:#444444;} .anonymous-box-test ul {margin-top:10px;margin-bottom:4px;} .anonymous-box-test li{list-style-image:url('../img/ul-li-red-double-arrow.gif');font-size:14px;color:#444444} .anonymous-box-test a{font-weight:normal;color:#7d7d7d;text-decoration:underline} .anonymous-box-test a:hover,.site-nav a:focus,.site-nav a:active{color:#444444;text-decoration:none} .anonymous-box-test-link {margin-top:6px;width:380px;text-align:right;} .police-foundation-box{ margin:25px 0 0 0; padding:25px 30px 15px 17px; width:378px;height:85px;border:solid 1px #cccccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ margin: 0; width: 540px; } .police-foundation-box a{font-weight:normal;color:#7d7d7d;text-decoration:underline} .police-foundation-box a:hover,.site-nav a:focus,.site-nav a:active{color:#444444;text-decoration:none} .video-box{ position: relative; float:left; padding:0; width:433px;height:330px; border:solid 1px #cccccc; background: #353535; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzUzNTM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjMDEwMTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(-45deg, #353535 0%, #010101 60%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#353535), color-stop(60%,#010101)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #353535 0%,#010101 60%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #353535 0%,#010101 60%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #353535 0%,#010101 60%); /* IE10+ */ background: linear-gradient(135deg, #353535 0%,#010101 60%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#010101',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .video-box .banner{ width:97%;height:24px; margin:7px auto 0 auto; padding:2px 0 2px 0; background-color:#fff;border:none; font-size:18px;font-weight:bold;color:#c22f1b;text-align:center;text-transform:uppercase; /*position: absolute; top: 10px; left: 10px; z-index: 9999;*/ } .video-box .video{ margin:0 auto 0 auto; padding:0; width:420px; height:100%; /*position: absolute; top: 20px; left: 37px;*/ } .site-footer{width:860;height:auto;padding:20px;background-color:#010101;font-size:12px;color:#fff} .site-footer-logo{float:left;margin-top:3px} .site-footer-nav{float:right} .site-footer-nav-list{padding:0;margin:0;list-style:none} .site-footer-nav-list li{display:inline-block;padding:0;margin:0 0 0 10px} .site-footer-nav a{font-weight:normal;color:#fff;text-decoration:none} .site-footer-nav a:hover,.site-nav a:focus,.site-nav a:active{color:#c22f1b} .borough-label{margin-top:6px;width:100%;font-weight:bold;text-align:center} .wanted-video-boxes{width:100%; margin-top:30px;text-align:center;} .wanted-video-box{position: relative;float:none;width:580px;margin:0 auto;} .wanted-video-left-margin{margin:0 auto;} .wanted-video{ position: relative; padding:0; width:580px;height:350px;border:solid 1px #cccccc; background: #353535; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzUzNTM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjMDEwMTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(-45deg, #353535 0%, #010101 60%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#353535), color-stop(60%,#010101)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #353535 0%,#010101 60%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #353535 0%,#010101 60%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #353535 0%,#010101 60%); /* IE10+ */ background: linear-gradient(135deg, #353535 0%,#010101 60%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#010101',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .wanted-video .banner{width:565px;height:14px;padding-top:0;background-color:#fff;border:solid 1px #aaa;font-size:10px;font-weight:bold;color:#c22f1b;text-align:center; position: absolute; top: 10px; left: 6px; } .wanted-video .video{ position: absolute; top: 30px; left: 6px; } .wanted-video .video iframe, .wanted-video .video object, .wanted-video .video embed { width: 560px; height: 315px; } .wanted-box{width:100%;margin-top:30px;} .wanted-box-no-left-margin{margin-left:0} .wanted{ position:relative; float:none;width:238px;height:300px; margin:30px auto; padding:0 20px 0 20px; border:solid 1px #9f9f9f; color:#231f20; font-size:14px; background: #f7f7f7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f7f7f7 0%, #e2e2e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f7f7 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f7f7 0%,#e2e2e2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7f7f7 0%,#e2e2e2 100%); /* IE10+ */ background: linear-gradient(to bottom, #f7f7f7 0%,#e2e2e2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .wanted .crime {width:100%;font-size:11px;font-weight:bold;background-color:#e2e2e2;text-align:center;text-transform:uppercase} .wanted .banner {width:100%;height:36px;margin:0 0 10px 0;padding:10px 0 0 0;font-weight:bold;font-size:20px;border-bottom:1px solid #9e9e9e;text-align:center;text-transform:uppercase} .wanted .banner-small {width:100%;height:36px;margin:0 0 10px 0;padding:10px 0 0 0;font-weight:bold;font-size:12px;border-bottom:1px solid #9e9e9e;text-align:center;text-transform:uppercase} .wanted .profile {/*width:86px;*/width:100%;color:#c22f1b;font-size:12px;font-weight:bold;text-align:center;margin-bottom:3px;line-height:1.8em;} .wanted .profile span {font-size:26px;font-weight:bold;text-transform:uppercase;} .wanted .profile img {cursor:hand;cursor:pointer;width:120px;height:120px;margin-bottom:4px;border:3px solid #000;} .wanted .profile img.perp {border:3px solid #c22f1b;} .wanted .profile img:focus, .wanted .profile img:hover {border:3px solid #666} .wanted .profile img.perp:focus, .wanted .profile img.perp:hover {border:3px solid #CC6759} .wanted .content {float:left;width:120px;;margin:0 0 0 8px;font-weight:normal;font-size:14px} .wanted .button-top-label {width:240px;height:38px;position:absolute;top:248px;left:18px;text-align:center;font-weight:bold} .wanted .button { cursor: hand; cursor: pointer; width:120px;height:20px; padding:0; /*margin:20px 0 0 0;*/ position:absolute; top:270px;left:80px; font-weight:normal;color:#fdfdfb; text-align:center;vertical-align:middle; border:1px solid #989898; background: #d8604f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4NjA0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMzMwMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d8604f 0%, #c3301c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8604f), color-stop(100%,#c3301c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* IE10+ */ background: linear-gradient(to bottom, #d8604f 0%,#c3301c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8604f', endColorstr='#c3301c',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* future proofing */ -khtml-border-radius: 4px; /* for old Konqueror browsers */ } .wanted .button .label{float:left;margin-left:16px;height:20px;padding-top:0;font-size:14px;font-weight:bold;} .wanted .button .arrow{float:left;height:20px;font-size:22px;margin-top:-7px;} .search-button-box{width:100%;margin-top:30px;text-align:center;} .search-red-line-box {float:none;margin-top:5px} hr.search-red-line { color: #a3a3a3; background: #a3a3a3; width:100%; height: 1px; } .search-button { cursor: hand; cursor: pointer; float:none; width:344px;height:42px; padding:0; margin:0 auto; font-weight:normal;color:#fdfdfb; text-align:center;vertical-align:middle; border:1px solid #989898; background: #d8604f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4NjA0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMzMwMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d8604f 0%, #c3301c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8604f), color-stop(100%,#c3301c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* IE10+ */ background: linear-gradient(to bottom, #d8604f 0%,#c3301c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8604f', endColorstr='#c3301c',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .search-button .label{float:left;margin-left:20px;height:24px;padding-top:10px;font-size:16px;} .search-button .arrow{float:left;height:34px;font-size:26px;} .red-line-box {width:100%;margin-top:30px} hr.red-line { color: #a3a3a3; background: #a3a3a3; width: 100%; height: 1px; } .wanted-search-box {width:100%;margin-top:30px;color:#202020} .wanted-search-col {float:left;width:280px;} .map-search-button { cursor: hand; cursor: pointer; margin-top:20px; width:240px;height:55px; border:solid 1px #9f9f9f; color:#fff; background: #353535; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzUzNTM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjMDEwMTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #353535 0%, #010101 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#353535), color-stop(100%,#010101)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #353535 0%,#010101 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #353535 0%,#010101 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #353535 0%,#010101 100%); /* IE10+ */ background: linear-gradient(to bottom, #353535 0%,#010101 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#010101',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .map-search-button .label{float:left;margin-left:10px;height:24px;padding-top:6px;font-size:16px;} .map-search-button .arrow{float:left;height:34px;font-size:48px;margin-left:20px;margin-top:-10px} input[type="checkbox"] { border: none; margin:0 10px 0 5px; box-sizing: border-box; /* 1 */ padding: 7px; /* 2 */ *height: 7px; /* 3 */ *width: 7px; /* 3 */ } input {border:1px solid #aaa} .wanted-search-select { width: 240px; height: 34px; overflow: hidden; background: url('../img/input-select-arrow.gif') no-repeat right #fff; } .wanted-detail-box{margin-top:30px} .wanted-detail-img{float:left} .wanted-detail-img img{width:270px;border:solid 4px #c3301c} .wanted-detail-description{float:left;width:500px;margin-left:24px;font-size:12px} .wanted-detail-description .button { cursor: hand; cursor: pointer; width:240px;height:38px; padding:0; /*margin:20px 0 0 0;*/ font-weight:normal;color:#fdfdfb; text-align:center;vertical-align:middle; border:1px solid #989898; background: #d8604f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4NjA0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMzMwMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d8604f 0%, #c3301c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8604f), color-stop(100%,#c3301c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* IE10+ */ background: linear-gradient(to bottom, #d8604f 0%,#c3301c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8604f', endColorstr='#c3301c',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .wanted-detail-description .button .label{float:left;margin-left:70px;height:24px;padding-top:7px;font-size:16px;} .wanted-detail-description .button .arrow{float:left;height:34px;font-size:26px;padding-top:5px;} .mapCanvas {width:500px;height:200px;margin-top:0} .crime-dates-box {width:100%;margin-top:20px;font-size:12px;} .crime-date {float:left;margin:0 5px 0 0} .how-it-works-container{width:100%} .how-it-works-box-feature{ width:940; margin-bottom:30px; padding:30px; border:solid 1px #9f9f9f; color:#231f20; font-size:14px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .how-it-works-box-feature .large-text{float:left;font-family:sans-serif, Helvetica, Arial;font-size:42px;font-weight:500;color:#c3301c;letter-spacing:-0.08em;line-height:1.3em} .how-it-works-box-feature ul{float:left;width:460px;list-style-image: url('../img/bullet-red-sq-19x10.gif');margin:0 0 0 63px;padding:0} .how-it-works-box-feature ul li{margin:0 0 20px 0;padding:0} .how-it-works-red-header-box{width:100%;font-size:18px;text-align:center;background-color:#c22f1b;color:#fff;padding:15px 0 15px 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .how-to-submit-tip-boxes{width:100%;margin-top:20px;text-align:center;} .how-to-submit-tip-column{float:none;width:219px;margin: 0 auto;} .how-to-submit-tip-column img.arrow{margin: 10px auto;} .how-to-submit-tip-column img.arrow-remove{display:none;} .how-to-submit-tip-column-last{margin: 0 auto;} .how-to-submit-tip-column-box-red{width:219px;background-color:#c22f1b;height:44px;} .how-to-submit-tip-column-box-red img.icon{position:relative;float:left;z-index:12;margin:-14px 0 0 10px} .how-to-submit-tip-column-box-red p{float:left;margin:12px 0 0 16px;color:#fff} .how-to-submit-tip-column-box-dark-grey{width:219px;min-height:440px;background-color:#444444;color:#fff} .how-to-submit-tip-column-box-dark-grey ul{list-style-type:square;margin:0;padding:0 26px} .how-to-submit-tip-column-box-dark-grey ul li{margin:0 0 12px 0;font-size:12px;padding:0} .how-to-submit-tip-column-box-dark-grey ul li a {color:#d2d2d2;text-decoration:underline} .how-to-submit-tip-column-box-dark-grey ul li a:hover{text-decoration:none} .how-it-works-box-footer{ width:940; margin:0; padding:30px 30px 10px 30px; border:solid 1px #9f9f9f; color:#231f20; font-size:14px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .how-it-works-box-footer ul{width:100%;list-style-image: url('../img/bullet-red-sq-19x10.gif');margin:0 0 0 20px;padding:0} .how-it-works-box-footer ul li{margin:0 0 20px 0;padding:0} .success-stories-container{width:590px;margin-top:30px;} .story-boxes{float:none;width:590px;margin-right:30px} .story-box-feature{ width:528px; margin-bottom:30px; padding:30px; border:solid 1px #9f9f9f; color:#231f20; font-size:14px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .story-box-feature a {color:#7e7e7e;text-decoration:underline} .story-box-feature a:hover{text-decoration:none} .story-box-feature h3{color:#c3301c;margin:0;padding:0} .story-box-feature p{color:#444444;margin:5px 0 0 0;padding:0} .story-box{ width:100%; margin-bottom:30px; padding:0 20px 0 0; color:#231f20; font-size:14px; } .story-box a {color:#7e7e7e;text-decoration:underline} .story-box a:hover{text-decoration:none} .story-box h3{color:#444444;margin:0;padding:0} .story-box p{color:#444444;margin:5px 0 0 0;padding:0} .success-stories-stats{ float:none;width:590px;background-color:#231f20; padding-top:10px; color:#fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .success-stories-stats hr{width:80%;margin:0 auto} .success-stories-stats p{width:auto;margin:15px 0;text-align:center;} .success-stories-stats ul{list-style-image: url('../img/bullet-red-sq-26x14.gif');margin:30px 0 0 34px;padding:0} .success-stories-stats ul li{margin:0 0 30px 0;padding:0} /* ========================================================================== Helper classes ========================================================================== */ /* http://responsiveslides.com v1.32 by @viljamis */ .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .rslides_tabs { width:588px;height:34px;background-color:#010101; margin:6px 0 0 0; text-align:right; border:solid 1px #898989; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; list-style: none; padding: 0; font-size: 18px; } .rslides_tabs li { display: inline-block; height:100%; float: none; margin:2px 0 0 0; padding:0; } .rslides_tabs a { width: 30px; height:100%; margin:0; padding:0; text-align:left; font-size:12px; text-decoration:none; background: transparent; display: inline-block; color:#ccc; } .rslides_tabs li:first-child { margin-left: 0; } .rslides_tabs .rslides_here a { /*background: #2d2d2d;*/ color: #fff; font-weight: bold; } /* * jQuery Selectbox plugin 0.2 */ .sbHolder{ background-color: #fff; border: solid 1px #a3a3a3; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; height: 30px; position: relative; width: 240px; } .sbHolder:focus .sbSelector{ } .sbSelector{ display: block; height: 30px; left: 0; line-height: 30px; outline: none; overflow: hidden; position: absolute; text-indent: 10px; top: 0; width: 170px; } .sbSelector:link, .sbSelector:visited, .sbSelector:hover{ color: #202020; outline: none; text-decoration: none; } .sbToggle{ background: url(../img/select-icons.png) 0 -116px no-repeat; display: block; height: 30px; outline: none; position: absolute; right: 0; top: 0; width: 30px; } .sbToggle:hover{ background: url(../img/select-icons.png) 0 -167px no-repeat; } .sbToggleOpen{ background: url(../img/select-icons.png) 0 -16px no-repeat; } .sbToggleOpen:hover{ background: url(../img/select-icons.png) 0 -66px no-repeat; } .sbHolderDisabled{ background-color: #eee; border: solid 1px #515151; } .sbHolderDisabled .sbHolder{ } .sbHolderDisabled .sbToggle{ } .sbOptions{ background-color: #eee; border: solid 1px #515151; list-style: none; left: -1px; margin: 0; padding: 0; position: absolute; top: 30px; width: 200px; z-index: 1; overflow-y: auto; } .sbOptions li{ padding: 0 7px; } .sbOptions a{ border-bottom: dotted 1px #515151; display: block; outline: none; padding: 7px 0 7px 3px; } .sbOptions a:link, .sbOptions a:visited{ color: #202020; text-decoration: none; } .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus{ color: #202020; } .sbOptions li.last a{ border-bottom: none; } .sbOptions .sbDisabled{ border-bottom: dotted 1px #515151; color: #202020; display: block; padding: 7px 0 7px 3px; } .sbOptions .sbGroup{ border-bottom: dotted 1px #515151; color: #202020; display: block; font-weight: bold; padding: 7px 0 7px 3px; } .sbOptions .sbSub{ padding-left: 17px; } /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 100%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } } @media only screen and (max-width: 480px) { /* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; } body { font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Chrome Frame prompt ========================================================================== */ .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ body{background-image:url('../img/background-dots.gif')} a{margin:0;padding:0} h2{margin-top:30px} .container{width:420px;padding:0 5px;margin:0 auto;background-color:#fff;border-left:solid 1px #808080;border-right:solid 1px #808080;border-bottom:solid 1px #808080; position: relative;} .alert{display:none;width:100%;height:100px;background-color:#231f20;border-bottom:solid 1px #7b797a;} .alert-left{ float:left;width:360px;height:26px;margin-top:32px;color:#fff;padding-top:6px;padding-left:30px; background: #231f20; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzMWYyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2E1MjcxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2Q5NjE1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, #231f20 0%, #a52718 33%, #d96151 67%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#231f20), color-stop(33%,#a52718), color-stop(67%,#d96151)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #231f20 0%,#a52718 33%,#d96151 67%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #231f20 0%,#a52718 33%,#d96151 67%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #231f20 0%,#a52718 33%,#d96151 67%); /* IE10+ */ background: linear-gradient(to right, #231f20 0%,#a52718 33%,#d96151 67%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231f20', endColorstr='#d96151',GradientType=1 ); /* IE6-8 */ } .alert-img{float:left;} .alert-right{float:left;padding:16px 0 0 8px;font-size:12px;color:#fff} .alert-right a{color:#fff;text-decoration:underline} .alert-right a:hover,.site-nav a:focus,.site-nav a:active{color:#ccc;text-decoration:none} .site-header{padding-top:5px;} .site-logo{padding-top:20px;cursor:hand;cursor:pointer; } .site-header-nav{margin:0;padding:0;width:400px;text-align:center;} .site-header-facebook{margin-bottom:18px;font-size:12px;color:#7e7e7e;text-align:right; position: absolute; right: 10px; top: 25px;} .site-header-facebook a img {display:inline;} .site-header-facebook a{display:inline;} .site-header-nav{padding:0;margin:0 0 23px 0;list-style:none; font-size: 14px; margin-top: 20px;} .site-header-nav a{display:block;padding:0 0 -8px 0;margin:0;font-weight:bold;color:#c22f1b;text-decoration:none} .site-header-nav a:hover,.site-nav a:focus,.site-nav a:active{color:#242021} .site-header-nav-list{padding:0;margin:0;list-style:none} .site-header-nav-list li{display:inline-block;padding:0;margin:0 0 0 0.6em} .site-header-nav-list li:first-child{margin-left:0} a.facebook{color:#7e7e7e;text-decoration:none;font-weight:normal} a.facebook:hover,a.facebook:focus,a.facebook:active{color:#c22f1b} .cf:before,.cf:after{content:" ";display:table} .cf:after{clear:both} .red-bar{width:100%;height:9px;background-color:#c22f1b} .home-features{width:100%;margin-top:30px} .features{float:left;width:590px;height:326px;margin-right:30px; display: none;} .features-nav{ width:588px;height:34px;background-color:#010101; margin-top:6px; text-align:right; border:solid 1px #898989; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; } .features-nav a{display:inline-block;padding:0;margin:6px 6px 0 0;font-weight:bold;color:#353535;text-decoration:none} .features-nav a:hover,.site-nav a:focus,.site-nav a:active{color:#eee} .submit-tip{ float:left;width:278px;height:326px; border:solid 1px #9f9f9f; color:#fff; font-size:14px; background: #db6a5a; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiNmE1YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NjFkMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #db6a5a 0%, #761d0f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db6a5a), color-stop(100%,#761d0f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #db6a5a 0%,#761d0f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #db6a5a 0%,#761d0f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #db6a5a 0%,#761d0f 100%); /* IE10+ */ background: linear-gradient(to bottom, #db6a5a 0%,#761d0f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db6a5a', endColorstr='#761d0f',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ width: 418px; } .tip-form-column { width: 350px !important; } .submit-tip .banner {width:100%;height:32px;margin-top:24px;padding:8px 0 0 0;text-align:center;background-color:#a92614;font-weight:bold;font-size:22px} .submit-tip .boldcontent {width:100%;margin-top:12px;padding:0;font-weight:bold;font-size:18px;text-align:center} .submit-tip .content {width:100%;margin-top:12px;padding:0;font-weight:normal;font-size:14px;text-align:center} .submit-tip .button { cursor: hand; cursor: pointer; width:225px;height:43px; padding:0; margin:12px auto; font-weight:bold;color:#af2a17; text-align:center;vertical-align:top; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmNiY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #cbcbcb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cbcbcb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#cbcbcb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#cbcbcb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#cbcbcb 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#cbcbcb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cbcbcb',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .home-boxes{width:100%; margin-top:30px;} .info-box{float:left;width:433px;height:auto;margin-right:30px} .anonymous-box{ padding:11px 25px 11px 25px; width:367px;height:auto;border:solid 1px #cccccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .anonymous-box li{list-style-image:url('../img/ul-li-red-double-arrow.gif');font-size:12px;color:#444444} .anonymous-box a{font-weight:normal;color:#7d7d7d;text-decoration:underline} .anonymous-box a:hover,.site-nav a:focus,.site-nav a:active{color:#444444;text-decoration:none} .anonymous-box-test{ padding:0 0 0 25px; width:408px;height:179px;border:solid 1px #cccccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .anonymous-box-test-title {margin-top:12px;font-weight:bold;color:#444444;} .anonymous-box-test ul {margin-top:10px;margin-bottom:4px;} .anonymous-box-test li{list-style-image:url('../img/ul-li-red-double-arrow.gif');font-size:14px;color:#444444;} .anonymous-box-test a{font-weight:normal;color:#7d7d7d;text-decoration:underline} .anonymous-box-test a:hover,.site-nav a:focus,.site-nav a:active{color:#444444;text-decoration:none} .anonymous-box-test-link {margin-top:6px;width:380px;text-align:right;} .police-foundation-box{ margin:25px 0 0 0; padding:25px 30px 15px 17px; width:372px;height:85px;border:solid 1px #cccccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .police-foundation-box a{font-weight:normal;color:#7d7d7d;text-decoration:underline} .police-foundation-box a:hover,.site-nav a:focus,.site-nav a:active{color:#444444;text-decoration:none} .video-box{ position: relative; float:left; padding:0; width:420px;height:330px; border:solid 1px #cccccc; background: #353535; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzUzNTM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjMDEwMTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(-45deg, #353535 0%, #010101 60%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#353535), color-stop(60%,#010101)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #353535 0%,#010101 60%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #353535 0%,#010101 60%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #353535 0%,#010101 60%); /* IE10+ */ background: linear-gradient(135deg, #353535 0%,#010101 60%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#010101',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ margin-top: 30px; } .video-box .banner{ width:97%;height:24px; margin:7px auto 0 auto; padding:2px 0 2px 0; background-color:#fff;border:none; font-size:18px;font-weight:bold;color:#c22f1b;text-align:center;text-transform:uppercase; /*position: absolute; top: 10px; left: 10px; z-index: 9999;*/ } .video-box .video{ margin:0 auto 0 auto; padding:0; width:420px; height:100%; /*position: absolute; top: 20px; left: 37px;*/ } .site-footer{width:860;height:auto;padding:20px;background-color:#010101;font-size:12px;color:#fff} .site-footer-logo{float:left;margin-top:3px} .site-footer-nav{float:right} .site-footer-nav-list{padding:0;margin:0;list-style:none} .site-footer-nav-list li{display:inline-block;padding:0;margin:0 0 0 10px} .site-footer-nav a{font-weight:normal;color:#fff;text-decoration:none} .site-footer-nav a:hover,.site-nav a:focus,.site-nav a:active{color:#c22f1b} .borough-label{margin-top:6px;width:100%;font-weight:bold;text-align:center} .wanted-video-boxes{width:100%; margin-top:30px} .wanted-video-box{position: relative;float:none;width:380px;margin:0 auto;} .wanted-video-left-margin{margin:0 auto;} .wanted-video{ position: relative; padding:0; width:380px;height:250px;border:solid 1px #cccccc; background: #353535; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzUzNTM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjMDEwMTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(-45deg, #353535 0%, #010101 60%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#353535), color-stop(60%,#010101)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #353535 0%,#010101 60%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #353535 0%,#010101 60%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #353535 0%,#010101 60%); /* IE10+ */ background: linear-gradient(135deg, #353535 0%,#010101 60%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#010101',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .wanted-video .banner{width:365px;height:14px;padding-top:0;background-color:#fff;border:solid 1px #aaa;font-size:10px;font-weight:bold;color:#c22f1b;text-align:center; position: absolute; top: 10px; left: 6px; } .wanted-video .video{ position: absolute; top: 30px; left: 6px; } .wanted-video .video iframe, .wanted-video .video object, .wanted-video .video embed { width: 368px; height: 207px; } .wanted-box{width:100%;margin-top:30px;} .wanted-box-no-left-margin{margin-left:0} .wanted{ position:relative; float:none;width:238px;height:300px; margin:30px auto; padding:0 20px 0 20px; border:solid 1px #9f9f9f; color:#231f20; font-size:14px; background: #f7f7f7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f7f7f7 0%, #e2e2e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f7f7 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f7f7 0%,#e2e2e2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7f7f7 0%,#e2e2e2 100%); /* IE10+ */ background: linear-gradient(to bottom, #f7f7f7 0%,#e2e2e2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .wanted .crime {width:100%;font-size:11px;font-weight:bold;background-color:#e2e2e2;text-align:center;text-transform:uppercase} .wanted .banner {width:100%;height:36px;margin:0 0 10px 0;padding:10px 0 0 0;font-weight:bold;font-size:20px;border-bottom:1px solid #9e9e9e;text-align:center;text-transform:uppercase} .wanted .banner-small {width:100%;height:36px;margin:0 0 10px 0;padding:10px 0 0 0;font-weight:bold;font-size:12px;border-bottom:1px solid #9e9e9e;text-align:center;text-transform:uppercase} .wanted .profile {/*width:86px;*/width:100%;color:#c22f1b;font-size:12px;font-weight:bold;text-align:center;margin-bottom:3px;line-height:1.8em;} .wanted .profile span {font-size:26px;font-weight:bold;text-transform:uppercase;} .wanted .profile img {cursor:hand;cursor:pointer;width:120px;height:120px;margin-bottom:4px;border:3px solid #000;} .wanted .profile img.perp {border:3px solid #c22f1b;} .wanted .profile img:focus, .wanted .profile img:hover {border:3px solid #666} .wanted .profile img.perp:focus, .wanted .profile img.perp:hover {border:3px solid #CC6759} .wanted .content {float:left;width:120px;;margin:0 0 0 8px;font-weight:normal;font-size:14px} .wanted .button-top-label {width:240px;height:38px;position:absolute;top:248px;left:18px;text-align:center;font-weight:bold} .wanted .button { cursor: hand; cursor: pointer; width:120px;height:20px; padding:0; /*margin:20px 0 0 0;*/ position:absolute; top:270px;left:80px; font-weight:normal;color:#fdfdfb; text-align:center;vertical-align:middle; border:1px solid #989898; background: #d8604f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4NjA0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMzMwMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d8604f 0%, #c3301c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8604f), color-stop(100%,#c3301c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* IE10+ */ background: linear-gradient(to bottom, #d8604f 0%,#c3301c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8604f', endColorstr='#c3301c',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* future proofing */ -khtml-border-radius: 4px; /* for old Konqueror browsers */ } .wanted .button .label{float:left;margin-left:16px;height:20px;padding-top:0;font-size:14px;font-weight:bold;} .wanted .button .arrow{float:left;height:20px;font-size:22px;margin-top:-7px;} .search-button-box{width:100%;margin-top:30px;text-align:center;} .search-red-line-box {float:none;margin-top:5px} hr.search-red-line { color: #a3a3a3; background: #a3a3a3; width:100%; height: 1px; } .search-button { cursor: hand; cursor: pointer; float:none; width:344px;height:42px; padding:0; margin:0 25px 0 25px; font-weight:normal;color:#fdfdfb; text-align:center;vertical-align:middle; border:1px solid #989898; background: #d8604f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4NjA0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMzMwMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d8604f 0%, #c3301c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8604f), color-stop(100%,#c3301c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* IE10+ */ background: linear-gradient(to bottom, #d8604f 0%,#c3301c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8604f', endColorstr='#c3301c',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .search-button .label{float:left;margin-left:20px;height:24px;padding-top:10px;font-size:16px;} .search-button .arrow{float:left;height:34px;font-size:26px;} .red-line-box {width:100%;margin-top:30px} hr.red-line { color: #a3a3a3; background: #a3a3a3; width: 100%; height: 1px; } .wanted-search-box {width:100%;margin-top:30px;color:#202020} .wanted-search-col {float:left;width:280px;} .map-search-button { cursor: hand; cursor: pointer; margin-top:20px; width:240px;height:55px; border:solid 1px #9f9f9f; color:#fff; background: #353535; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzUzNTM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjMDEwMTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #353535 0%, #010101 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#353535), color-stop(100%,#010101)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #353535 0%,#010101 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #353535 0%,#010101 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #353535 0%,#010101 100%); /* IE10+ */ background: linear-gradient(to bottom, #353535 0%,#010101 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#010101',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .map-search-button .label{float:left;margin-left:10px;height:24px;padding-top:6px;font-size:16px;} .map-search-button .arrow{float:left;height:34px;font-size:48px;margin-left:20px;margin-top:-10px} input[type="checkbox"] { border: none; margin:0 10px 0 5px; box-sizing: border-box; /* 1 */ padding: 7px; /* 2 */ *height: 7px; /* 3 */ *width: 7px; /* 3 */ } input {border:1px solid #aaa} .wanted-search-select { width: 240px; height: 34px; overflow: hidden; background: url('../img/input-select-arrow.gif') no-repeat right #fff; } .wanted-detail-box{margin-top:30px} .wanted-detail-img{float:left} .wanted-detail-img img{width:270px;border:solid 4px #c3301c} .wanted-detail-description{float:left;width:300px;margin-left:24px;font-size:12px} .wanted-detail-description .button { cursor: hand; cursor: pointer; width:240px;height:38px; padding:0; /*margin:20px 0 0 0;*/ font-weight:normal;color:#fdfdfb; text-align:center;vertical-align:middle; border:1px solid #989898; background: #d8604f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4NjA0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMzMwMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d8604f 0%, #c3301c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8604f), color-stop(100%,#c3301c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d8604f 0%,#c3301c 100%); /* IE10+ */ background: linear-gradient(to bottom, #d8604f 0%,#c3301c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8604f', endColorstr='#c3301c',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .wanted-detail-description .button .label{float:left;margin-left:70px;height:24px;padding-top:7px;font-size:16px;} .wanted-detail-description .button .arrow{float:left;height:34px;font-size:26px;padding-top:5px;} .mapCanvas {width:300px;height:200px;margin-top:0} .crime-dates-box {width:100%;margin-top:20px;font-size:12px;} .crime-date {float:left;margin:0 5px 0 0} .how-it-works-container{width:100%} .how-it-works-box-feature{ width:940; margin-bottom:30px; padding:30px; border:solid 1px #9f9f9f; color:#231f20; font-size:14px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .how-it-works-box-feature .large-text{float:left;font-family:sans-serif, Helvetica, Arial;font-size:42px;font-weight:500;color:#c3301c;letter-spacing:-0.08em;line-height:1.3em} .how-it-works-box-feature ul{float:left;width:300px;list-style-image: url('../img/bullet-red-sq-19x10.gif');margin:0 0 0 63px;padding:0} .how-it-works-box-feature ul li{margin:0 0 20px 0;padding:0} .how-it-works-red-header-box{width:100%;font-size:18px;text-align:center;background-color:#c22f1b;color:#fff;padding:15px 0 15px 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .how-to-submit-tip-boxes{width:100%;margin-top:20px;text-align:center;} .how-to-submit-tip-column{float:none;width:219px;margin: 0 auto;} .how-to-submit-tip-column img.arrow{margin: 10px auto;} .how-to-submit-tip-column img.arrow-remove{display:none;} .how-to-submit-tip-column-last{margin: 0 auto;} .how-to-submit-tip-column-box-red{width:219px;background-color:#c22f1b;height:44px;} .how-to-submit-tip-column-box-red img.icon{position:relative;float:left;z-index:12;margin:-14px 0 0 10px} .how-to-submit-tip-column-box-red p{float:left;margin:12px 0 0 16px;color:#fff} .how-to-submit-tip-column-box-dark-grey{width:219px;min-height:440px;background-color:#444444;color:#fff} .how-to-submit-tip-column-box-dark-grey ul{list-style-type:square;margin:0;padding:0 26px} .how-to-submit-tip-column-box-dark-grey ul li{margin:0 0 12px 0;font-size:12px;padding:0} .how-to-submit-tip-column-box-dark-grey ul li a {color:#d2d2d2;text-decoration:underline} .how-to-submit-tip-column-box-dark-grey ul li a:hover{text-decoration:none} .registration { width: 400px !important; } .how-it-works-box-footer{ width:940; margin:0; padding:30px 30px 10px 30px; border:solid 1px #9f9f9f; color:#231f20; font-size:14px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .how-it-works-box-footer ul{width:100%;list-style-image: url('../img/bullet-red-sq-19x10.gif');margin:0 0 0 20px;padding:0} .how-it-works-box-footer ul li{margin:0 0 20px 0;padding:0} .success-stories-container{margin-top:30px;} .story-boxes{float:none;width:400px;margin-right:30px;} .story-box-feature{ width:400px; margin-bottom:30px; padding:10px; border:solid 1px #9f9f9f; color:#231f20; font-size:14px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .story-box-feature a {color:#7e7e7e;text-decoration:underline} .story-box-feature a:hover{text-decoration:none} .story-box-feature h3{width:400px;color:#c3301c;margin:0;padding:0} .story-box-feature p{color:#444444;margin:5px 0 0 0;padding:0} .story-box{ width:100%; margin-bottom:30px; padding:0 10px 0 0; color:#231f20; font-size:14px; } .story-box a {color:#7e7e7e;text-decoration:underline} .story-box a:hover{text-decoration:none} .story-box h3{width:400px;color:#444444;margin:0;padding:0} .story-box p{color:#444444;margin:5px 0 0 0;padding:0} .success-stories-stats{ float:none;width:418px;background-color:#231f20; padding-top:10px; color:#fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .success-stories-stats hr{width:80%;margin:0 auto} .success-stories-stats p{width:auto;margin:15px 0;text-align:center;} .success-stories-stats ul{list-style-image: url('../img/bullet-red-sq-26x14.gif');margin:30px 0 0 34px;padding:0} .success-stories-stats ul li{margin:0 0 30px 0;padding:0} /* ========================================================================== Helper classes ========================================================================== */ /* http://responsiveslides.com v1.32 by @viljamis */ .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .rslides_tabs { width:588px;height:34px;background-color:#010101; margin:6px 0 0 0; text-align:right; border:solid 1px #898989; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; list-style: none; padding: 0; font-size: 18px; } .rslides_tabs li { display: inline-block; height:100%; float: none; margin:2px 0 0 0; padding:0; } .rslides_tabs a { width: 30px; height:100%; margin:0; padding:0; text-align:left; font-size:12px; text-decoration:none; background: transparent; display: inline-block; color:#ccc; } .rslides_tabs li:first-child { margin-left: 0; } .rslides_tabs .rslides_here a { /*background: #2d2d2d;*/ color: #fff; font-weight: bold; } /* * jQuery Selectbox plugin 0.2 */ .sbHolder{ background-color: #fff; border: solid 1px #a3a3a3; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; height: 30px; position: relative; width: 240px; } .sbHolder:focus .sbSelector{ } .sbSelector{ display: block; height: 30px; left: 0; line-height: 30px; outline: none; overflow: hidden; position: absolute; text-indent: 10px; top: 0; width: 170px; } .sbSelector:link, .sbSelector:visited, .sbSelector:hover{ color: #202020; outline: none; text-decoration: none; } .sbToggle{ background: url(../img/select-icons.png) 0 -116px no-repeat; display: block; height: 30px; outline: none; position: absolute; right: 0; top: 0; width: 30px; } .sbToggle:hover{ background: url(../img/select-icons.png) 0 -167px no-repeat; } .sbToggleOpen{ background: url(../img/select-icons.png) 0 -16px no-repeat; } .sbToggleOpen:hover{ background: url(../img/select-icons.png) 0 -66px no-repeat; } .sbHolderDisabled{ background-color: #eee; border: solid 1px #515151; } .sbHolderDisabled .sbHolder{ } .sbHolderDisabled .sbToggle{ } .sbOptions{ background-color: #eee; border: solid 1px #515151; list-style: none; left: -1px; margin: 0; padding: 0; position: absolute; top: 30px; width: 200px; z-index: 1; overflow-y: auto; } .sbOptions li{ padding: 0 7px; } .sbOptions a{ border-bottom: dotted 1px #515151; display: block; outline: none; padding: 7px 0 7px 3px; } .sbOptions a:link, .sbOptions a:visited{ color: #202020; text-decoration: none; } .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus{ color: #202020; } .sbOptions li.last a{ border-bottom: none; } .sbOptions .sbDisabled{ border-bottom: dotted 1px #515151; color: #202020; display: block; padding: 7px 0 7px 3px; } .sbOptions .sbGroup{ border-bottom: dotted 1px #515151; color: #202020; display: block; font-weight: bold; padding: 7px 0 7px 3px; } .sbOptions .sbSub{ padding-left: 17px; } /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 100%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } }