/* FILE ARCHIVED ON 2:04:13 Oct 18, 2012 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 18:57:03 Apr 19, 2016. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* -------------------------------------------------------------- */ /* --- Style Sheet for BJS Application Tools --- */ /* -------------------------------------------------------------- */ /* --- These styles apply to all pages --- */ #container_core {width: 100%; min-width: 1000px;} #container_content _apps{float: left; margin: 0px; padding: 10px;} #apptools {margin: 15px 0px 0px 0px; padding: 0px; width: 789px; font-family: verdana, sans-serif; font-size: 80%;} #apptools_breadcrumbs {margin: 0px 0px 4px 0px; padding: 0px 0px 0px 12px; font-family: verdana, sans-serif; font-size: 60%; text-align: left;} #apptools_breadcrumbs a, #apptools_breadcrumbs a:link {color: #2767AF; text-decoration: none;} #apptools_breadcrumbs a:visited {color: #7799BC; text-decoration: none;} #apptools_breadcrumbs a:hover {color: #993333; text-decoration: none;} #appheader {margin: 0px; padding: 0px; height: 45px;} #appheader_rgt {margin: 0px; padding: 0px; float: right; width: 371px; height: 45px; background-image:url(/web/20121018020413/http://bjs.ojp.usdoj.gov/images/1_top_cell_rt.jpg);} #appcontent {margin: 0px; padding: 0px 0px 10px 13px; background-image:url(/web/20121018020413/http://bjs.ojp.usdoj.gov/images/1_body_cell.jpg);} #appbot {margin: 0px; padding: 0px; height: 29px; background-image:url(/web/20121018020413/http://bjs.ojp.usdoj.gov/images/1_cell_bttm.jpg);} .apptools_text {margin: 0px; padding: 0px 28px 0px 20px;} .apptools_text ul {margin: 0px; padding: 0px 0px 0px 15px;} .apptools_text_results {margin: 0px; padding: 0px 10px 0px 20px;} .apptools_text_results ul {margin: 0px; padding: 0px 0px 0px 15px;} #apptools_text_rgt {margin: 0px; padding: 0px; float: right; width: 222px;} #apptools_text_lft {margin: 0px; padding: 0px 13px 0px 0px; float: left; width: 733px;} .image {padding: 0px; margin: 0px; border: none; display: block;} .image_nb {padding: 0px; margin: 0px; border: none;} .image_rgt {padding: 0px; margin: 0px; border: none; float: right;} .pagetitle1 {margin: 0px; padding: 0px; color: #336699; font-weight: bold; font-size: 140%} .pagetitle2 {margin: 0px; padding: 0px; color: #336699; font-weight: bold; font-size: 120%} .pagetitle3 {margin: 0px; padding: 0px; color: #336633; font-weight: bold; font-size: 120%} .pagetitle4 {padding: 0px 0px 0px 5px; color: #336633; font-weight: bold; font-size: 90%} .greentext {color: #336633; font-weight: bold; font-size: 110%} .bluetext {margin: 3px; color: #336699; font-weight: bold; font-size: 10px} .clearfloat {clear: both; margin: 0px; padding: 0px;} /* ------------ Data Analysis Tools Page Styles ------------ */ #apptools_topnav {margin: 20px 0px 0px 0px; padding: 0px 13px 0px 0px;} #viewby {margin: 0px; padding: 0px; color: #336699; width: 100px; font-weight: bold; height: 36px; float: left; font-size: 10px;} .apptoolsmenu ul {font-size: 10px; padding: 0px; margin: 0px; float: right; border-top: 1px solid #d4a651; border-bottom: 1px solid #d4a651; background-color: #becc98; width: 663px; height: 34px;} .apptoolsmenu ul li {list-style: none; display: inline; text-align: center;} .apptoolsmenu ul li a {height: 31px; padding: 3px 3px 0px 3px; text-decoration: none; float: left; font-weight: bold; color: #336699; background-color: #becc98; border-right: 1px solid #ffffff;} .apptoolsmenu ul li a.selected {height: 31px; padding: 3px 3px 0px 3px; text-decoration: none; float: left; font-weight: bold; color: #336699; background-color: #819c57; border-right: 1px solid #ffffff;} .apptoolsmenu ul li a:hover {height: 31px; padding: 3px 3px 0px 3px; text-decoration: none; float: left; font-weight: bold; color: #ffffff; background-color: #819c57; border-right: 1px solid #ffffff;} html>body .apptoolsmenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */ border-style: inset; background-color: #819c57; color: #ffffff;} div.apptools_colmns {margin: 5px 0px 0px 0px; padding: 0px; width: 763px;} div.apptools_colmns2 {margin: 0px; padding: 0px; width: 763px;} .apptools_text_col1 {margin: 0px 5px 0px 0px; padding: 10px 5px 0px 5px; float: left; width: 346px; background-color: #E6ECF5; border-top: 1px solid #336699; border-right: 1px solid #336699; border-left: 1px solid #336699; height: 80px; background-image: url(/web/20121018020413/http://bjs.ojp.usdoj.gov/images/p_tools_box_bkgd_top.gif); background-repeat: no-repeat; background-position: right bottom; font-size: 11px;} .apptools_text_col2 {margin: 0px; padding: 10px 5px 0px 5px; float: left; width: 346px; background-color: #E6ECF5; border-top: 1px solid #336699; border-right: 1px solid #336699; border-left: 1px solid #336699; height: 80px; background-image: url(/web/20121018020413/http://bjs.ojp.usdoj.gov/images/p_tools_box_bkgd_top.gif); background-repeat: no-repeat; background-position: right bottom; font-size: 11px;} .apptools_text_col3 {margin: 0px 5px 0px 0px; padding: 0px; float: left; width: 356px; height: 12px; background-color: #E6ECF5; border-bottom: 1px solid #336699; border-right: 1px solid #336699; border-left: 1px solid #336699;} .apptools_text_col4 {margin: 0px 15px 0px 0px; padding: 0px; float: left; width: 356px; height: 12px; background-color: #E6ECF5; border-bottom: 1px solid #336699; border-right: 1px solid #336699; border-left: 1px solid #336699;} #pgnmbers {margin: 0px; padding: 15px 0px 0px 0px; text-align: center; color: #999999; font-size: 80%;} #pgnmbers a, #pgnmbers a:link, #pgnmbers a:visited, #pgnmbers a:hover {color: #000000; font-weight:bold; text-decoration: none;} .colmntitle {padding: 0px; margin: 0px; color: #336633; font-weight: bold; font-size: 13px;} .colmntitle a, .colmntitle a:link, .colmntitle a:visited, .colmntitle a:hover {color: #336633; font-weight: bold; text-decoration: none;} /* ------------------------------------------------------ */ /* ------------ Get Started Page Styles ------------ */ #getstbox_top {margin: 0px; padding: 20px 20px 0px 20px; width: 182px; background-image: url(/web/20121018020413/http://bjs.ojp.usdoj.gov/images/gs_box_bkgd_sm.jpg); height: 67px; font-size: 11px; font-weight: normal; color: #666666;} #getstbox_bot {margin: 0px; padding: 0px; width: 222px; height: 29px;} /* ------------------------------------------------------ */ /* ------------ Prisoner Recidivism Data Analysis Query Page Styles ------------ */ #dataquery_topnav {margin: 0px; padding: 10px 13px 0px 0px;} .dataquerymenu ul {font-size: 10px; padding: 0px; margin: 0px; text-align: left; height: 36px;} .dataquerymenu ul li {list-style: none; display: inline; text-align: center;} .dataquerymenu ul li a {height: 31px; padding: 3px 10px 0px 10px; text-decoration: none; float: left; font-weight: bold; color: #336699; background-color: #becc98; border-right: 1px solid #ffffff; border-top: 1px solid #d4a651; border-bottom: 1px solid #d4a651;} .dataquerymenu ul li a:hover {height: 31px; padding: 3px 10px 0px 10px; text-decoration: none; float: left; font-weight: bold; color: #ffffff; background-color: #819c57; border-right: 1px solid #ffffff; border-top: 1px solid #d4a651; border-bottom: 1px solid #d4a651;} .dataquerymenu ul li a.pageon {height: 31px; padding: 3px 10px 0px 10px; text-decoration: none; float: left; font-weight: bold; color: #ffffff; background-color: #819c57; border-right: 1px solid #ffffff; border-top: 1px solid #d4a651; border-bottom: 1px solid #d4a651;} .dataquerymenu ul li a.pageon:hover {height: 31px; padding: 3px 10px 0px 10px; text-decoration: none; float: left; font-weight: bold; color: #ffffff; background-color: #819c57; border-right: 1px solid #ffffff; border-top: 1px solid #d4a651; border-bottom: 1px solid #d4a651;} html>body .dataquerymenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */ border-style: inset; } table.prdataquery {padding: 0px; margin: 0px; border-right: 1px solid #d4a651; border-left: 1px solid #d4a651; font-size: 11px;} table.prdataquery th.title {padding: 5px; background-color: #d4a651; color: #ffffff; text-align: left; font-weight: bold;} table.prdataquery th {padding: 5px; text-align: left; background-color: #ffffff; font-weight: bold; border-bottom: 1px solid #999999;} table.prdataquery td {padding: 5px; text-align: left; color: #666666; background-color: #ffffff; border-bottom: 1px solid #999999;} table.prdataquery td.sentencing {padding: 5px; text-align: left; background-color: #ffffff; color: #666666; border-bottom:none;} #submitbttns {margin: 0px; padding: 20px 0px 0px 0px;} /* -------------------------------------------------------------- */ /* ------------ Prisoner Recidivism Data Analysis Query Results Page Styles ------------ */ table.prdataresults {padding: 0px; margin: 12px 0px 0px 0px; font-size: 10px; text-align: left;} table.prdataresults th.title {padding: 5px; background-color: #cbd7bb; color: #000000; text-align: left; font-weight: bold; border-bottom: 3px solid #999999;} table.prdataresults th.white {padding: 5px; background-color: #ffffff; color: #666666; text-align: left; border-bottom: 1px solid #999999;} table.prdataresults td.white {padding: 5px; background-color: #ffffff; color: #666666; text-align: center; border-bottom: 1px solid #999999;} table.prdataresults th.pink {padding: 5px; background-color: #f6eddc; color: #666666; text-align: left; border-bottom: 1px solid #999999;} table.prdataresults td.pink {padding: 5px; background-color: #f6eddc; color: #666666; text-align: center; border-bottom: 1px solid #999999;} table.prdataresults th.blue {padding: 5px; background-color: #f0f8ff; color: #666666; text-align: left; border-bottom: 1px solid #999999;} table.prdataresults td.blue {padding: 5px; background-color: #f0f8ff; color: #666666; text-align: center; border-bottom: 1px solid #999999;} #rgtbox_cont {margin: 0px; padding: 0px 10px; background-image:url(/web/20121018020413/http://bjs.ojp.usdoj.gov/images/r_qsbox_cell.jpg);} #queryset {margin: 0px; padding: 0px; overflow:auto; height: 652px;} #chartbox {margin: 10px 0px 0px 0px; padding: 0px; font-size: 11px; color: #829d58; font-weight: bold;} #chartbox a, #chartbox a:link {color: #336699; font-weight: bold; text-decoration: underline;} #chartbox a:visited {color: purple; font-weight: bold; text-decoration: underline;} #chartbox a:hover {color: #993300; font-weight: bold; text-decoration: underline;} #chartbox_cont {margin: 0px; padding: 0px 0px 0px 20px; background-image:url(/web/20121018020413/http://bjs.ojp.usdoj.gov/images/r_cbox_cell_sm.jpg); width: 490px;} .resultlinks {margin: 0px; padding: 0px; color: #666666; font-weight: normal;} table.prdataresults .resultlinks a, table.prdataresults .resultlinks a:link {color: #336699; font-weight: normal; text-decoration: underline;} table.prdataresults .resultlinks a:visited {color: purple; font-weight: normal; text-decoration: underline;} table.prdataresults .resultlinks a:hover {color: #993300; font-weight: normal; text-decoration: underline;} table.prqueryset {padding: 0px; margin: 10px 0px 0px 0px; border-left: 1px solid #d4a651; font-size: 10px;} table.prqueryset th.title {padding: 5px; background-color: #d4a651; color: #ffffff; text-align: left; font-weight: bold;} table.prqueryset td.heading {padding: 5px 3px 0px 3px; text-align: left; color: #000000; font-weight: bold;} table.prqueryset td {padding: 0px; color: #666666; text-align: left;} table.prqueryset td.bott {padding: 0px 0px 5px 0px; text-align: left; color: #666666; border-bottom: 1px solid #999999;} table.prqueryset td.bott_nb {padding: 0px 0px 5px 0px; text-align: left; color: #666666; border-bottom: none;} table.prqueryset td.checkbx {padding: 0px; text-align: left; color: #666666;} #submitbttns2 {margin: 0px; padding: 5px 0px 0px 0px;} /* -------------------------------------------------------------- */ /* ------------ Arrests Data Analysis Query Page Styles ------------ */ /*table.arrdataquery {padding: 0px; margin: 0px; font-size: 11px;}*/ table.prdataquery {padding: 0px; margin: 0px; border: 1px solid #d4a651; font-size: 11px;} table.arrdataquery th.title {padding: 5px; background-color: #d4a651; color: #ffffff; text-align: left; font-weight: bold;} table.arrdataquery th {padding: 5px; text-align: left; background-color: #ffffff; font-weight: bold; border-bottom: 1px solid #999999;} table.arrdataquery td {padding: 5px 5px 10px 5px; color: #666666; background-color: #ffffff;} table.arrdataquery td.agebot {padding: 5px 5px 10px 40px; text-align: left; background-color: #ffffff; color: #666666; border-bottom:none;} table.arrdataquery td.age {padding: 5px 5px 5px 40px; text-align: left; background-color: #ffffff; color: #666666; border-bottom:none;} table.arrdataquery td.gender {padding: 5px; text-align: left; background-color: #ffffff; color: #666666; border-bottom:none;} table.arrdataquery td.bott {padding: 5px 5px 10px 5px; color: #666666; background-color: #ffffff; border-bottom: 1px solid #999999;} table.arrdataquery td select {width: 300px;} #submitbttns3 {margin: 10px 0px 0px 0px; padding: 0px; text-align: center;} /* -------------------------------------------------------------- */ /* ------------ Arrests Data Analysis Query Results Page Styles ------------ */ #arrestsqueryset {margin: 0px; padding: 0px;} table.arrestsqueryset {padding: 0px; margin: 0px; border-left: 1px solid #d4a651; font-size: 10px;} table.arrestsqueryset th.title {padding: 5px; background-color: #d4a651; color: #ffffff; text-align: left; font-weight: bold;} table.arrestsqueryset td {padding: 0px; color: #666666; text-align: left;} table.arrestsqueryset td.bott {padding: 0px 0px 5px 0px; color: #666666; text-align: left;} table.arrestsqueryset td select {font-size:10px; overflow: auto;} #chartbox {margin: 10px 0px 0px 0px; padding: 0px; font-size: 11px; color: #829d58; font-weight: bold;} #chartbox a, #chartbox a:link {color: #336699; font-weight: bold; text-decoration: underline;} #chartbox a:visited {color: purple; font-weight: bold; text-decoration: underline;} #chartbox a:hover {color: #993300; font-weight: bold; text-decoration: underline;} #chartbox_cont {margin: 0px; padding: 0px 0px 0px 20px; background-image:url(/web/20121018020413/http://bjs.ojp.usdoj.gov/images/r_cbox_cell_sm.jpg); width: 490px;} .resultlinks {margin: 0px; padding: 0px; color: #666666; font-weight: normal;} table.prdataresults .resultlinks a, table.prdataresults .resultlinks a:link {color: #336699; font-weight: normal; text-decoration: underline;} table.prdataresults .resultlinks a:visited {color: purple; font-weight: normal; text-decoration: underline;} table.prdataresults .resultlinks a:hover {color: #993300; font-weight: normal; text-decoration: underline;} table.prqueryset {padding: 0px; margin: 10px 0px 0px 0px; border-left: 1px solid #d4a651; font-size: 10px;} table.prqueryset th.title {padding: 5px; background-color: #d4a651; color: #ffffff; text-align: left; font-weight: bold;} table.prqueryset td.heading {padding: 5px 3px 0px 3px; text-align: left; color: #000000; font-weight: bold;} table.prqueryset td {padding: 0px; color: #666666; text-align: left;} table.prqueryset td.bott {padding: 0px 0px 5px 0px; text-align: left; color: #666666; border-bottom: 1px solid #999999;} table.prqueryset td.bott_nb {padding: 0px 0px 5px 0px; text-align: left; color: #666666; border-bottom: none;} table.prqueryset td.checkbx {padding: 0px; text-align: left; color: #666666;} #submitbttns2 {margin: 0px; padding: 5px 0px 0px 0px;} /* -------------------------------------------------------------- */ /* ------------ NVAT Qucktables Results Page Styles ------------ */ table.nvatdataresults {padding: 0px; margin: 12px 0px 0px 0px; font-size: 12px; text-align: left;} table.nvatdataresults th.title {padding: 5px; background-color: #f6eddc; color: #000000; text-align: left; font-weight: bold; border-bottom: 3px solid #999999;} table.nvatdataresults th.white {padding: 5px; background-color: #ffffff; color: #666666; text-align: left; border-bottom: 1px solid #999999;} table.nvatdataresults td.white {padding: 5px; background-color: #ffffff; color: #666666; text-align: center; border-bottom: 1px solid #999999;} table.nvatdataresults th.pink {padding: 5px; background-color: #f6eddc; color: #666666; text-align: left; border-bottom: 1px solid #999999;} table.nvatdataresults td.pink {padding: 5px; background-color: #f6eddc; color: #666666; text-align: center; border-bottom: 1px solid #999999;} table.nvatdataresults th.blue {padding: 5px; background-color: #f0f8ff; color: #666666; text-align: left; border-bottom: 1px solid #999999;} table.nvatdataresults td.blue {padding: 5px; background-color: #f0f8ff; color: #666666; text-align: center; border-bottom: 1px solid #999999;} /* ------------ Arrests Tab Styles ------------ */ /* Horizontal Tabbed Panels * * The default style for a TabbedPanels widget places all tab buttons * (left aligned) above the content panel. */ /* This is the selector for the main TabbedPanels container. For our * default style, this container does not contribute anything visually, * but it is floated left to make sure that any floating or clearing done * with any of its child elements are contained completely within the * TabbedPanels container, to minimize any impact or undesireable * interaction with other floated elements on the page that may be used * for layout. * * If you want to constrain the width of the TabbedPanels widget, set a * width on the TabbedPanels container. By default, the TabbedPanels widget * expands horizontally to fill up available space. * * The name of the class ("TabbedPanels") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabbedPanels container. */ .TabbedPanels {margin: 10px 0px 0px 0px; padding: 0px; float: left; clear: none; width: 728px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/} /* This is the selector for the TabGroup. The TabGroup container houses * all of the tab buttons for each tabbed panel in the widget. This container * does not contribute anything visually to the look of the widget for our * default style. * * The name of the class ("TabbedPanelsTabGroup") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabGroup container. */ ul.TabbedPanelsTabGroup {margin: 0px; padding: 0px;} /* This is the selector for the TabbedPanelsTab. This container houses * the title for the panel. This is also the tab "button" that the user clicks * on to activate the corresponding content panel so that it appears on top * of the other tabbed panels contained in the widget. * * For our default style, each tab is positioned relatively 1 pixel down from * where it wold normally render. This allows each tab to overlap the content * panel that renders below it. Each tab is rendered with a 1 pixel bottom * border that has a color that matches the top border of the current content * panel. This gives the appearance that the tab is being drawn behind the * content panel. * * The name of the class ("TabbedPanelsTab") used in this selector is not * necessary to make the widget function. You can use any class name you want * to style this tab container. */ .TabbedPanelsTab {position: relative; top: 1px; float: left; padding: 5px 5px; margin: 0px 3px 0px 0px; font-size: 11px; font-weight: bold; background-color: #d4a651; color: #ffffff; list-style: none; border: solid 1px #CCCCCC; -moz-user-select: none; -khtml-user-select: none; cursor: pointer;} /* This selector is an example of how to change the appearnce of a tab button * container as the mouse enters it. The class "TabbedPanelsTabHover" is * programatically added and removed from the tab element as the mouse enters * and exits the container. */ .TabbedPanelsTabHover {background-color: #d4a651; color: #336699; font-weight: bold;} /* This selector is an example of how to change the appearance of a tab button * container after the user has clicked on it to activate a content panel. * The class "TabbedPanelsTabSelected" is programatically added and removed * from the tab element as the user clicks on the tab button containers in * the widget. * * As mentioned above, for our default style, tab buttons are positioned * 1 pixel down from where it would normally render. When the tab button is * selected, we change its bottom border to match the background color of the * content panel so that it looks like the tab is part of the content panel. */ .TabbedPanelsTabSelected {background-color: #ffffff; border-bottom: solid 1px #ffffff; color: #336699; font-weight: bold;} /* This selector is an example of how to make a link inside of a tab button * look like normal text. Users may want to use links inside of a tab button * so that when it gets focus, the text *inside* the tab button gets a focus * ring around it, instead of the focus ring around the entire tab. */ .TabbedPanelsTab a {color: black; text-decoration: none;} /* This is the selector for the ContentGroup. The ContentGroup container houses * all of the content panels for each tabbed panel in the widget. For our * default style, this container provides the background color and borders that * surround the content. * * The name of the class ("TabbedPanelsContentGroup") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the ContentGroup container. */ .TabbedPanelsContentGroup {clear: both; border: solid 1px #CCCCCC; background-color: #ffffff;} /* This is the selector for the Content panel. The Content panel holds the * content for a single tabbed panel. For our default style, this container * provides some padding, so that the content is not pushed up against the * widget borders. * * The name of the class ("TabbedPanelsContent") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the Content container. */ .TabbedPanelsContent {padding: 0px;} /* This selector is an example of how to change the appearnce of the currently * active container panel. The class "TabbedPanelsContentVisible" is * programatically added and removed from the content element as the panel * is activated/deactivated. */ .TabbedPanelsContentVisible { } /* ------------------------------------- -------- */ /* ------------ Arrests Accordion Styles ------------ */ /* This is the selector for the main Accordion container. For our default style, * we draw borders on the left, right, and bottom. The top border of the Accordion * will be rendered by the first AccordionPanelTab which never moves. * * If you want to constrain the width of the Accordion widget, set a width on * the Accordion container. By default, our accordion expands horizontally to fill * up available space. * * The name of the class ("Accordion") used in this selector is not necessary * to make the widget function. You can use any class name you want to style the * Accordion container. */ .Accordion {margin: 10px 0px 0px 0px; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; overflow: hidden;} /* This is the selector for the AccordionPanel container which houses the * panel tab and a panel content area. It doesn't render visually, but we * make sure that it has zero margin and padding. * * The name of the class ("AccordionPanel") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel container. */ .AccordionPanel {margin: 0px; padding: 0px;} /* This is the selector for the AccordionPanelTab. This container houses * the title for the panel. This is also the container that the user clicks * on to open a specific panel. * * The name of the class ("AccordionPanelTab") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel tab container. */ .AccordionPanelTab { background-color: #336699; border-bottom: 1px solid #d4a651; font-size: 12px; font-weight: bold; margin: 0px; padding: 5px 3px 5px 30px; color: #ffffff; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; background-image: url(/web/20121018020413/http://bjs.ojp.usdoj.gov/images/1_arrow_rgt.jpg); background-repeat: no-repeat; } /* This is the selector for a Panel's Content area. It's important to note that * you should never put any padding on the panel's content area if you plan to * use the Accordions panel animations. Placing a non-zero padding on the content * area can cause the accordion to abruptly grow in height while the panels animate. * * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel * Content container. * * The name of the class ("AccordionPanelContent") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel content container. */ .AccordionPanelContent {overflow: auto; margin: 0px; padding: 0px; height: 425px; background-color: #ffffff;} /* This is an example of how to change the appearance of the panel tab that is * currently open. The class "AccordionPanelOpen" is programatically added and removed * from panels as the user clicks on the tabs within the Accordion. */ .AccordionPanelOpen .AccordionPanelTab { background-color: #336699; background-image: url(/web/20121018020413/http://bjs.ojp.usdoj.gov/images/1_arrow_dwn.jpg); background-repeat: no-repeat; padding: 5px 3px 5px 30px; } /* This is an example of how to change the appearance of the panel tab as the * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added * and removed from panel tab containers as the mouse enters and exits the tab container. */ .AccordionPanelTabHover {background-color: #336699;} .AccordionPanelOpen .AccordionPanelTabHover {background-color: #336699;} /* This is an example of how to change the appearance of all the panel tabs when the * Accordion has focus. The "AccordionFocused" class is programatically added and removed * whenever the Accordion gains or loses keyboard focus. */ .AccordionFocused .AccordionPanelTab {background-color: #336699;} /* This is an example of how to change the appearance of the panel tab that is * currently open when the Accordion has focus. */ .AccordionFocused .AccordionPanelOpen .AccordionPanelTab {background-color: #336699;} /* ------------------------------------- -------- */ /* ------------------ Joseph -------------------- */ .ready { margin: 0px; padding: 0px; text-align: center; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width:120px; } .ready a { display: block; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-size: 10px; line-height: 20px; margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: center; /*background-image: url(/web/20121018020413/http://bjs.ojp.usdoj.gov/images/shortReady.gif);*/ background-color: #3399cc; } .ready a:hover { /*background-image: url(/web/20121018020413/http://bjs.ojp.usdoj.gov/images/shortReady2.gif);*/ background-color:#99ccff; } /* -------- selection criteria table: Joseph -------------------------- */ .selCritTable { border-style:none; border-collapse:collapse; } .selCritTable TD, .selCritTable TH { border-style:solid; border-width:1px; } /* -------------------------------------------------------------- */ /* -------- data tool table: Joseph -------------------------- */ table.datable { border-width: 0px; border-spacing: 4px; border-style: outset; border-color: gray; border-collapse: separate; font-size:11px; text-align:left; vertical-align:top; } table.datable th, table.datable td { border-width: 1px; padding: 5px; border-style: solid; border-color: #D4A651; /*#336699;*/ background-color: #e6ecf5; vertical-align:top; } /* -------------------------------------------------------------- */ /* -------- tool menu table: Joseph -------------------------- */ table.tmntable { border-bottom:solid; border-bottom-width: 1px; border-bottom-color: #D4A651; border-top:solid; border-top-width: 1px; border-top-color: #D4A651; border-left:none; border-right:none; border-spacing: 0px; border-collapse: collapse; font-size: 10px; border-left-style:none; /*width:663px;*/ } table.tmntable td { padding: 2px; border-bottom-width: 0px; border-top-color: #D4A651; border-right: solid; border-right-width: 1px; border-right-color: white; border-left-style: none; border-left-width: 0px; border-left-color: white; background-color: #BECC98; max-width:85px; /*width:expression(this.width > 85 ? 85px : true);*/ font-weight:bold; vertical-align:middle; text-align:center; } table.tmntable td a { text-decoration: none; font-weight: bold; color: #336699; background-color: #becc98; } table.tmntable td a.hover { text-decoration:underline; font-size:9px; color: #ffffff; background-color: #819c57; } table.tmntable td a.selected { text-decoration: none; font-weight: bold; color: #336699; background-color: #819c57; } /* -------------------------------------------------------------- */ /************************ Recid Tabs************************/ .recidcolortabs{ padding: 0; width: 100%; overflow: hidden; background: transparent; text-decoration: none; margin: 0 0 0 0; } .recidcolortabs ul{ font-family: Verdana, sans-serif; font-weight: normal; margin: 0; padding: 0; list-style: none; text-decoration: none; font-size: 10px; } .recidcolortabs li{ display: inline; text-align: center; /*background: #CCFF99;*/ } .recidcolortabs a{ float: left; color: #336699; text-transform: none; text-decoration: none; background: #336699; text-decoration: none; border-right: 1px solid #FFFFFF; background-color: #BECC98; border-bottom: 1px solid #D4a651; border-top: 1px solid #d4a651; font-weight: bold; } .recidcolortabs a span{ float: left; display: block; padding: 10px 10px 10px 10px; cursor: pointer; color: #336699; text-decoration: none; white-space: wrap; font-size: 10px; font-weight:bold; } .recidcolortabs li a:hover { background-color: #819c57; color: #73880A; text-decoration: underline; } .recidcolortabs li.selected a{ background-color: #819c57; color: #ffffff; text-decoration: none; margin-top: 0px; } .recidcolortabs li a:active{ color: #819c57; text-decoration: none; } .recidcolortabs a:hover span{ background-color: #819c57; color: #ffffff; text-decoration: underline; } .recidcolortabs a.tabslinks2:hover span, .recidcolortabs a.tabslinks2:active span, .recidcolortabs a.tabslinks2:link span, .recidcolortabs a.tabslinks2:visited span { text-decoration: none; font-size: 100%; white-space: wrap; vertical-align: bottom; font-weight: bold; } /*-------------------------------------------------------------------------------*/