/* 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;}
.pt15 {font-size: 15pt;}
.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;}
.w16 {width: 16em;} 
.w18 {width: 18em;} 
.w20 {width: 20em;} 
.w22 {width: 22em;} 
.w28 {width: 28em;}
.w30 {width: 30em;}
.w32 {width: 32em;}
.w33 {width: 33em;}
.w36 {width: 36em;}
.w54 {width: 54.5em;}

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

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

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

.black {color: #000000;}

.bscol {background-color: #c04040;}

.center {text-align: center;}

.fll {float: left;}
.flr {float: right;}

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

.lmar1 {
   margin-left: 1.0em;
}

.tpadsh {
   padding-top: 0.8em;
   padding-bottom: 0.3em;
}

.und {
   text-decoration: underline;
}

.stdsect {
   padding: 0.5em 0.5em;
   background-color: #f0f8ff;
}
   
div.stdsctb {
   padding: 0.5em 0.5em;
   background-color: #f0ffff;
}
   
.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;
}

.blue {color:#0000ff;}

.dblu {color:#0000cc;}

.ddblu {color:#0000bb;}

.purp {color:#8b008b;}

.flsh {
   color: #006400;
   text-decoration: blink;
}

.bgw {
   background-color: #ffffff;
}

.bg0 {
   background-color: #f0f8ff;
}

.bg1 {
   background-color: #f0ffff;
}

.blbor{
   border-width:2px;
   border-style: solid;
   border-color:#000000;
}

br {clear: left;}

form {
   margin: 0;
   padding: 0;
}

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

h1, h2, h3 {
   padding: 0.0em;
   margin: 0.1em 0em;
}

/* MISCELLANEOUS */

input.stdsub {
   margin: 0.5em 0em;
}

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

/* FOR HOME PAGE: */
table.hbck{
   background-color: #cc143c;
/* background-image: url("../images/suno.gif"); */
   background-repeat: no-repeat;
   background-position: 50% 15%;
}

h3.hbck {
   margin-bottom: 0.5em;
}

img.pho10 {
   border: none;
   width: 10em;
   margin: 0.3em;
}

img.pho10h {
   border: none;
   height: 10em;
   margin: 0em 0.3em;
}

td.htpad {
  padding: 0em 0.5em;
}

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

span.hbox {
   padding: 0.0em 0.3em;
   border-width: 3px;
   border-style: solid;
   border-color:#800000;
}

dt {
  font-weight:bold;
}

#navi1 {
   white-space: nowrap;
   margin: 18pt 0 12pt 0;
}

/*
#navi1 ul {
   list-style: none;
}

#navi1 li {
   display: inline;
}
*/

#navi1 a, a.butt {
   color:white;
   text-decoration:none;
   font-weight:bold;
}

#navi1 a {
/* padding: 0.4em 0.75em 0.4em 0.75em; */
   padding: 0.4em 0.5em;
   margin-right: 1px;
   background-color:#0000bb;
}

#navi1 a:hover {
   background-color:#0000ff;
/* border-width:0.20em;
   border-width:0.10em;
   border-style: solid;
   border-color:#0000ff; */
}

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

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

a.butt {
   display: block;
   text-align:center;
/* width: 8.5em; */
   width: 11.5em;
   line-height: 1.5em;
/* background-color:#008000; */
   background-color:#0000b0;
   border-width:0.22em;
   border-style: outset;
   border-color:#0000b0;
   padding: 0.30em 0.50em 0.30em 0.50em;
}

a.butt:hover{
/* background-color:#00d000; */
   background-color:#0000ff;
}

#navi2 {
   white-space: nowrap;
   text-align: center;
   line-height: 17pt;
}

span.mtop {
   display: block;
   margin-top: 0.4em;
}

span.mbot {
   display: block;
   margin-top: 0.1em;
   margin-bottom: 1.5em;
}

#navi2 a {
   color:white;
   text-decoration:none;
   font-weight:bold;
   background-color:#0000b8;
/* padding: 0.4em 0.75em 0.4em 0.75em; */
   padding: 0.3em 0.6em;
   margin: 0.1em;
   border-width:0.22em;
   border-style: outset;
   border-color:#0000bb;
}

#navi2 a.ledg {
   margin: 0.1em 0.1em 0.1em 0;
}

#navi2 a.redg {
   margin: 0.1em 0 0.1em 0.1em;
}

#navi2 a:hover {
   background-color:#0000ff;
}

#navi2 a.sele {
   color:#0000cc;
   background-color:white;
}

#navi2 a.sele:hover {
   color:#0000ff;
   background-color:white;
}

table.opts {
   border-width:3px;
   border-style: solid;
   border-color:#00A000;
   background-color: #d8ffd8;
   margin-left: 0.5em;
   margin-right: 0.5em;
   margin-bottom: 0.5em;
}

td.bdes {
   display:block;
   margin: 0.3em 0 0 0;
   width:20em;
   line-height: 1.3em;
}

div.logi, div.vcnt {
   width: 14em;
   text-align: left;
   font-weight: bold;
/* margin-bottom: 0.8em; */
/* margin: 0.0 0.3em; */
   border-width:3px;
   border-style: solid;
}

div.logi {
   padding: 1.0em;
   border-color:#ff0000;
/* background-color: #fff4f4; */
/* background-color: #fff0f0; */
   background-color: #ffe4e0;
/* background-color: #f8c8f8; */
}

div.rgid {
   width: 16em;
   text-align: center;
   font-weight: bold;
   padding: 0.5em;
   margin: 0.5em;
   background-color: #f8d0f8;
   border-color: #8b008b;
   border-width: 3px;
   border-style: solid;
}

input.rgid {
   margin: 0.5em;
}

input.lsub {
   margin-top: 1.0em;
   margin-bottom: 1.0em;
/* font-size: 12pt; */
   font-weight: bold;
}

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

div.vcnt {
   margin-top: 0.5em;
   padding: 0.5em 1.0em;
/* border-color:#8b008b; */
   border-color:#b8860b;
   background-color: #fcf0dc;
/* background-color: #fef8f0; */
}

img.stimg3 {
   margin-top: 0.5em;
   height: 8.0em;
   border-style: solid;
   border-width: 2px;
   border-color:#000000;
}

/* FOR PASSWORD RECOVERY: */

div.lpass {
   text-align: left;
   padding: 0.5em 1.0em;
   width: 20em;
   display: block;
   border-width: 4px;
   border-style: solid;
/* border-color: #b8860b;
   background-color: #fcf0dc; */
   border-color: #ff0000;
   background-color: #ffe4e0; */
}

/* FOR SHOW MATCH HOME PAGE: */

table.shout {
   width:50em;
   table-layout: auto;
}

td.welpad {
   padding-top: 1.0em;
   padding-bottom: 0.5em;
}

span.wbox {
   font-weight: bold;
   padding: 0.25em 0.4em;
   white-space: nowrap;
   border-style: solid;
   border-width: 2px;
   background-color: #e06060;
}

/*
table.shmsg1 {
   width:50em;
   margin: 0.3em 0 0 0;
}
*/

td.shmsg2 {
   padding-bottom: 0.2em;
   font-weight:bold;
}

td.iep1 {
   padding: 0.5em 0em;
}

a.lbutt {
   color: black;
   font-weight:bold;
   text-decoration:none;
   text-align: center;
   background-color:#ffa500; /* orange */
   padding: 0.3em 0.6em;
/* margin: 1em 0 10em 0; */
   border-width: 0.22em;
   border-style: outset;
   border-color: gray;
}

a.lbutt:hover {
   background-color:#ffbf00; /* amber */
}

a.nsele {
   color:#ff4000;
   background-color: #f6f6f6;
}

a.nsele:hover {
   color:#ff4800;
   background-color: #ffffff;
}


table.matt {
   border-width: 2px;
   border-style: solid;
   border-color: #000000;
   border-spacing: 0px;
   /*cell spacing: a combination of border-collapse and border-spacing? */
   /               See: http://www.w3schools.com/css/css_reference.asp#table */
   /*NOTE: in CSS, margin designations are ignored within tables. */
}

tr.mrhd {
}  

#matt td {
/* Nothing seems to give the anchor tags within these td tags the
   proper cell spacing.
   Also, the centering of the anchor fails unless I specify it the
   old-fasioned way, outside of CSS. */
/* text-align: center; */
   border-style: none;
   border-spacing: 0 0;
   border-left: none;
   border-right: none;
}

#matt td a {
   display:block;
   color:#000000;
   text-align:center;
   text-decoration:none;
   font-weight:bold;
/* width: 8.5em; */
   width: 11.93em;
   line-height: 1.3em;
   background-color:#e0f0f0;
   border-width: 1px;
   border-style: solid;
   border-color:#000000;
   padding: 0.30em 0.0em 0.30em 0.0em;
   margin: 0;
}

#matt td a:hover {
/* background-color:#7df9ff; */
}

td.mcol {
/* width: 12em; */
   border-width: 1px;
   border-style: solid;
   border-color:#000000;
}

table.mcol {
   border-style: none;
   border-collapse: separate;
   border-spacing: 0 2px;
}

td.mind {
   text-align: left;
}

table.mind {
   width: 11.8em;
}

.mcol0 {
   background-color: #f0ffff;
}

.mcol1 {
   background-color: #f0f8ff;
}

a.mtch:hover {
   background-color:#7df9ff;
}

img.mdot {
   border:none;
   width: 0.93em;
}

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

td.spad, select.spad {
   margin: 0.2em 0;
}

/* FOR ABOUT ME PAGE: */

#brs {
   line-height: 1.1em;
}

table.buth {
   border-style: none;
   border-collapse: separate;
   border-spacing: 0em 0.5em;
}

div.frmb {
/* margin: 2em 0 0 0; */
   margin-top: 2em;
   text-align: center;
}

td.frmb {
   width: 11em;
}

td.frbo {
   padding-top: 0.5em;
}

#frmb a {
   display: block;
   text-align: center;
}

a.arro {
   margin: 0.2em;
}

div.am0, div.am1, div.am2, div.amp {
/* width: 49em; */
   padding: 0.5em  0 0.5em 0.5em;
}

th.am {
   padding: 0.5em  0;
   font-size: 13.5pt;
/* background-color:#e0f0f0; */
   background-color:#7df9ff;
}

td.am0, td.am1, td.am2 {
   padding: 0.5em  0.5em;
}

div.am0, td.am0 {
   background-color: #f0f8ff;
}

div.am1, td.am1 {
   background-color: #f0ffff;
}

div.am2, td.am2 {
   background-color: #fff4ff;
}

.mac1 {
   border-right-width: 2px;
   border-right-style: solid;
   border-right-color:#000000;
}

/* FOR ABOUT MY MATCH PAGE: */

table.ama {
   width: 54.5em;
   table-layout: fixed;
}


/* FOR "EDIT VISIBLE PROFILE" PAGE */
/*
div.blkc {
   display: block;
   text-align: center;
}
*/

/*
span.snam {
   margin: 0.2em 0.3em 0.2em 0.0em;
   padding: 0.6em 0.6em 0.6em 0.6em;
   border-width: 2px;
   border-style: solid;
   border-color: green;
}
*/

/* FOR REGISTRATION PAGE: */

.treg {
   margin: 0 20px;
}

table.mreg {
   width: 36em;
   background-color: #f0c0a0;
   border-width:3px;
   border-style:solid;
/* border-color:turquoise; */
   border-color:#c04040;
}

/* FOR SHOWPRO AND EDPH: */

table.shop {
   width: 46em;
}

td.pics{
   padding: 0 0 1.0em 0;
}

img.pic1{
   width: 200px;
}

img.pic2 {
   width: 75px;
}

img.ipop {
   border-width:3px;
   border-style:solid;
   border-color:black;
}

div.lmar2 {
/* margin: 0 0 0 3.0em; */
   margin-left: 2.0em;
}

td.protxt {
/* padding: 0 0 0 1.0em; */
   padding: 0.0em 0.8em 0.5em 0.8em;
   font-weight: bold;
/* border-width:2px;
   border-style:solid;
   border-color:#00A000; */
   background-color: #f0f8ff;
}

input.protxt, textarea.protxt {
   margin-bottom: 1px;
   font-size: 10pt;
}

input.sndm {
   margin: 0.2em 0 0 0;
}

td.photxt {
/* padding: 0 0 0 1.0em; */
   padding: 0.5em 1.0em;
   font-weight:bold;
}

td.epic {
   padding: 0.5em 0;
}

img.rlin1 {
/* border: none; */
   width: 26em;
   height: 3px;
   padding: 1.0em 0;
/* float: left; */
}

hr.rlin2 {
   border: none;
   color: #0000bb;
   background-color: #0000bb;
   width: 44em;
   height: 3px;
   margin-top: 1.0em;
/* float: left; */
}

input.edps1 {
   margin: 1.0em 0 0.0em 3.0em;
}

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

input.edps2 {
   margin: 1.0em 0 2.0em 3.0em;
}

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


/* LOGOUT PAGE */

a.sbox, a.sbox2 {
   display: table;
   margin-top: 0.5em;
   margin-bottom: 0.8em;
   margin-right: 1.0em;
   padding: 0.3em 0.5em;
   text-align: center;
   color: #000000;
   font-size: 12pt;
   font-weight:bold;
   text-decoration:none;
   border-width:2px;
   border-style:solid;
   border-color: #0000ff;
}

a.sbox {
   width: 14.5em;
   font-size: 12pt;
   font-weight:bold;
}

a.sbox2 {
   width: 3em;
   font-size: 18pt;
   font-weight:bold;
}

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

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

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

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

img.fnfl {
   border: none;
   width: 6.0em;
}

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

a.sbgss:hover {
   background-color: #e040e0;
}

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

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

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

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

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

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 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 SPONSOR PAGE */

div.spons {
/* padding-top: 0.3em;
   padding-bottom: 2.0em; */
   padding: 0.3em 0.3em 2.0em 0.3em;
   background-color: #f0f8ff;
}

table.spons {
   margin-top: 0.5em;
   border-width: 2px;
   border-style: solid;
   border-color: #0000ff;
/* width: 600px;
   height: 800px; */
}

#spons 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: 200px; */
/* height: 155px; */
   padding: 0px;
   border-width: 2px;
   border-style: solid;
   border-color: #0000ff;
}

#spons a {
   display: block;
   height: 13em;
   width: 14em;
   white-space: nowrap;
   color: #0000ff;
   text-decoration:none;
   text-align: center;
   vertical-align: middle;
   font-size: 12pt;
   font-weight: bold;
   background-color: #ffe0e0;
}

#spons a:hover {
/* background-color: #e0f8ff; */
/* background-color: #c0e0ff; */
   background-color: #f08080;
}

#spons .spbox {
   color: #006400;
   background-color: #d0ffd0;
}

#spons a.spbox:hover {
   color: #400000;
   background-color: #00ff00;
}

/* FOR MEMBER-SPONSOR PAGE AND SNIPPETS */

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: #dc143c;
}
.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;
}
.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: 2;
   color: #000000;
   text-decoration: none;
   border: 1px solid #000;
   background-color: #fff;
   text-align: center;
   width: 5em;
}

div.mspon1 {
/* padding-top: 0.2em; */
/* padding-bottom: 0.3em; */
   background-color: #ffffff;
}

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

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

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

img.heart {
   border: none;
   width: 1.2em;
   vertical-align: middle;
}

/* 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, textarea.tafd {
   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;
}


/* FOR TESTIMONIALS PAGE */

/* FOR "BETTER" PAGE */

div.bett {
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   background-color: #f0f8ff;
}

/* FOR ACCOUNT INFO. PAGE */

div.edacp1 {
   font-weight: bold;
   text-align: center;
   width: 25em;
}

input.edacp1 {
   margin: 0.8em;
}

input.edacs1 {
/* margin: 1.0em 0em 0.5em 3.5em; */
}

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

input.edacs2 {
   margin: 0.5em 0em 0.0em 7.5em;
}

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

table.edacai {
   white-space: nowrap;
   padding: 0.5em 0.5em;
   font-size: 12pt;
   font-weight: bold;
   background-color: #f0f8ff;
/* border-width:2px;
   border-style:solid;
   border-color:#000000;
*/
}

td.edacai1 {
/* font-family: times; */
   padding: 0.5em;
}

td.edacai2 {
/* font-family: times; */
   padding: 0.5em;
}

.edace {
   margin: 0.4em 0 0.4em 1.0em;
}

div.edacc {
   padding: 0.5em 0 0.5em 2.5em;
}

table.edacc, span.edacc {
   margin: 0 0 0 2.0em;
}

td.edacc1 {
}   

td.edacc2 {
   padding: 0 0 0 0.5em;
}   

/* FOR NETWORK OF SERVICES 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.serv {
/* font-size: 13.5pt; */
   padding: 0.3em  0.3em;
   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;
}

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

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

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

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;
}


/* 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;
}

/* FOR POLL PAGE */

input.pbox, input.pnbox {
   position: relative;
   top: 0.23em;
   width: 1.2em;
   height: 1.2em;
}

/* 
input.pnbox {
   (could not find a scheme I liked better than all buttons looking the same).
   height: 1.0em;
   width: 1.2em;
}
*/

td.ppct {
   padding-left: 1.0em;
}

input.psub {
   margin-top: 1.0em;
   font-size: 12pt;
   font-weight: bold;
}

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