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

.hidden {visibility: hidden;}

.nobr {white-space: nowrap;}

.w10 {width: 10em;}
.w12 {width: 12em;}
.w14 {width: 14em;}
.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;}
.w48 {width: 48em;}

.tpad05 {padding-top: 0.5em;}

.tpad08 {padding-top: 0.8em;}

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

.bpad02 {padding-bottom: 0.2em;}

.tmar10 {margin-top: 1.0em;}

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

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

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

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

.black {color: #000000;}

.blue {color: #0000ff;}

.dblu {color:#0000cc;}

.ddblu {color:#0000bb;}

.purp {color:#8b008b;}

.center {text-align: center;}

.left {text-align: left;}

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

/* MISC. */

form {
   padding: 0;
   margin: 0;
}

br {clear: left;}

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

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

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

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

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

#navi1 a.sele {
   background-color:white;
/* padding: 0.25em 0.60em; */
   padding: 0.25em 0.30em;
   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;
}

#navi1 ul {
   list-style: none;
   margin-left: 0pt;
}

#navi1 li {
   display: inline;
   margin-left: 0pt;
}

div.stdsect {
   padding: 0.5em  1.0em;
   background-color: #f0f8ff;
}

/* HOME PAGE PIECES */

div.htop1, h1.htop1 {
   margin: 0.2em 0.0em;
   font-weight: bold;
   font-size: 24pt;
   color: #006400;  /* forest green */
}

div.htop2, h2.htop2 {
   margin: 0.2em 0.0em;
   font-weight: bold;
   font-size: 18pt;
}

div.htop3, h3.htop3 {
   margin: 0.2em 2.0em;
   font-weight: bold;
   font-size: 13.5pt;
}

div.help {
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   padding: 0.2em 0.8em;
/* display: table; */
   width: 30em;
   text-align: center;
   font-size: 13.5pt;
   font-weight: bold;
   background-color: #f0ecff;
   border-width:3px;
   border-style: solid;
   border-color: #8b008b;
}

#feat a {
   margin: 0px 10px;
}

#feat img {
   width: 80px;
}

div.find {
   text-align: center;
   font-weight: bold;
   background-color: #d8ffd8;
   border-width:3px;
   border-style: solid;
   padding: 0.0em 1.5em;;
   width: 26em;
   margin-top: 1.7em;
   margin-bottom: 1em;
}

div.fhead {
   font-size: 125%;
   font-weight: bold;
   padding: 0.2em 0.0em;;
}

input.idtxt {
   margin-top: 0.1em;
/* font-size: 12pt; */
}

div.hor {
   margin-top: 0.1em;
}

input.idsub {
   margin-top: 1.2em;
   font-size: 12pt;
   font-weight: bold;
}
   
input.idsub:hover {
   border-color: #f0d400;
}

div.logi {
   display: block;
   font-weight: bold;
   background-color: #d8ffd8;
   border-width:3px;
   border-style: solid;
   border-color:#00A000;
/* border-color:#ff0000; */
   padding: 0.3em 1.5em;
   margin: 0.3em 0.5em;
}

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

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

input.lpead {
   margin: 0.5em;
}

div.hreg {
   text-align: center;
   width: 17em;
   font-weight: bold;
   background-color: #d4eaff;
   border-width:3px;
   border-style: solid;
   border-color:#0000a0;
   padding: 0.3em;
   margin: 0.75em 0.5em;
}

a.butt {
   display:block;
   color:white;
   text-decoration:none;
   font-weight:bold;
   text-align:center;
   width: 7.0em;
   background-color:#0000c0;
   border-width:0.22em;
   border-style: outset;
   border-color:#0000b0;
   padding: 0.0em 0.20em;
   margin: 0.25em 0;
}

a.butt:hover {
   background-color:#0000ff;
   border-color:#0000ff;
}

div.hcnt {
   width: 17em;
   text-align: center;
   font-weight: bold;
/* background-color:#fcf0dc; */
   background-color: #fff0f0;
   border-width:3px;
   border-style: solid;
/* border-color:#b8860b; */
   border-color:#ff0000;
   padding: 0.3em;
   margin: 0.5em 0.5em 0.5em 0.5em;
}

td.spad, form.spad {
   padding: 0.2em 0;
}

/* FOR SITE DESCRIPTION PAGE */
/* 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, div.desc, div.ied {
/* font-size: 13.5pt; */
   background-color: #f0f8ff;
}

div.desc, div.ied {
   padding: 1.0em  0.5em;
}

div.serv {
   padding: 0.3em  0.3em;
}

#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.bsdot {
   border:none;
   width: 0.65em;
}

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

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

/* REGISTRATION PAGE: */

div.herr {
   font-weight: bold;
   font-size: 13.5pt;
   color: #ff0000;
   margin-left: 1.0em;
}

div.hsucc, span.hsucc {
   font-weight: bold;
   font-size: 13.5pt;
   color: #006400;
   margin-left: 1.0em;
   margin-right: 1.0em;
}

div.regi {
   margin: 1.0em;
   font-weight: bold;
   padding: 0.3em 1.5em;;
   background-color: #d4eaff;
   border-width:3px;
   border-style: solid;
   border-color:#0000a0;
}

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

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

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

/* LOST PASSWORD PAGE */

input.lpsub {
   font-weight: bold;
   margin: 0.5em 0em;
}

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

/* ACCOUNT HOME (AHOME) PAGE: */

div.navi2 {
   margin: 2em 0.2em;
   text-align: center;
}

#navi2 {
   white-space: nowrap;
   text-align: center;
}

#navi2 a {
   color:white;
   text-decoration:none;
   font-weight:bold;
   background-color:#0000bb;
   padding: 0.3em 0.6em;
   margin: 1.0em 0.2em;
   border-width:0.22em;
   border-style: outset;
   border-color:#0000bb;
}

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

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

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

/* #navi2 a.lbutt { */
#navi2 a.lbutt1, #navi2 a.lbutt2 {
   color: black;
   text-decoration:none;
   text-align: right;
   background-color:#ffa500; /* orange */
/* margin-left: 3em; */
   margin-left: 0.25em;
   padding: 0.3em 0.6em;
   border-width: 0.22em;
   border-style: outset;
   border-color: gray;
}

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


div.add {
   text-align: center;
   margin-top: 1.0em;
   margin-bottom: 1.5em;
}

div.lhead {
   margin-top: 0.8em;
   text-align: center;
   font-size: 18pt;
   font-weight: bold;
}

a.add {
   color: black;
   font-weight: bold;
   text-decoration:none;
   background-color:#f0d400;
   padding: 0.0em 0.4em;
   border-width: 0.22em;
   border-style: outset;
   border-color: #f0d400;
}

a.add:hover {
   background-color:#f8e800;
}

form.inlin {
   display: inline;
}

table.slist {
   border-width: 2px;
   border-style: solid;
   border-color: #000000;
   border-spacing: 2px;
}

#slist td {
   padding: 0px 8px;
}

#slist td.agepad {
   padding-right: 1.4em;
}

tr.slhd {
   background-color:#e0f0f0;
}

#slhd td {
   color:#000000;
   text-align:center;
   text-decoration:none;
   font-weight:bold;
/* width: 8.5em; */
   line-height: 1.3em;
   border-width: 1px;
   border-style: solid;
   border-color:#000000;
   background-color:#e0f0f0;
   border-spacing: 0px;
   empty-cells: show;
   padding: 0.30em;
   margin: 0em;
}

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

img.mdot {
   border:none;
   width: 1.0em;
   position: relative;
   top:  0.2em;
}

img.mdotb {
   border-width:1px;
   padding: 2px;
   width: 1.0em;
   position: relative;
   top:  0.1em;
}

/* ADD/EDIT FRIEND PAGE */

div.edhead, div.shhead, div.prhead {
   text-align: center;
   font-size: 18pt;
   font-weight: bold;
   padding-top: 0.0em;
   padding-bottom: 0.6em;
}

input.chkbox {
   position: relative;
/* top: 0.23em; */
   top: -0.1em;
   width: 1.2em;
   height: 1.2em;
}

form.fred {
/* font-size: 12pt; */
   font-size: 12pt;
   font-weight: bold;
   padding: 0.1em  1.0em 0.8em 1.0em;
   background-color: #f0f8ff;
/* background-color: #d4eaff;
   border-width:3px;
   border-style: solid;
   border-color:#0000a0; */
}

.lpad1 {
   margin-left: 1.0em;
}

input.aesub {
   margin-top: 1.0em;
   font-weight: bold;
   padding: 0.2em 0.3em;
}

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


/* PROFILE PAGE */

div.alttxt {
   font-weight: normal;
   padding-left: 1.0em;
}

/* PROSPECT PAGE */

div.seek1 {
   padding: 0.5em  1.0em;
   font-weight: bold;
   background-color: #f0f8ff;
}

div.pdscr {
   margin-left: 2.0em;
   font-weight: normal;
}

div.seek2 {
   padding: 0.5em  1.0em;
   font-weight: bold;
   background-color: #f0ffff;
}

/* 
#fnf option {
   text-align: center;
}
*/ 

input.fnfsub {
   margin-top: 0.5em;
   font-weight: bold;
}

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

div.msgsec {
   font-size: 13.5pt;
   padding-top: 0.8em;
   padding-bottom: 0.1em;
}

input.msgsub {
   margin-top: 0.8em;
/* font-size: 12pt; */
   font-weight: bold;
}

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

/* 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 {
   padding: 0.5em;
/* font-family: times; */
}

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

/* MATCH CRITERIA PAGE: */

#crit li {
padding-bottom: 0.8em;
}

/* FOR CONTACT PAGE: */

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

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

/* 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: 13em;
   font-size: 12pt;
   font-weight:bold;
}

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

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

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

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

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

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

a.sbgss:hover {
/* background-color: #60ff60; */
   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: #f4d8ff; */
   background-color: #ffc0c0;
}

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

a.r {
   background-color: #e80000;
}
a.r:hover {
   background-color:#ff0000;
}

a.g {
   background-color: #00b400;
}
a.g:hover {
   background-color:#00ff00;
}

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


/* FOR HELP PAGE, FAQ PAGE: */

div.help1 {
   font-size: 13.5pt;
/* 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 TERMS AND CONDITIONS PAGE: */

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