/* regexer.css
// regex powertoy css
// by Gordon Mohr 
// (c) 2005-2006
// offered under the GNU General Public License 
*/

.hideOverflow {
  overflow:hidden;
}

body {
  font-family:helvetica,verdana,arial,sans;
  height:100%;
  width:100%;
}

.h1 {
 margin:0px;
 padding:0px;
}

.header {font-family:helvetica,verdana,arial,sans;background-color:#ccf;padding:5px}
.title {font-weight:bold; font-size:120%}
.subtitle {font-size:60%; color:#777}
.headerActive {float:right; font-size:60%;}

.exposition {
  padding:20px 20px;
  font-size:80%;
  font-family:helvetica,verdana,arial,sans;
}

#regexHelpBox {
 font-size:70%;
 font-family:helvetica,verdana,arial,sans;
 padding:5px;
 clear:both;
}

#regexHelpBox DT:hover {
  background-color:#FFFF77;
}

#regexHelpBox DT {
  padding:0px 2px;
  margin:0px 2px;
  width:auto;
  display:inline;
  font-family:'lucida console',console,courier,fixed;
  color:#060;
  background-color:white;
  font-weight:bold;
  width:auto;
}

#regexHelpBox i {
  font-size:80%;
}

#regexHelpBox DD {
  width:auto;
  padding:0px 2px;
  margin:0px 2px;
  position:absolute;
  top:+2ex;
  visibility:hidden;
  background-color:InfoBackground; /* #FFFF99;*/
  border:1px brown solid;
  z-index:+1000;
}

#regexDefinitionBox {
  clear:both;
  text-align:center;
  margin:0px 5px;
}

#regexDefinition {
  text-align:center;
  background-color:InfoBackground; /* #FFFF99;*/
  /* border:1px brown solid; */
  padding:1px 3px;
}

#regexDefinitionExplain {
  font-style:italic;
  color:#999;
}

.regexLabel {
  margin-left:5px;
  font-weight:bold;
  font-size:80%;
  color:#999;
}

#regexHelpBox DIV {
  float:left;
  position:relative;
}

#patternEntry {
  margin:1px;
  padding:4px;
  height:111px;
  width:98%; 
  border:2px inset #999;
  overflow:auto
}

.colorFocus:focus {
  background-color:#ffd;
}

#replaceEntry {
  margin:1px;
  padding:4px;
  height:50px;
  width:98%; 
  border:2px inset #999;
  overflow:auto;
  display:none;
}

.javaReplaceSyntax #replaceEntry {
  display:block;
}

.javaReplaceSyntax #patternEntry {
 height:50px;
}

.javaReplaceLiteralSyntax #replaceEntry {
  display:block;
}

.javaReplaceLiteralSyntax #patternEntry {
 height:50px;
}

.clearBoth {
  clear:both;
}

.sans {
  font-family:helvetica,verdana,arial,sans;
}

.label {
  font-weight:bold;
  font-family:helvetica,verdana,arial,sans;
  font-size:80%;
  font-variant:small-caps;
}

.softerLink {
  color:#77f;
  font-size:80%;
}
.incognitoLink {
  text-decoration:none; 
  color:black;
}

.hspaced {
  padding-left:10px; 
  padding-right:10px;
}
#matchesBar {
  color:green;
}
#errorBar {
  color:red;
}
#probesBar {
  margin-left:10px; 
  color:#AAA;
}
#timingBar {
  margin-left:10px; 
  color:#DDD;
}
#advisoryBar {
  color:#777;
}

.err {color:red}
.ok {color:green}
.soft {color:#777}
.errSpan {border:1px #ff9999 solid; background-color:#ffeeee}

input[type=radio] {vertical-align:bottom;}

.match, .group, a {
  cursor:pointer;
}

.highlightMatches .match {
  border:1px #f90 solid; 
  margin:-1px;
  background-color:#ffa;
}
.highlightMatches .match:hover {
  border-width:2px; 
  margin:-2px;
}

.highlightMatches .selected {
  border-width:2px; 
  margin:-2px;
  background-color:#fca;
}
.highlightMatches .replace {
  display:none;
}
.showEdits .match {
  font-weight:lighter;
  text-decoration:line-through;
  color:#900;
}
.showEdits .replace {
  font-weight:bolder;
  text-decoration:underline;
  color:#070;
}
.showReplacements .match {
  display:none;
}
.showReplacements .replace {
  border:1px yellow solid;
  margin:-1px;
  background-color:#dfd;
}
.highlightSplits .match {
  color:#CCC;
}
.highlightSplits .replace {
  display:none;
}
.highlightSplits .split {
  border:1px #ff9900 solid;
  margin:-1px;
}

#inputEntry {
  background-color:#FFD; 
  margin:1px;
  padding:4px; 
  width:98%; height:100%;
  border:2px inset orange;
}

#matchDisplay {
    background-color:white; 
    margin:2px; 
    padding:4px;
    width:98%; height:100%;
    border:2px solid #999;
    overflow:auto;
}

#statusBar {
  padding-left:5px;
}

.probeSpan {background-color:red}

#matchDetail {
  position:absolute;
  height:auto;
  right:10%;
  width:auto;
  left:10%;
  bottom:5%;
  padding:5px 20px;
  border:2px solid #999;
  background-color:#ffd;
}

.bold {
  font-weight:bold;
}

body {margin:0; padding:0; color:#333; background-color:#eee}
form {margin-bottom:0px}
.tally {margin-left:10px; color:#AAA}
a.button {
  padding:1px 5px; 
  text-decoration:none;
  font-weight:bold; 
  border:2px outset;
  background-color:white;}
a.button:active {border:2px inset;}
.fixed {font-family:'lucida console',console,courier,fixed;}
.nowroll {overflow:hidden; white-space:nowrap}
.smaller {font-size:80%}

.group:hover {
  border:1px solid #aaa;
  margin:-1px;
}
#selectedMatch .selected {
  border:1px solid #f90;
  margin:-1px;
}
#groupDetail {
  padding-left:20px;
  color:#f90;
}
#selectedMatch {
  overflow:auto;
  line-height:200%;
}
.paren {
  color:#aaa;
}
.encl0 {
  padding:3px 0px;
}
.encl1 {
  padding:5px 0px;
}
.encl2 {
  padding:7px 0px;
}
.encl3 {
  padding:9px 0px;
}
.encl4 {
  padding:11px 0px;
}
.encl5 {
  padding:13px 0px;
}
.encl6 {
  padding:15px 0px;
}
.encl7 {
  padding:17px 0px;
}
.encl8 {
  padding:19px 0px;
}
.encl9 {
  padding:21px 0px;
}
.encl10 {
  padding:23px 0px;
}
.encl11 {
  padding:25px 0px;
}
.detailIndex {
  color:#aaa;
  font-size:50%;
  padding:0px 2px;
  vertical-align:super;
}

.textareaLabel {
  NOTfont-weight:bold;
  font-size:80%;
  margin:0px 10px 0px 0px;
}

/* helps safari BUT IE HANGS WITH INVISIBLE APPLET, so must be tiny instead */
object {
  NOTvisibility:hidden;
  height:1px;
  width:1px;
}
/* helps safari; overrides default small-textarea-text */
textarea, pre {
  font-size:100%;
}