html, body { height: 100%; }
body { margin:0; padding:0; }
#mainpage { position: relative; min-height: 100%; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto; }
html>body #mainpage { height: auto; }
#privacy { margin-left:35px; text-align:left; margin-right:35px; font-weight: normal; font-size: 12px; color: #000000; font-family: Verdana, Geneva, Arial, sans-serif; }
#privacy a:link, a:visited, a:active, a:hover { text-decoration: none; color:#2d4571; }
#disclaimer { margin-left:35px; text-align:left; margin-right:35px; font-weight: normal; font-size: 12px; color: #000000; font-family: Verdana, Geneva, Arial, sans-serif; }
#disclaimer a:link, a:visited, a:active, a:hover { text-decoration: none; color:#2d4571; }
#contact { margin-left:35px; text-align:left; margin-right:35px; font-weight: normal; font-size: 12px; color: #000000; font-family: Verdana, Geneva, Arial, sans-serif; }
#contact a:link, a:visited, a:active, a:hover { text-decoration: none; color:#2d4571; }
.bottomdiv { position: absolute; bottom: 0; background-color: #E7E5E2; text-align:center; width:100%; font-weight: bold; font-size: 12px; color: #003399; font-family: Arial, Helvetica, sans-serif; }
.helpbottomdiv { background-color: #E7E5E2; text-align:center; width:100%; font-weight: bold; font-size: 12px; color: #003399; font-family: Arial, Helvetica, sans-serif; }
.relbottomdiv { margin-top:30px; height: 60px; width:100%; background-color: #E7E5E2; text-align:center; width:100%; font-weight: bold; font-size: 12px; color: #003399; font-family: Arial, Helvetica, sans-serif; }
.seal { z-index:3; position:absolute; height: 72px; width: 117px; top: 10px; left:4px; background:url(/opi/images/dps_logo_rgb_secondary_WhtMarg-MedDk.png) no-repeat; }
.copyright { font-size: 11px; color: #000000; line-height: normal; font-family: Arial, Helvetica, sans-serif }
.footerlink:link, .footerlink:visited, .footerlink:active, footerlink:hover  { text-decoration: none; font-weight: bold; font-size: 12px; color: #003399; font-family: Arial, Helvetica, sans-serif } 
.topbar { padding: 6px; font-size: 8pt; color: #2d4571; font-weight: bold; font-family: Verdana, Geneva, Arial, sans-serif; }
.topblank { font-size: 4pt; color: #000000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.toptext { font-size: 12pt; color: #2d4571; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.topmessage { font-size: 10pt; color: #2d4571; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#banner { width: 100%; }
#centercontent { border-bottom:2px solid black; z-index:1; width: auto; top:-10px; font-size: 18pt; color: #f8f6f3; font-weight: bold; font-family: Arial, Helvetica, sans-serif; height: 120px;  background:url(/opi/images/ncflag.jpg); background-repeat: no-repeat; }
#box { margin-top: 10px; width: 100%; background:transparent; font-size:93%; line-height:normal; border-bottom:1px solid #54545C; font: bold 11px/1.5em Verdana; }
#tabs { text-align:center; width: 98%; margin-left: 8px; height:31px; background:#E7E5E2; font-size:93%; line-height:normal; border:1px solid #54545C; font: bold 11px/1.5em Verdana; }
#tabs ul { margin:0; padding:5px 10px 0 10px; list-style:none; }
#tabs li { display:inline; margin:0; padding:0; }
#tabs a { float:left; background:url(/opi/images/tableft.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url(/opi/images/tabright.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span { color:#FFF; background-position:100% -42px; }
#tabs a:hover { background-position:0% -42px; }
#tabs a:hover span { background-position:100% -42px; }
.box-contents { font-size: 10px; font-family: Verdana, Geneva, Arial, sans-serif; background-color: #2d4571; color:#FFFFFF; font-weight: bold; height:20px; }
.left-corner { background:url(/opi/images/tabletopleft.gif) no-repeat; width:20px; height:20px; }
.right-corner { background:url(/opi/images/tabletopright.gif) no-repeat; width:20px; height:20px; }
.help { position:absolute; top:133px; right:35px; z-index:1; }
.datainput { font-size: 10pt; color: #000000; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
.inputerror { font-size: 10pt; color: red; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.errors { font-size: 10pt; color: red; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.alertmessage { font-size: 10pt; color: #993333; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.messagetext { font-size: 10pt; color: #000000; font-family: "Times New Roman"; }
.calendartable { border: 2px solid #333399; }
.calendartext { font-size: 10pt; color: #000000; font-family: Arial, Helvetica, sans-serif; }
.calendarbutton { font-size: 10pt;  background-color: #FFFFCC; color: #004080; font-family: Arial, Helvetica, sans-serif; width:30 }
.displaytable { left: 5px; top: 5px; }
.sentencedisplaytable { border: 2px solid #333399; left: 5px; top: 5px; font-size: 11pt; color: #FFFFFF; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
.innerdisplaytable { border: 1px solid black; left: 0px; top: 0px; font-size: 10pt; color: #000000; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
.displaydatatable { color: #000000; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; }
.scroller { display: inline; color: #000000; font-size: 10pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding: 3px 3px 3px 3px; }
.scrollertable { border: 2px solid #333399; margin-top:10px; margin-left:10px; }
.maindiv { padding-top:10px; padding-bottom: 90px; z-index:1; }
.titlediv { position:absolute; width:100%; top: 100px; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #CCC7C7; }
.messageDiv { position:absolute; background-color: #EEE; border: 1px solid #CCC; font-size: 12pt; color: #00008B; font-weight: bold; font-family: Arial, Helvetica, sans-serif; height:50px; overflow-x:auto; overflow-y:auto; }
.errorDiv { position:absolute; background-color: #EEE; border: 1px solid #CCC; font-size: 10pt; color: red; font-weight: bold; font-family: Arial, Helvetica, sans-serif; height:50px; overflow-x:auto; overflow-y:auto; }
.container_title { font-weight: bold; font-size: 10px; color: #ffffff; font-family: Verdana, Geneva, Arial, helvetica, sans-serif }
.tableRowHeader {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 10pt; font-weight: bold; background-color: #605B5B; }
.tableCellHeader { height: 16px; font-family: Verdana, Geneva, Arial, sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFFF; }
.tableCellHeader a:link { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 10pt; font-weight: bold; text-decoration: underline; color: #FFFFFF; }
.tableCellHeader a:visited { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 10pt; font-weight: bold; text-decoration: underline; color: #FFFFFF; }
.tableCellHeader a:active { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 10pt; font-weight: bold; text-decoration: underline; color: #FFFFFF; }
.tableCellHeader a:hover { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 10pt; font-weight: bold; text-decoration: underline; color: #FFFFFF; }
td.tableCellAction { font-size: 10pt; font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; color: #000000; }
.tableRowAction { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 10pt; font-weight: bold; color: #000000; }
.tableRowOdd { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 10pt; background-color: #FFFFFF; }
.tableRowEven { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 10pt; background-color: #E0E1E2; }
.tableCell { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 10pt; }
.tablelink:link, .tablelink:visited, .tablelink:active, .tablelink:hover { text-decoration: underline; font-size: 10pt; font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; color: #00008B; }
.actionbutton:link, .actionbutton:visited, .actionbutton:active { height: 10px; color: #FFFFFF; font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; font-size: 10pt; background-color: #605B5B; padding: 3px 10px; border: outset 1px; text-decoration: none; }
.actionbutton:hover { height: 10px; color: #FFFFFF; font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; font-size: 10pt; background-color: #2d4571; padding: 2px 9px; border: outset 2px; text-decoration: none; }
.scrollbutton:link, .scrollbutton:visited, .scrollbutton:active { height: 8px; color: #FFFFFF; font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; font-size: 8pt; background-color: #605B5B; padding: 3px 10px; border: outset 1px; text-decoration: none; }
.scrollbutton:hover { height: 8px; color: #FFFFFF; font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; font-size: 8pt; background-color: #2d4571; padding: 2px 9px; border: outset 2px; text-decoration: none; }
.smalllinkbutton:link, .smalllinkbutton:visited, .smalllinkbutton:active { height: 8px; color: #FFFFFF; font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; font-size: 8pt; background-color: #605B5B; padding: 2px 4px; border: outset 1px; text-decoration: none; }
.smalllinkbutton:hover { height: 8px; color: #FFFFFF; font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; font-size: 8pt; background-color: #2d4571; padding: 1px 3px; border: outset 2px; text-decoration: none; }
.tinylinkbutton:link, .tinylinkbutton:visited, .tinylinkbutton:active { height: 8px; color: #FFFFFF; font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; font-size: 8pt; background-color: #605B5B; padding: 2px 4px; border: outset 1px; text-decoration: none; }
.tinylinkbutton:hover { height: 8px; color: #FFFFFF; font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; font-size: 8pt; background-color: #2d4571; padding: 1px 3px; border: outset 2px; text-decoration: none; }
.photolink img { border-style: solid; border-width: 1px; border-color:black; }
.photo { border-style: solid; border-width: 1px; border-color:black; }
.tab:link, .tab:visited, .tab:active { border-collapse: collapse; border-style: solid solid none solid; border-color: black; border-width: 2px 2px 0px 2px; background-color: #678ACC; padding: 2px 1em 0px 1em; font-family: Verdana, Geneva, Arial, sans-serif; font-size: 12pt; font-weight: bold; text-decoration: none; color: white; }
.tab:hover { border-collapse: collapse; border-style: solid solid none solid; border-color: black; border-width: 2px 2px 0px 2px; background-color: white; padding: 2px 1em 0px 1em; font-family: Verdana, Geneva, Arial, sans-serif; font-size: 12pt; font-weight: bold; text-decoration: none; color: #00008B; }
.tabselected:link, .tabselected:visited, .tabselected:active, .tabselected:hover { border-collapse: collapse; border-style: solid solid none solid; border-color: black; border-width: 2px 2px 0px 2px; background-color: white; padding: 6px 1em 0px 1em; font-family: Verdana, Geneva, Arial, sans-serif; font-size: 12pt; font-weight: bold; text-decoration: none; color: #00008B; }
.resultspanel { background-color: white; }
.resultstable { border: 1px solid #333399; left: 5px; top: 5px; }
.sentencepanel { border: solid 1px black; background-color: white; padding: 0px; }
option.act { background-color: white; font-style: normal; font-size: 12pt; font-family: sans-serif; color: black; }
option.inact { background-color: white; font-style: normal; font-size: 12pt; font-family: sans-serif; color: red; }
a.secret { background-color: white; font-style: normal; font-size: 0pt; font-family: sans-serif; color: white; }
.waitprogress { position:absolute; z-index:120; top:10%; left:40%; visibility:hidden; overflow:hidden; }
.wait { background-color: #2d4571; }
.waitprogresstable { height:150px; width:200px; color: #FFFFFF; font-family: Arial; font-weight: bold; font-size:14pt; }
.picturediv { margin-left: 10px; width:320px; height: 300px; border: none; }
.picturetable { width:320px; height: 300px; }
.picturepanel { width: 98%; min-width: 900px; height: 300px; margin-top: 15px; border: none; }
.lineupsearch{ width:964px; height:470px; }
.lineupmugshotsearch{ height:120px; }
.lineuppicture{ height:200px; }
.lineupcomp { width:180px; }
.mugshotpicture { height:180px; border-color: #00008B; }
.mugshotspacer { height:180px; width:180px; }
.offcol1 { width:60px; height:1px; }
.offcol2 { width:115px; height:1px; }
.demodiv { margin-left: 10px; width:280px; border: none;  }
.demotable { width:280px; color: #000000; font-size: 10pt; font-family: Arial, Helvetica, sans-serif;  }
.democol1 { width:90px; height:1px; }
.democol2 { width:100px; height:1px; }
.democol3 { width:100px; height:1px; }
.democol4 { width:90px; height:1px; }
.democol5 { width:110px; height:1px; }
.democol6 { width:115px; height:1px; }
.democol7 { width:110px; height:1px; }
.democol8 { width:145px; height:1px; }
.sentenceimglbl { width:120px; }
.sentenceimgtxt { width:220px; }
.sentencecol1 { width:200px; }
.sentencecol2 { width:65px; }
.sentencecol3 { width:250px; }
.sentencecol4 { width:112px; }
.sentencecol5 { width:55px; }
.sentencecol6 { width:200px; }
.sentencesumcol1 { width:200px; }
.sentencesumcol2 { width:65px; }
.sentencesumcol3 { width:60px; }
.sentencesumcol4 { width:50px; }
.sentencesumcol5 { width:120px; }
.sentencesumcol6 { width:65px; }
.sentencesumcol7 { width:100px; }
.sentencesumcol8 { width:65px; }
.mostrecentcol1 { width:90px; }
.mostrecentcol2 { width:150px; }
.mostrecentcol3 { width:90px; }
.mostrecentcol4 { width:110px; }
.mostrecentcol5 { width:90px; }
.mostrecentcol6 { width:120px; }
.floatframe { position:absolute; left: 0px; top: 0px; width: 890px; height: 670px; z-index: 100 }
.reportframe { position:absolute; left: 0px; top: 0px; width: 890px; height: 670px; z-index: 100 }
.reportiframe { width:920px; height:700px; }
.spacertop { display:block; height: 2px; background-color: #FFFACD; }
.spacerbottom { display:block; height: 1px; background-color: #999999; }