body { background: url(../nruhp/bg-main.gif) repeat-x #cccccc; margin:0; padding: 0; text-align: center; font: 11px/25px "Trebuchet MS", Arial, Helvetica, Verdana, san-serif; position:relative;}

#nruhp-main {margin-top:-110px;}

*{box-sizing: border-box;-moz-box-sizing: border-box;}

#hdr { position:relative; width:1024px; margin:0 auto; z-index:1000000;}
#home { position:relative; width:1002px; margin:0 auto;}
#register { position:relative; width:990px; margin: -32px auto 0 auto; height:650px; border:1px solid #999999; padding: 0;background-color:#FFFFFF;border-right:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #999999;}
#profilePage { position:relative; width:990px; margin: -15px auto 0 auto; height:700px; border:1px solid #999999; padding: 0;background-color:#FFFFFF;border-right:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #999999;}
#congratulation { position:relative; width:990px; margin: -15px auto 0 auto; height:370px; border:1px solid #999999; padding: 0;background-color:#FFFFFF;border-right:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #999999;} 
#Public_Profile { position:relative; width:990px; margin: -15px auto 0 auto; border:1px solid #999999; padding: 0;background-color:#FFFFFF;border-right:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #999999;}

#footer { text-align:center; padding:15px 0 0 0 0; font-size:10px; color:#000000; width:938px; background: url(../nruhp/bg-main.gif) repeat-x #cccccc;  padding:17px; margin:0 auto; }
#public_profile_footer { text-align:center; padding:15px 0 0 0 0; font-size:10px; color:#000000; width:938px; padding:17px; margin:0 auto; }

#ad-hdr { position:relative; width:987px; height:102px; margin:0 auto;background-color:#061226;align:center;}


#main-hdr {position:relative; margin:-5px auto auto -3px; height:122px; }

#bg-container[class] { background: url(../nruhp/bg-header-unreg.png) no-repeat 0 0;} 

.nruhp-hdr-center { position:relative;float:left; width:987px; }
.public_profile_nruhp-hdr-center { position:relative;float:left; width:987px; padding-top:10px; }
.public_profile_nruhp-hdr-center[class] { position:relative;float:left; width:987px; padding-top:10px; padding-left:18px; }
 
 
/* float clearing */
.clearthis { display: inline-table; } 


 .logo[class] { background: url(../refresh/cmoLogo.png) 0 0 no-repeat;float:left; }
 
 
 .or[class] { background: url(../nruhp/nruhp-or.png) 0 0 no-repeat;float:left; z-index:1000000;position:absolute; top:0px; left:427px;}
 
 .fof-header[class] { background: url(../nruhp/fof-header.png) 0 0 no-repeat; width:342; height:49px; float;left}
 .fof-border-top[class] { background: url(../nruhp/fof-border-top.png) 0 0 no-repeat; width:997px; height:30px; clear:both;}
 .fof-border-bt[class] { background: url(../nruhp/fof-border-bt.png) 0 0 no-repeat; width:997px; height:26px; clear:both;}
 .fof-border-white-l[class] { background: url(../nruhp/fof-border-white-l.png) 0 0 repeat-y; width:33px; height:30px;}
 .fof-border-white-r{background: url(../nruhp/fof-border-white-r-ie.jpg) 0 0 repeat-y; width:25px; height:30px;}
 .fof-border-white-r[class] {background: url(../nruhp/fof-border-white-r.jpg) 0 0 repeat-y; width:25px; height:30px;}
 .fof-border-ylw-l[class] { background: url(../nruhp/fof-border-ylw-l.png) 0 0 repeat-y; width:33px; height:30px;}
 .fof-border-ylw-r{background: url(../nruhp/fof-border-ylw-r-ie.jpg) 0 0 repeat-y; width:25px;} 
 .fof-border-ylw-r[class] {background: url(../nruhp/fof-border-ylw-r.jpg) 0 0 repeat-y; width:25px;}
 .fof-divider[class] { background: url(../nruhp/fof-divider.png) 0 0 no-repeat; height:1px;}
 
 p {height:16px;}
 
 #nruhp-find-old-friends, #nruhp-introduce-yourself {width:489px; position:relative; float:left;}
 #nruhp-find-old-friends { margin:0 15px 5px 0; }
 
 .nruhp-mod-top { width:489px; height:8px;float:left; }
 .nruhp-mod-btm { width:489px; height:10px;float:left; }
 .nruhp-mod-main { width:489px;float:left;text-align:center;}
 
 
 #nruhp-find-old-friends .nruhp-mod-top { background:url(../nruhp/nruhp-fof-top.png) no-repeat; }
 #nruhp-find-old-friends .nruhp-mod-btm { background:url(../nruhp/nruhp-fof-btm.png) no-repeat; }
 #nruhp-find-old-friends .nruhp-mod-main { background:url(../nruhp/nruhp-fof-bg.png) repeat-y; }
 
 #nruhp-introduce-yourself .nruhp-mod-top  { background:url(../nruhp/nruhp-iy-top.png) no-repeat; }
 #nruhp-introduce-yourself .nruhp-mod-btm { background:url(../nruhp/nruhp-iy-btm.png) no-repeat; }
 #nruhp-introduce-yourself .nruhp-mod-main { background:url(../nruhp/nruhp-iy-bg.png) repeat-y; }

 .frm-row { float:left; margin:1px 0 0px 0; width:485px; }
 .frm-row-clean { clear:left; margin:0; padding:0; }
 .frm-left { font-size:11px; font-weight:bold; color:#ffffff;width:100px;float:left; text-align:left;}
 #nruhp-introduce-yourself .frm-left  { font-size:11px; font-weight:bold; color:#ffffff;width:125px;float:left; text-align:left;}
 .frm-right { font-size:10px; color:#ffffff; text-style:none; float:left;width:200px; text-align:left;}
 
 .spacer-div {width:88px;float:left;}
 
 .nruhp-input-txt { height:16px; font-family:"Trebucht MS",Arial,Verdana,Helvetica; font-size:10px; color:#666666; margin:0; padding:0;line-height:14px;}
 .nruhp-input-txt-err { height:16px; font-family:"Trebucht MS",Arial,Verdana,Helvetica; font-size:10px; color:#666666; margin:0; padding:0;line-height:14px;border:1px solid #FF0000;}
 .nruhp-input-txt-err-bl { height:16px; font-family:"Trebucht MS",Arial,Verdana,Helvetica; font-size:10px; color:#666666; margin:0; padding:0;line-height:14px;border:1px solid #000000;}
 
 input.introInputError { border: 1px solid red; }
 input.fofInputError { border: 1px solid black; }
 
 .blue-input-txt { height:16px; font-family:"Trebucht MS",Arial,Verdana,Helvetica; font-size:10px; color:#FFFFFF; margin:0; padding:0;line-height:14px;background-color:#88ACC5;}

  select { font-family:"Trebucht MS",Arial,Verdana,Helvetica; font-size:10px; color:#000000; }
 
 .nruhp-home-txt { font-size:22px; font-weight:bold; color:#ffffff;padding-top:17px;padding-bottom:10px;}
 .nruhp-browse-text { width:950px; margin: 18px auto 8px auto; font-size:25px; font-weight:bold; color:#C35E0A; text-align:left; }
 
 .regfrm-row { float:left; margin:0px; width:295px;}
 .regfrm-left { font-size:11px; width:110px;float:left; text-align:left; padding-left:5px;}  
 .regfrm-right { font-size:10px; text-style:none; float:left;width:180px; text-align:left; } 
 
 .reg-bg {background:url(../nruhp/reg-bg.png) repeat-x; width:300px; color:#FFFFFF;position:relative;background-color:#629400;}
 .reg-bg[class] {background:url(../nruhp/reg-bg.png) repeat-x; width:300px; color:#FFFFFF;position:relative;background-color:#6E9F00;} 
 
#nruhp-footer {line-height:14px; font-weight:bold; font-size:11px; font-family:"Trebucht MS",Arial,Verdana,Helvetica,san-serif;}
#nruhp-footer a:link {color:#000000;text-decoration:none}
#nruhp-footer a:visited {color:#000000;text-decoration:none}
#nruhp-footer a:hover {color:#000000;text-decoration:underline}  

a.footerlink:link {color:#000000;text-decoration:none}
a.footerlink:visited {color:#000000;text-decoration:none}
a.footerlink:hover {color:#000000;text-decoration:underline}  

a.login:link {color:#FFFF00;text-decoration:none}
a.login:visited {color:#FFFF00;text-decoration:none}
a.login:hover {color:#FFFF00;text-decoration:underline} 

a.returnlink:link {color:#0066CC;text-decoration:none}
a.returnlink:visited {color:#0066CC;text-decoration:none}
a.returnlink:hover {color:#0066CC;text-decoration:underline} 

a.AtoZlink:link {color:#183769;text-decoration:none; font-weight:bold; font-size:12px;}
a.AtoZlink:visited {color:#183769;text-decoration:none;font-weight:bold; font-size:12px;}
a.AtoZlink:hover {color:#183769;text-decoration:underline;font-weight:bold; font-size:12px;}

a.pagination:link {color:#F89A35;text-decoration:none; font-weight:bold;}
a.pagination:visited {color:#F89A35;text-decoration:none;font-weight:bold;}
a.pagination:hover {color:#F89A35;text-decoration:underline;font-weight:bold;}

a.memName:link {color:#2369B2;text-decoration:none; font-weight:bold; font-size:12px;line-height:10px;}
a.memName:visited {color:#2369B2;text-decoration:none;font-weight:bold; font-size:12px;line-height:10px;}
a.memName:hover {color:#91B4D9;text-decoration:none;font-weight:bold; font-size:12px;line-height:10px;} 
 
.login-txt {text-align:right; color:#FFFFFF; font-weight:bold;float:right;width:600px;padding-right:10px;}
.public_profile_login-txt {text-align:right; color:#FFFFFF; font-weight:bold;float:right;width:600px;padding-right:10px; padding-top:22px;}

.mem-count-txt {font-size:16px;width:450px;float:right;}

.mem-line-left { background-image:url(../nruhp/mem-count-l.gif); position:relative; float:left; width:2px; height:24px; background-repeat:no-repeat;}

.mem-each-num { background-image:url(../nruhp/mem-count-t.gif); position:relative; float:left; width:18px; height:24px; background-repeat:no-repeat;text-align:center; color:#000000;}

.mem-line-right { background-image:url(../nruhp/mem-count-r.gif); position:relative; float:left; width:2px; height:24px; background-repeat:no-repeat;}  


#col-one { width:665px; margin-top:5px; float:left;}
#col-two { width:320px; margin-top:5px; float:right;}

.browse-header{height:20px; background-color:#86B9D9; color:#FFFFFF; font-size:15px;line-height:18px; font-weight:bold; padding-left:10px;}


#reg-top-left{float:left; width:30px; height:26px;background:url(../nruhp/nruhp-reg-left-t.gif) no-repeat;}
#reg-top-center{float:left; height:26px;}
#reg-top-right{float:left; width:30px; height:26px;background:url(../nruhp/nruhp-reg-right-t.gif) no-repeat;}

#reg-mid-left{float:left; width:10px;}
#reg-mid-center{float:left;background:url(../nruhp/nruhp-reg-center-bg.gif) repeat-x;}
#reg-mid-right{float:left; width:10px;}

#reg-bot-left{float:left; width:30px; height:30px;background:url(../nruhp/nruhp-reg-left-b.gif) no-repeat;}
#reg-bot-center{float:left; height:30px;}
#reg-bot-right{float:left; width:30px; height:30px;background:url(../nruhp/nruhp-reg-right-b.gif) no-repeat;}


#displayMembers { margin-top:20px;margin-left:6px;}

.profile-top {border: 1px solid #D8D8D8;background-color:#FCFCFC;color:#737373;margin-bottom:10px;}
.profile-bot {border: 1px solid #D8D8D8;background-color:#CDD1DA;color:#FFFFFF;padding-left:10px;font-size:13px;font-weight:bold;height:26px;}

#profile-details { line-height: 21px;}

#loading {font-size:13px; font-weight:bold;margin-top:10px;}

.fofError{border: 1px solid black; width:332px; background-color:#FFFFFF;float:left;color:#FF0000;text-align:left;font-size:12px;line-height:13px;padding:3px;}

.introError{border: 1px solid #FF0000; width:332px; background-color:#FFFFFF;float:left;color:#FF0000;text-align:left;font-size:12px;line-height:13px;padding:3px;}
.browseError{border: 1px solid #FF0000; width:325px; background-color:#FFFFFF;color:#FF0000;text-align:left;font-size:12px;line-height:13px;padding:3px;}

.regError{border: 1px solid #FF0000; width:270px; background-color:#FFFFFF;float:left;color:#FF0000;text-align:left;font-size:12px;line-height:13px;padding:3px;}

/* Styles for dynamic dropdowns */

.face {height: 23px;width: 100px;font-size: 1px;-moz-box-sizing: border-box;cursor: pointer;}
.list {position: absolute;display: none;margin-top: -2px;-moz-box-sizing: border-box;height: 200px;margin-left: 2px;overflow: auto;}
.item {height: 20px;line-height: 20px;border: 1px solid #ffffff;border-top: 0px;background: #88ACC5;font-size: 11px;font-family: 'trebuchet ms';padding-left: 10px;cursor: pointer;-moz-box-sizing: border-box;color: #ffffff;font-weight: bold;}
.hoverItem {background: #c0c0c0;color: #000000;}
.selTd[class] { background: url('../nruhp/drop-bg-gray.png'); }
.selTdRight[class] { background: url('../nruhp/drop-r-gray.png') 0 0 no-repeat; }
.selTdLeft[class]  { background: url('../nruhp/drop-l-gray.png') 0 0 no-repeat; }
.selArrow[class]  { background: url('../nruhp/drop-bg-gray.png'); }

.then-on[class] { background: url(../nruhp/then-on.png) 0 0 no-repeat;float:left;cursor:pointer; z-index:1000000;position:absolute; top:54px; left:65px;}
.then-off[class] { background: url(../nruhp/then-off.png) 0 0 no-repeat;float:left; z-index:1000000;position:absolute; top:54px; left:65px;}
.now-on[class] { background: url(../nruhp/now-on.png) 0 0 no-repeat;float:left; cursor:pointer; z-index:1000000;position:absolute; top:54px; left:111px;}
.now-off[class] { background: url(../nruhp/now-off.png) 0 0 no-repeat;float:left; z-index:1000000;position:absolute; top:54px; left:111px;}