/* ------------------------------------------------------------------- Main Containers and wrappers ------------------------------------------------------------------- */ h1 {font-family:Georgia, Arial; font-size: 23px; font-weight: 500; color: #064E80; margin:0;} h2 {font-family:Verdana; font-size: 1em; color: #C76B17; margin:0;} h3 {font-family:Verdana; font-size: 1em; color: #C76B17; margin:0;} h4 {color:#0066a9; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; margin:0; padding: 0;} h5 {font-family:Georgia, Arial; font-size: 18px; font-style: smooth; font-weight: 500; color: #064E80; margin:30px 0px 5px 0px;} h5.step {font-family:Georgia, Arial; font-size: 16px; font-style: smooth; font-weight: 700; color: #064E80; margin:0px 0px 5px 0px;} h5.indent {font-family:Georgia, Arial; font-size: 16px; font-style: smooth; font-weight: 700; color: #064E80; margin: 10px 25px 10px 20px;} h6 {font-family:Georgia, Arial; font-size: 16px; font-style: smooth; font-weight: 700; color: #064E80; margin:0px 0px 0px 0px; padding: 7px 0px 0px 0px;} #formcontainer {text-align:left; width:790px; margin:0px 0px 10px 45px; } #contentwrapper {text-align:left; margin:0px 25px 10px 30px;} .hknavpadleft {padding-left:13px} html>body .hknavpadleft {padding-left:0.1px} /* ------------------------------------------------------------------- Healthy Families ------------------------------------------------------------------- */ .colorbox {width:769px; margin:10px 0px 0px 25px; padding:0px; text-align:center;} html>body .colorbox {width:769px; margin:10px 0px 0px 33px; padding:0px; text-align:center;} .colorboxcontent {margin: 10px 15px 0px 20px; padding:0px; text-align:left;} .colorboxcontent p {padding-bottom:10px; margin:0px;} .colorboxtop {height: 17px; margin: 0px; padding: 0px; display: inline;} #Pcolorboxtopl {background-image: url(/portal/images/fep/hk/leftcorner_p.gif); background-repeat:no-repeat; height: 17px; width:17px; margin: 0px; padding:0px; float: left;} #Ocolorboxtopl {background-image: url(/portal/images/fep/hk/leftcorner_o.gif); background-repeat:no-repeat; height: 17px; width:17px; margin: 0px; padding:0px; float: left;} #Gcolorboxtopl {background-image: url(/portal/images/fep/hk/leftcorner_g.gif); background-repeat:no-repeat; height: 17px; width:17px; margin: 0px; padding:0px; float: left;} #Pcolorboxtopc {background-image: url(/portal/images/fep/hk/topstretch_p.gif); background-repeat:repeat-x; height: 17px; width:735px; margin: 0px; padding:0px; float: left;} #Ocolorboxtopc {background-image: url(/portal/images/fep/hk/topstretch_o.gif); background-repeat:repeat-x; height: 17px; width:735px; margin: 0px; padding:0px; float: left;} #Gcolorboxtopc {background-image: url(/portal/images/fep/hk/topstretch_g.gif); background-repeat:repeat-x; height: 17px; width:735px; margin: 0px; padding:0px; float: left;} #Pcolorboxtopr {background-image: url(/portal/images/fep/hk/rightcorner_p.gif); background-repeat:no-repeat; height: 17px; width:17px; margin: 0px; padding:0px; float: left;} #Ocolorboxtopr {background-image: url(/portal/images/fep/hk/rightcorner_o.gif); background-repeat:no-repeat; height: 17px; width:17px; margin: 0px; padding:0px; float: left;} #Gcolorboxtopr {background-image: url(/portal/images/fep/hk/rightcorner_g.gif); background-repeat:no-repeat; height: 17px; width:17px; margin: 0px; padding:0px; float: left;} #Pcolorboxmiddle {background-image: url(/portal/images/fep/hk/centerstretch_p.gif); background-repeat:repeat; height: inherit; margin: 0px; padding:0px 15px 5px 17px;} #Ocolorboxmiddle {background-image: url(/portal/images/fep/hk/centerstretch_o.gif); background-repeat:repeat; height: inherit; margin: 0px; padding:0px 15px 5px 17px;} #Gcolorboxmiddle {background-image: url(/portal/images/fep/hk/centerstretch_g.gif); background-repeat:repeat; height: inherit; margin: 0px; padding:0px 15px 5px 17px;} .colorboxbottom {height: 42px; margin: 0px; padding:0px; display: inline;} #Pcolorboxbottoml {background-image: url(/portal/images/fep/hk/leftcorner_bot_p.gif); background-repeat:no-repeat; height: 42px; width:17px; margin: 0px; padding:0px; float: left;} #Ocolorboxbottoml {background-image: url(/portal/images/fep/hk/leftcorner_bot_o.gif); background-repeat:no-repeat; height: 42px; width:17px; margin: 0px; padding:0px; float: left;} #Gcolorboxbottoml {background-image: url(/portal/images/fep/hk/leftcorner_bot_g.gif); background-repeat:no-repeat; height: 42px; width:17px; margin: 0px; padding:0px; float: left;} #Pcolorboxbottomc {background-image: url(/portal/images/fep/hk/botstretch_p.gif); background-repeat:repeat-x; height: 42px; width:735px; margin: 0px; padding:0px; float: left;} #Ocolorboxbottomc {background-image: url(/portal/images/fep/hk/botstretch_o.gif); background-repeat:repeat-x; height: 42px; width:735px; margin: 0px; padding:0px; float: left;} #Gcolorboxbottomc {background-image: url(/portal/images/fep/hk/botstretch_g.gif); background-repeat:repeat-x; height: 42px; width:735px; margin: 0px; padding:0px; float: left;} #Pcolorboxbottomr {background-image: url(/portal/images/fep/hk/rightcorner_bot_p.gif); background-repeat:no-repeat; height: 42px; width:17px; margin: 0px; padding:0px; float: left;} #Ocolorboxbottomr {background-image: url(/portal/images/fep/hk/rightcorner_bot_o.gif); background-repeat:no-repeat; height: 42px; width:17px; margin: 0px; padding:0px; float: left;} #Gcolorboxbottomr {background-image: url(/portal/images/fep/hk/rightcorner_bot_g.gif); background-repeat:no-repeat; height: 42px; width:17px; margin: 0px; padding:0px; float: left;} .colorboxheader {text-align:left; margin:0px 0px 0px 8px;} .hfboxwrapper {width:inherit; display:inline; padding:0px; background-color:transparent; margin:0px;} .hfbox {width:360px; float:left; margin:0px 3px; text-align:left;} .hfboxtop {height:153px; margin:0px; padding:0px; display:inline;} #Phfboxtopl {background-image: url(/portal/images/fep/hk/p_leftcorner.gif); background-repeat:no-repeat; height: 153px; width:39px; margin: 0px; padding:0px; float: left;} #Ohfboxtopl {background-image: url(/portal/images/fep/hk/o_leftcorner.gif); background-repeat:no-repeat; height: 153px; width:39px; margin: 0px; padding:0px; float: left;} #Ghfboxtopl {background-image: url(/portal/images/fep/hk/g_leftcorner.gif); background-repeat:no-repeat; height: 153px; width:39px; margin: 0px; padding:0px; float: left;} #Phfboxtopc {background-image: url(/portal/images/fep/hk/p_topstretch.gif); background-repeat:repeat-x; height: 153px; width:282px; margin: 0px; padding:0px; float: left;} #Ohfboxtopc {background-image: url(/portal/images/fep/hk/o_topstretch.gif); background-repeat:repeat-x; height: 153px; width:282px; margin: 0px; padding:0px; float: left;} #Ghfboxtopc {background-image: url(/portal/images/fep/hk/g_topstretch.gif); background-repeat:repeat-x; height: 153px; width:282px; margin: 0px; padding:0px; float: left;} #Phfboxtopr {background-image: url(/portal/images/fep/hk/p_rightcorner.gif); background-repeat:no-repeat; height: 153px; width:39px; margin: 0px; padding:0px; float: left;} #Ohfboxtopr {background-image: url(/portal/images/fep/hk/o_rightcorner.gif); background-repeat:no-repeat; height: 153px; width:39px; margin: 0px; padding:0px; float: left;} #Ghfboxtopr {background-image: url(/portal/images/fep/hk/g_rightcorner.gif); background-repeat:no-repeat; height: 153px; width:39px; margin: 0px; padding:0px; float: left;} #Phfboxmiddle {background-image: url(/portal/images/fep/hk/p_middlestretch.gif); background-repeat:repeat; height: inherit; margin: 0px; padding:0px;} #Ohfboxmiddle {background-image: url(/portal/images/fep/hk/o_middlestretch.gif); background-repeat:repeat; height: inherit; margin: 0px; padding:0px;} #Ghfboxmiddle {background-image: url(/portal/images/fep/hk/g_middlestretch.gif); background-repeat:repeat; height: inherit; margin: 0px; padding:0px;} .hfboxbottom {height: 40px; margin: 0px; padding:0px; display: inline;} #Phfboxbottoml {background-image: url(/portal/images/fep/hk/p_leftcornerbot.gif); background-repeat:no-repeat; height: 40px; width:39px; margin: 0px; padding:0px; float: left;} #Ohfboxbottoml {background-image: url(/portal/images/fep/hk/o_leftcornerbot.gif); background-repeat:no-repeat; height: 40px; width:39px; margin: 0px; padding:0px; float: left;} #Ghfboxbottoml {background-image: url(/portal/images/fep/hk/g_leftcornerbot.gif); background-repeat:no-repeat; height: 40px; width:39px; margin: 0px; padding:0px; float: left;} #Phfboxbottomc {background-image: url(/portal/images/fep/hk/p_bottomstretch.gif); background-repeat:repeat-x; height: 40px; width:282px; margin: 0px; padding:0px; float: left;} #Ohfboxbottomc {background-image: url(/portal/images/fep/hk/o_bottomstretch.gif); background-repeat:repeat-x; height: 40px; width:282px; margin: 0px; padding:0px; float: left;} #Ghfboxbottomc {background-image: url(/portal/images/fep/hk/g_bottomstretch.gif); background-repeat:repeat-x; height: 40px; width:282px; margin: 0px; padding:0px; float: left;} #Phfboxbottomr {background-image: url(/portal/images/fep/hk/p_rightcornerbot.gif); background-repeat:no-repeat; height: 40px; width:39px; margin: 0px; padding:0px; float: left;} #Ohfboxbottomr {background-image: url(/portal/images/fep/hk/o_rightcornerbot.gif); background-repeat:no-repeat; height: 40px; width:39px; margin: 0px; padding:0px; float: left;} #Ghfboxbottomr {background-image: url(/portal/images/fep/hk/g_rightcornerbot.gif); background-repeat:no-repeat; height: 40px; width:39px; margin: 0px; padding:0px; float: left;} .resultsp {background-image: url(/portal/images/fep/hk/p_middlestretch_white.gif); background-repeat:repeat; height: inherit; text-align:left; margin:0px; padding:0px 0px 0px 15px;} .resultso {background-image: url(/portal/images/fep/hk/o_middlestretch_white.gif); background-repeat:repeat; height: inherit; text-align:left; margin:0px; padding:0px 0px 0px 15px;} .resultsg {background-image: url(/portal/images/fep/hk/g_middlestretch_white.gif); background-repeat:repeat; height: inherit; text-align:left; margin:0px; padding:0px 0px 0px 15px;} .buttonwrapper {width:648px; display:inline; margin:0px; padding-top:10px;} .kidbutton {width:162px; height: 147px; float:left; margin:0px;} .teenbutton {width:162px; height: 135px; float:left; margin:0px;} .boxinfo {position:relative; text-align:left; top:35px; margin:0px; padding:0px;} .boxinfomiddle {width:282px; margin:0px 0px 0px 40px; padding:0px;} .boxinfo td, .boxinfomiddle td, .resultsg td, .resultsp td, .resultso td {font-family:Verdana; font-size:13px; color:#333333;} html>body .boxinfomiddle table{font-family:Verdana; font-size:13px; color:#333333;display:inline} p.p {color:#651F5F; font-weight:bold; padding:0px 0px 5px 26px; margin :0px;} p.o {color:#D47711; font-weight:bold; padding:0px 0px 5px 26px; margin :0px;} p.g {color:#568E2E; font-weight:bold; padding:0px 0px 5px 26px; margin :0px;} td.namep {color:#651F5F; font-size:14px; font-weight:600;} td.nameo {color:#D47711; font-size:14px; font-weight:600;} td.nameg {color:#568E2E; font-size:14px; font-weight:600;} td.colorp {color:#651F5F; font-weight:600;} td.coloro {color:#D47711; font-weight:600;} td.colorg {color:#568E2E; font-weight:600;} /* ------------------------------------------------------------------- Blue ------------------------------------------------------------------- */ #blue2 {background: url(/portal/images/fep/hk/bluegradient2.gif); background-repeat:repeat-x; height: inherit; width:807px; margin: 0px 0px 0px 14px; overflow: inherit;} #bluecontent {text-align: left; margin: 15px 35px 10px 35px;} html>body #bluecontent {text-align: left; margin: 5px 35px 10px 35px;} #bluecontent p {margin: 10px 0px;} html>body #bluecontent p {margin: 5px 0px;} html>body #bluecontent p img {margin: 10px 0px;display:inline} #bluecontent a.pagelink {font-family:Verdana; font-size:14px; font-weight:500; color:#064E80; padding:0px; margin:0px;} #bluecontent a.pagelinkon {font-family:Verdana; font-size:14px; font-weight:700; color:#064E80; padding:0px; margin:0px;} /* ------------------------------------------------------------------- Registration pages ------------------------------------------------------------------- */ #stepbanner {height: 113px; width:790px; margin: 10px 0px 0px 0px;} #stepheader {text-align: left; margin: 15px 35px 10px 15px;} #contentwrapper p {margin: 5px 0px 0px 0px;} .indent {margin: 5px 25px 0px 25px;} #formcontainer p {margin: 0px 25px 0px 20px;} #formcontainer p.nomargin {margin: 0px;} #formcontainer p.content {font-family:Verdana; font-size:11px; color:#333333; padding:0px; margin: 5px 25px 10px 20px;} #formcontainer td.label {font-family:Verdana; font-size:14px; font-weight:600; color:#333333; padding:0px; margin:0px;} #formcontainer td.data {font-family:Verdana; font-size:14px; font-weight:600; color:#064E80; padding:0px; margin:0px;} #formcontainer td.p {font-family:Verdana; font-size:11px; color:#333333; padding:0px; margin:0px;} #formwrapper {text-align:left; width:700px; padding: 10px 0px; margin:0px 15px;} html>body #formwrapper table {text-align:left; display: inline;} html>body #formwrapper .combotextbox{white-space: nowrap;} #formbox {width: 737px; margin: 10px 0px 0px 5px; padding:0px 0px 0px 0px;} #formwrapper .combotextmsg{font-family:Verdana; font-size:11px;float:left;width:100%;white-space: nowrap;} html>body #formwrapper .combotextmsg{white-space: nowrap;font-family:Verdana; font-size:11px;margin-left:1px; padding-left:1px} #formboxtop {height: 45px; margin: 0px; padding: 0px; display: inline;} #formboxtopl {background-image: url(/portal/images/fep/leftcorner.gif); background-repeat:no-repeat; height: 45px; width:18px; margin: 0px; padding:0px; float: left;} #formboxtopc {background-image: url(/portal/images/fep/topstretch.gif); background-repeat:repeat; height: 45px; width:701px; margin: 0px; padding:0px; text-align:left; float: left;} #formboxtopr {background-image: url(/portal/images/fep/rightcorner.gif); background-repeat:no-repeat; height: 45px; width:18px; margin: 0px; padding:0px; float: left;} #formboxmiddle {background-image: url(/portal/images/fep/centerstretch.gif); background-repeat:repeat; height: inherit; margin: 0px; padding:0px;} .bubbletext {text-align: left; position: relative; top: -122px; width:128px; font-family:Verdana; font-size:12px; color:#064E80; padding:0px; margin:0px;} .bubbletextlg {text-align: left; position: relative; top: -200px; left: 2px; width:145px; font-family:Verdana; font-size:11px; color:#064E80; padding-top:18px; margin:0px;} #formboxbottom {height: 23px; margin: 0px; padding:0px; display: inline;} #formboxbottoml {background-image: url(/portal/images/fep/leftcorner_bot.gif); background-repeat:no-repeat; height: 23px; width:18px; margin: 0px; padding:0px; float: left;} #formboxbottomc {background-image: url(/portal/images/fep/botstretch.gif); background-repeat:repeat; height: 23px; width:701px; margin: 0px; padding:0px; float: left;} #formboxbottomr {background-image: url(/portal/images/fep/rightcorner_bot.gif); background-repeat:no-repeat; height: 23px; width:18px; margin: 0px; padding:0px; float: left;} #help {position: relative; left: 420px; top:32px; margin:0px; padding: 0px;} #help tr td a {font-family:Verdana; font-size:11px; color:#1CABFA; padding:0px; margin:0px; text-decoration:none;} html>body #help tr td a {font-family:Verdana; font-size:11px; color:#1CABFA; padding:0px; margin:0px; text-decoration:none;display:inline;white-space: nowrap;} #buttons {text-align:right; width: 680px; position: relative; display:inline; float:right; top:-20px; margin-right: 65px;} #buttonll {margin: 10px; display:inline;} #buttonl {margin: 10px; display:inline;} #buttonr {margin: 10px; display:inline;} #pp {width:685px; height:325px; margin:10px;} #ppcontent {text-align: left;} #ppcontent p {padding:10px 0px 5px 0x;} #accept {padding:0px 10px;} #popup {background: url(/portal/images/fep/bluegradient2.gif); background-repeat:repeat-x; margin:0px; padding:10px 10px 10px 10px; width:380px; height: inherit; text-align:left;} #popup p {margin-top:10px;} /* ------------------------------------------------------------------- white box ------------------------------------------------------------------- */ #whitebox {width: 351px; height: 249px; margin: 0 auto; text-align: left; overflow: hidden; float:left; background:#ffffff; border: #C1D6F1 1px solid;} #whiteboxtext {margin: 0; width:340px; text-align:left; color:#22487C;} #whiteboxtext p {text-align:left; color:#333333; padding: 5px; padding-left: 18px;} #whitebox2 {width: 360px; height: 190px; padding:5px; text-align: left; overflow: hidden; background:#ffffff; border: #C1D6F1 1px solid;} #whiteboxtext2 {margin: 0; width:340px; text-align:left;} #whiteboxtext2 p {text-align:left; color:#333333; padding: 5px; padding-left: 18px;} #whiteboxtext2 ol li {padding-bottom:5px;} /* ------------------------------------------------------------------- TopBox ------------------------------------------------------------------- */ #topboxcontent {margin-top:-11px; padding:0;} #textbox {width:230px; margin:0; padding-top: 5px; float:left;} #imagebox2 {width:83px; height:94px; margin:0; float:right; padding-right:12px; margin-top: -27px;} #smarticon {position: relative; left:-2px; top: -86px; background: transparent; width:45px; height:30px; color:#fff; font-weight:bold; text-align:center; margin:0;} /* ------------------------------------------------------------------- Portlets ------------------------------------------------------------------- */ .headertop {width:345px; height:53px; margin:0; padding: 25px 0px 20px 0px;} #hf {width: 322px; height: 87px; margin: 0 auto; text-align: center; float:left;} #hf p {margin-top:85px;} #hf a {background: url(/portal/images/fep/bullet);} #nfb, #cc {width: auto; height: auto; text-align: left; overflow: hidden; margin: 10px 15px 15px;} #ddguest {position: absolute; left: 265px; top: 830px; background: url(images/whitebox2.gif); width: 357px; height: 249px; margin: 0 auto; text-align: left; overflow: hidden; float:left;} #leftportlet {height: auto; margin: 10px 20px 15px 35px; text-align: left; overflow: hidden;} /*no blue top mini portlet */ .notopcontentboximage{width:275px; float:left; padding-left:5px;} .notopcontentboximage p.break {padding-top:10px;} .topcenter {margin:5px 0px 10px 0px; float:left;} #callout {width:357px; margin:0;} #callout p {padding-left:15px;} #callout p.indent {padding-left:110px;} #callout p.indent2 {padding-left:75px;} /*image border */ .imagebox {float:left; margin:0;} .imagebox img{margin:4px 4px 4px 4px;} .imagecontentbox {width:255px; float:left; padding-top:0px; padding-left:5px; margin:0;} .imagecontentbox p.break {padding-top:10px;} /* ------------------------------------------------------------------- Border boxes ------------------------------------------------------------------- */ #rightborderbox {background: #FFFFFF; border: #D7E3EB 1px solid; float:right; width:360px; height: 750px; margin: 20px 0px 20px 0px; padding:5px;} #leftborderbox {background: #FFFFFF; border: #D7E3EB 1px solid; float:left; width:360px; height: 750px; margin: 20px 0px 20px 0px; padding:5px;} /* ------------------------------------------------------------------- column containers ------------------------------------------------------------------- */ #leftcontainer {text-align:center; float:left; width: 370px; height: auto; margin:0; padding:20px 0px;} #leftcontainer ul li {list-style-image: url(/portal/images/fep/bullet.gif); list-style-type: none; list-style-position: outside; line-height: 1.3em; font: 12px/1.3 Verdana, sans-serif;} #leftcontainer ul {margin-top:5px;} #rightcontainer {width: 368px; height: auto; margin: 0; text-align: left; overflow: hidden; float:right;} #rightcontainer2 {width: 360px; height: auto; margin: 0; text-align: left; overflow: hidden; float:right;} #leftcontainer2 {width: 360px; height: auto; margin: 0; text-align: left; overflow: hidden; float:left;} /* ------------------------------------------------------------------- Stretchbox (guest) ------------------------------------------------------------------- */ #stretchbox {background: #FFFFFF; border: #D7E3EB 1px solid; width:755; margin: 0px 0px 20px 0px; padding:10px;} /* ------------------------------------------------------------------- folderlist ------------------------------------------------------------------- */ #folderlist {margin:0;} #folderlist p.folder {background: url(/portal/images/fep/folder.gif); background-repeat: no-repeat; line-height:40px; padding:0px 0px 5px 45px; margin:20px 0px 0px 0px;} #folderlist a.file {background: url(/portal/images/fep/file.gif); background-repeat: no-repeat; height:42px; padding:15px 0px 0px 35px; margin-left: 20px;}