/* Default style sheet.
   See how comment lines can extend over multiple lines. */

/* GENERIC CLASSES */

/* Apparent Mozilla firefox standards: */
.small {font-size: 9.8pt;}
.medi {font-size: 12pt;}
.large {font-size: 13.5pt;}
.xlarge {font-size: 18pt;}

.fnorm {font-weight: normal;}
.bold {font-weight: bold;}
.ital {font-style: italic;}

/* .invs {visibility:hidden;} */
.invs {display: none;}

.w10 {width: 10em;}
.w12 {width: 12em;}
.w16 {width: 16em;} 
.w20 {width: 20em;} 
.w22 {width: 22em;} 
.w28 {width: 28em;}
.w30 {width: 30em;}
.w32 {width: 32em;}
.w33 {width: 33em;}
.w36 {width: 36em;}
.w48 {width: 48em;}

.tpad05 {padding-top: 0.5em;}

.tpad08 {padding-top: 0.8em;}

/* .tpad10 {padding-top: 1.0em;} */

.tmar10 {margin-top: 1.0em;}

.warn {color: #ff0000;}  /* red */

.lwarn {color: #ff5000;} /* orange-ish (light warning) */

.succ {color: #006400;}  /* forest green */

.black {color: #000000;}

.blue {color: #0000ff;}

.dblu {color:#0000cc;}

.ddblu {color:#0000bb;}

.center {text-align: center;}

.bl {
   font-weight: bold;
   font-size: 13.5pt;
}

.sucbo {
/* margin did not seem to work with span, so I was forced
   to include an <h3>.  Thus no need for font size or weight. */
   display: block;
   text-align: center;
/* font-size: 13.5pt;
   font-weight: bold; */
   color:#006400;
   border-width:2px;
   border-style: solid;
   border-color:#006400;
   padding: 0.1em 0.3em;
}

.bg0 {
   background-color: #f0f8ff;
}

.bg1 {
   background-color: #f0ffff;
}

/* HEADER SIZES */
h1 {font-size: 24pt;}
h2 {font-size: 18pt;}
h3 {font-size: 14.05pt;}

.mp0 {
   margin: 0em;
   padding: 0em;
}

/* MISC. */

br {clear: left;}

input.stdsub:hover {
   border-color: #f0d400;
}

img.ssb {
   position: relative;
   top: 0.15em;
   border-width: 1px;
   border-style: solid;
   border-color: #000000;
   width: 1.0em;
}

img.ssbs {
   position: relative;
   top: 0.10em;
   border-width: 1px;
   border-style: solid;
   border-color: #000000;
   width: 0.8em;
}

#navi1 {
   white-space: nowrap;
/* margin: 18pt 0 12pt 0; */
   margin: 0.6em 0em;
}

#navi1 a {
   color:white;
   text-decoration:none;
   font-weight:bold;
/* padding: 0.4em 0.75em 0.4em 0.75em; */
   padding: 0.2em 0.5em;
   margin:0 1px 0 0;
}

#navi1 a.sele {
   background-color:white;
   padding: 0.25em 0.60em 0.25em 0.60em;
   border-width:0.20em;
   border-style: solid;
}

#navblu a {
   background-color:#0000bb;
}
#navblu a:hover {
   background-color:#0000ff;
}
#navblu a.sele {
   color:#0000cc;
   border-color:#0000bb;
}
#navblu a.sele:hover {
   background-color:white;
   color:#0000ff;
   border-color:#0000ff;
}

#navgrn a {
   background-color:#008800;
}
#navgrn a:hover {
   background-color:#00c000;
}
#navgrn a.sele {
   color:#00a000;
   border-color:#008800;
}
#navgrn a.sele:hover {
   background-color:white;
   color:#00c000;
   border-color:#00c000;
}

/* FOR SNIPPET BOARDS */

div.bques {
   font-size: 13.5pt;
   font-weight: bold;
   text-align: center;
   width: 550px;
}

table.snip {
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   border-collapse: separate;
   empty-cells:show;
   table-layout: fixed;
   background-color: #ffffff;
/* border-top: 2px solid #000000;
   border-left: 2px solid #000000;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000; */
   border-width: 2px 1px 1px 2px;
   border-style: solid;
   border-color: #000000;
}

#snip td {
/* borders put in <td> tag rather than in <a> tag so that the borders
   themselves aren't part of the anchor and don't change the cursor symbol. */
/* width and height in anchor tag below can go here -- in some cases
   these parameters didn't seem to work in <td> elements(?),
   but here they do? */
   width: 15px;
   height: 15px;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
/* border-width: 1px;
   border-style: solid;
   border-color: #000000; */
}

#snip img {
   width: 15px;
   border: none;
}

.r {
   background-color: #e80000;
}
.rh, a.r:hover {
   background-color:#ff0000;
}
.bgr {
   background-color: #ffd0d0;
}

.o {
/* background-color: #ff7f00; */
   background-color:#ffa800;
}
.oh, a.o:hover {
/* background-color:#ffb400; */
   background-color:#ffc400;
}
.bgo {
   background-color: #ffd490;
}

.y {
   background-color: #f8f800;
}
.yh, a.y:hover {
/* background-color:#ffff00; */
   background-color:#ffff90;
}
.bgy {
   background-color: #ffffd4;
}

.g {
/* background-color: #009900; */
   background-color: #00b400;
}
.gh, a.g:hover {
/* background-color:#00ff00; */
   background-color:#00e000;
}
.bgg {
   background-color: #d8ffd8;
}

.b {
   background-color: #0000ff;
}
.bh, a.b:hover {
   background-color:#009fff;
/* background-color:#00f0ff; */
}
.bgb {
   background-color: #d4eaff;
}

.p {
/* background-color: #a020f0; */
   background-color: #b020f0;
}
.ph, a.p:hover {
   background-color:#ff00ff;
}
.bgp {
   background-color: #ecdcff;
}

.x {
   background-color: #f0f0f0;
}
.px, a.x:hover {
   background-color:#ffffff;
}
.bgx {
   background-color: #f0f0f0;
}

.z {
   background-color: #000000;
}
.pz, a.z:hover {
   background-color:#686868;
}
.bgz {
   background-color: #e0e0e0;
}


#snip a span {
   display: none;
}

#snip a.w {
   text-decoration: none;
   position: relative;
   z-index: 0;
}

#snip a.w:hover span {
   display: block;
   position: absolute;
   top: 20px;
   left: 15px;
   z-index: 999;
   color: #000000;
   text-decoration: none;
   border: 1px solid #000;
   background-color: #fff;
   text-align: center;
   width: 5em;
}

div.ssout1 {
   padding: 0.8em;
/* background-color: #ffffff; */
}

div.ssout2 {
   padding-top: 0.8em;
/* padding-bottom: 0.0em; */
/* background-color: #f0f8ff; */
}

div.ssout3 {
   padding-top: 0.4em;
   padding-bottom: 0.4em;
/* background-color: #f0f8ff; */
}

ol.ssout2 {
   margin-top: 0.2em;
   margin-bottom: 0.2em;
}

img.mccn {
   border:none;
   width: 4.4em;
   margin-right: 2.5em;
}

img.obam {
   border:none;
   width: 4.2em;
/* margin-left: 2.5em; */
}

img.depress {
   border:none;
   width: 12.0em;
}

img.orch {
   border:none;
   width: 12em;
   vertical-align: middle;
   margin: 0.8em 1.5em 0.8em 0em;
}

img.cold {
   border:none;
   width: 14em;
   vertical-align: middle;
   margin-left: 1.5em;
}

img.gas {
   border:none;
   width: 9.5em;
   margin: 0.8em 0em;
}

img.calv {
   border:none;
   width: 13em;
   margin: 0.8em 0em;
}

img.dedi {
   border:none;
   width: 11em;
   margin: 0.8em 0em;
}

img.hear {
   border:none;
   width: 10em;
   margin: 0.8em 0em;
}

/* FOR SNIPPET TEXT */

img.smilin {
   border:none;
   height: 2.0em;
   vertical-align: middle;
   position: relative;
   top: -0.25em;
}

img.hrt {
   border:none;
   vertical-align: middle;
   width: 1.4em;
}

/* FOR EDIT SNIPPET PAGE */

#edsn #ssc input {
   position: relative;
   top: 0.23em;
   width: 1.2em;
   height: 1.2em;
}

#edsn #ssc img {
   width: 1em;
   position: relative;
   top: 0.25em;
   border-width:1px;
   border-style:solid;
   border-color:#000000;
}

#edsn textarea {
   font-family: courier; /* sans-serif, cursive, times, arial; */
   font-size: 10pt;
}

#edsn p {
   font-weight: bold;
}

/*
#edsn .atxt {
   font-family: courier; /* sans-serif, cursive, times, arial; */
   font-size: 12pt;
}
*/

#edsn td.csel {
   padding-top: 1.5em;
}

#edsn select.cont {
   margin-top: 0.8em;
   text-align: center;
}

/* For now, all register- and update- snippet buttons have the same style: */
#edsn input.subp, #edsn input.subu, #edsn input.subc, #redir input.subp {
/* background-color:#f0d400; */
   padding: 0.3em 0.4em;
/* margin: 0.1em 0 1.0em 1.0em; */
/* border-width:0.22em;
   border-style: outset;
   border-color:#f0d400; */
}

#edsn input.subp:hover, #edsn input.subu:hover, #edsn input.subc:hover, #redir input.subp:hover  {
/* background-color: #f8e800; */
/* border-width: 0.22em; */
   border-color: #f0d400;
}

#edsn span.sbq {
   margin-left: 0.8em;
   display: block;
   font-weight: normal;
}

/* FOR SNIPPET BOARD  */

.comad {
   padding-top: 0.5em;
   text-align: center;
   font-weight: bold;
   font-size: 18pt;
}

div.comm {
   padding: 0.5em  0;
}  

td.adcom {
   font-weight: bold;
   font-size: 13.5pt;
}

textarea.comm {
   font-family: courier; /* sans-serif, cursive, times, arial; */
   font-size: 10pt;
}
   
/* td.snipcomm { */

/* FOR LAWYER-JOKES SNIPPET BOARD */

img.ljk {
   border:none;
   width: 18.0em;
   margin: 0.8em 0em;
}

div.sbtxt {
   text-align: left;
   margin: 0.5em 2.0em;
}

/* FOR COMMENT REGISTRATION PAGE */

span.cimg {
   position: relative;
   top: 0.5em;
}

span.ncbq {
   margin-left: 1.2em;
   width: 35em;
   font-size: 12pt;
   display: block;
}

td.ncsub {
   padding-top: 0.8em;
   padding-bottom: 0.5em;
}

input.ncsub {
   font-weight: bold;
   padding: 0.2em 0.5em;
}

input.ncsub:hover {
   border-color:#f0d400;
}


/* FOR NETWORK OF SERVICES PAGE */
/* FOR SITE DESCRIPTION PAGE */

span.iepmr1 {
  margin-right: 0.1em;
}

span.iepml1 {
  margin-left: 0.1em;
}

span.iepmr2 {
  margin-right: 0.2em;
}

span.iepml2 {
  margin-left: 0.2em;
}

div.stdsect {
/* font-size: 13.5pt; */
   padding: 0.5em  0.5em;
   background-color: #f0f8ff;
}

#mssit a {
   margin-right: 0.2em;
   padding: 0.1em 0.3em 0.3em 0.3em;
   border-width: 1px;
   border-style: solid;
   border-color: #0000cc;
}

#mssit li {
   margin-top: 0.6em;
}

a.sbgbsd {
/* background-color: #f0fcff; */
   background-color: #e0f0fc;
}

a.sbgbsd:hover {
   background-color: #c0e0ff;
}

a.sbgfnf {
   background-color: #e8ffe8;
}

a.sbgfnf:hover {
   background-color: #60ff60;
}

a.sbgcs {
/* background-color: #f4d8ff; */
   background-color: #ffc0c0;
}

a.sbgcs:hover {
/* background-color: #e0a0e0; */
   background-color: #ff6060;
}

a.sbgss {
/* background-color: #e8ffe8; */
   background-color: #f8c0f8;
}

a.sbgss:hover {
/* background-color: #60ff60; */
   background-color: #e040e0;
}

a.sbgvr {
   background-color: #ffe0a0;
}

a.sbgvr:hover {
   background-color: #ffa800;
}

img.wcl {
   border: none;
   margin: 0em 0.1em;
   width: 0.8em;
   position: relative;
   top: 0.15em;
}

img.bsdot {
   border:none;
   width: 0.65em;
}

img.vrl {
   border: none;
   position: relative;
   top: 0.25em;
   margin-left: 0.2em;
   margin-right: 0.1em;
   width: 1.4em;
}

img.vrl2 {
   border: none;
   position: relative;
   top: 0.25em;
   width: 1.4em;
}

img.fnflns {
   border:none;
   width: 3.0em;
   position: relative;
   top: 0.3em;
}

img.csl {
   width: 1.2em;
   position: relative;
   top: 0.30em;
   margin: 0em 0.15em;
   border: none;
}

img.csl2 {
   width: 1.2em;
   position: relative;
   top: 0.30em;
   border: none;
}

/* FOR TESTIMONIALS PAGE */

p.testi {
/* vertical padding below will eventually be shrunk. */
   padding: 1.5em 0;
   background-color: #f0f8ff;
}

td.cterms {
   font-weight: normal;
   font-size: 12pt;
   padding-top: 1.2em;
}


/* FOR CONTACT, ABOUT US PAGES: */

div.cont {
   padding: 0.1em 0 0.1em 0.5em;
/* padding-top: 0.1em;
   padding-bottom: 0.01em;
   padding-left: 0.5em; */
   background-color: #f0f8ff;
}

div.abus {
   padding: 0.1em 0.1em 0.3em 0.3em;
   background-color: #f0f8ff;
}

textarea.cont{
   font-size: 10pt;
}


/* FOR TERMS AND CONDITIONS: */

div.terms {
   padding: 1.5em 1.0em;
   background-color: #f0f8ff;
}

textarea.terms {
/* font-family: courier;  sans-serif, cursive, times, arial; */
/* font-size: 12pt; */
/* font-weight:bold; */
}

/* FOR HELP PAGE, FAQ PAGE, BETTER PAGE: */

div.help1 {
   font-size: 13.5pt;
   font-weight:bold;
}

div.faq1 {
   background-color: #f0f8ff;
   padding: 0.5em 0;
}

div.faq2 {
/* background-color: #f0ffff; */
   background-color: #f0f8ff;
   padding-top: 0.5em;
   padding-bottom: 0.2em;
}

#faq1 li, {
   margin: 0.0em 0 0.4em 0;
}

#help li {
   margin: 0.0em 0 0.3em 0;
   font-weight:bold;
}

#faq2 li, #bett li{
   margin: 0.0em 0 0.8em 0;
}