
<style type="text/css">
<!--
html,body { background-color: #FFFFFF; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 300px; padding: 0;}

a {color: #333399; }
a:link { color: #333399; }
a:visited { color: #333399; }
a:active { color: #CC0000; }
a:hover { color: #CC0000; }
ul {margin-top: 4px; margin-bottom: 2px; margin-right: 35px; list-style-image: url(https://images.ifriends.net/asg/v1/bul_square_noshad.gif); color: #000000;}
.borderPurpleTLB {border-top: 1px solid #333399; border-bottom: 1px solid #333399; border-left: 1px solid #333399; margin: 0px; }
.borderPurpleTRB {border-top: 1px solid #333399; border-right: 1px solid #333399; border-bottom: 1px solid #333399; margin: 0px; }
.borderSubHeader {margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; border: 1px solid #FFC977;}
.borderSubHeader2 {background: #FFF8EC url(https://images.ifriends.net/groups/ig_subhead_bg.); margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; border-left: 1px solid #FFC977; border-top: 1px solid #FFC977; border-bottom: 1px solid #FFC977; border-right: 1px solid #FFC977;}
.borderTable {border: 1px solid #FFC977; margin-top: 20px; margin-bottom: 20px;}
.marginBullet {margin-top: 0px; margin-right: 4px; margin-bottom: 0px; margin-left: 0px}
.marginBullet2 {margin-top: 7px; margin-right: 0px; margin-bottom: 1px; margin-left: 0px}
.marginSubHeader {background: #FFF8EC url(https://images.ifriends.net/groups/ig_subhead_bg.); margin-left: 0; margin-right: 0;}
.marginSubHeaderL {background: #FFF8EC url(https://images.ifriends.net/groups/ig_subhead_bg.); margin-left: 0; margin-right: 0; border-left: 1px solid #FFC977; border-top: 1px solid #FFC977; border-bottom: 1px solid #FFC977; }
.marginSubHeaderR {background: #FFF8EC url(https://images.ifriends.net/groups/ig_subhead_bg.); margin-left: 0; margin-right: 0; border-right: 1px solid #FFC977; border-top: 1px solid #FFC977; border-bottom: 1px solid #FFC977; }
.marginSubHeaderC {background: #FFF8EC url(https://images.ifriends.net/groups/ig_subhead_bg.); margin-left: 0; margin-right: 0; border-top: 1px solid #FFC977; border-bottom: 1px solid #FFC977;}

.marginTextSubHeader2 {margin-top: 20px; margin-right: 20px; margin-bottom: 10px; margin-left: 20px; width: 130}
.marginTextSubHeader {margin-top: 0px; margin-right: 0px; margin-left: 0px;}
.tdTerms {background-color: #FFF8EC; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0}
.textSub {font-family: Verdana, sans-serif; font-size: 9px; color: #000000; margin-top: 6px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px;}
.textSub2 {font-family: Verdana, sans-serif; font-size: 9px; color: #000000; margin-top: 2px; margin-right: 0px; margin-bottom: 0px; margin-left: 6px;}
.textTerms {font-family: Verdana, sans-serif; font-size: 9px; color: #000000; margin: 20}

.textSubHeader {font-family: Verdana, sans-serif; font-size: 9px; color: #102E95; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; font-weight: bold; vertical-align: middle; }
.textSubHeader a:link {color: #0066CC; font-weight: bold;}
.textSubHeader a:visited {color: #102E95; font-weight: bold;}
.textSubHeader a:active {color: #0066CC; font-weight: bold;}
.textSubHeader a:hover {color: #DE7CB5; font-weight: bold;}

.textSubHeaderWht {font-family: Verdana, sans-serif; font-size: 11px; color: #32349A; margin-top: 4px; margin-right: 10px; margin-bottom: 4px; margin-left: 10px; font-weight: bold;}
.textSubHeaderWht a:link {color: #32349A; font-weight: bold;}
.textSubHeaderWht a:visited {color: #32349A; font-weight: bold;}
.textSubHeaderWht a:active {color: #CC0000; font-weight: bold;}
.textSubHeaderWht a:hover {color: #CC0000; font-weight: bold;}

.textSubHeaderBlk {font-family: Verdana, sans-serif; font-size: 11px; color: #32349A; margin-top: 4px; margin-right: 20px; margin-bottom: 4px; margin-left: 10px; font-weight: bold;}
.textSubHeaderBlkTh {font-family: Verdana, sans-serif; font-size: 11px; color: #32349A; margin-top: 4px; margin-right: 20px; margin-bottom: 4px; margin-left: 10px; font-weight: normal;}
.textSubHeaderGryTh {font-family: Verdana, sans-serif; font-size: 11px; color: #32349A; margin-top: 4px; margin-right: 0px; margin-bottom: 4px; margin-left: 10px; font-weight: normal;}
.textTermsHeader {font-family: Verdana, sans-serif; font-size: 11px; color: #FFFFFF; margin-top: 4px; margin-right: 20px; margin-bottom: 4px; margin-left: 10px; font-weight: bold;}
.textSubHeader2 {font-family: Verdana, sans-serif; font-size: 11px; color: #733AA5; margin-top: 4px; margin-right: 6px; margin-bottom: 4px; margin-left: 6px; font-weight: bold;}
.textSubHeaderBlk2 {font-family: Verdana, sans-serif; font-size: 9px; color: #000000; margin-top: 4px; margin-bottom: 4px; font-weight: bold;}

.textResults {font-family: Verdana, sans-serif; font-size: 11px; color: #000000; margin-top: 4px; margin-right: 5px; margin-bottom: 4px; margin-left: 5px; font-weight: normal;}
.textResultsPageNo {font-family: Verdana, sans-serif; font-size: 11px; color: #000000; margin-top: 4px; margin-right: 5px; margin-bottom: 4px; margin-left: 5px; font-weight: bold;}
.textResultsPageNo a:link {font-family: Verdana, sans-serif; font-size: 11px; color: #0066CC; margin-top: 4px; margin-right: 5px; margin-bottom: 4px; margin-left: 5px; font-weight: normal;}
.textResultsPageNo a:visited {font-family: Verdana, sans-serif; font-size: 11px; color: #0066CC; margin-top: 4px; margin-right: 5px; margin-bottom: 4px; margin-left: 5px; font-weight: normal;}
.textResultsPageNo a:active {font-family: Verdana, sans-serif; font-size: 11px; color: #CC0000; margin-top: 4px; margin-right: 5px; margin-bottom: 4px; margin-left: 5px; font-weight: normal;}
.textResultsPageNo a:hover {font-family: Verdana, sans-serif; font-size: 11px; color: #CC0000; margin-top: 4px; margin-right: 5px; margin-bottom: 4px; margin-left: 5px; font-weight: normal;}
.marginResultsHeader {border: 1px solid #FFC977; }
.marginResultsHeaderLeft {border-left: 1px solid #FFC977; border-top: 1px solid #FFC977; border-bottom: 1px solid #FFC977; }
.marginResultsHeaderRight {border-right: 1px solid #FFC977; border-top: 1px solid #FFC977; border-bottom: 1px solid #FFC977; }
.marginResultsHeaderCtr {border-top: 1px solid #FFC977; border-bottom: 1px solid #FFC977; }
.HeaderTab {border-left: 1px solid #C0A5E2; border-top: 1px solid #C0A5E2; border-right: 1px solid #C0A5E2; background-color: #EFE9F8; text-align: center;}
.HeaderTabSel {border-left: 1px solid #C0A5E2; border-top: 1px solid #C0A5E2; border-right: 1px solid #C0A5E2; background-color: #D5D5FF; text-align: center;}

.marginLogo {margin-top: 7px; margin-right: 4px; margin-bottom: 7px; margin-left: 20px; width: 214; height: 34;}
.privacyButtons {margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px;}
.loginbutton {font-family: Verdana, sans-serif;	font-size: 9; color: #333399; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: #F8CA84; background-image: url(https://images.ifriends.net/asg/v1/bg_but_login.gif); border: 1px solid #F09101; vertical-align: bottom; }
.searchButton {font-family: Verdana, sans-serif; font-size: 9px; color: #333399; font-weight: bold; margin-top: 0px; margin-right: 4px;	margin-bottom: 0px;	margin-left: 4px; background: #F8CA84 url(https://images.ifriends.net/asg/v1/bg_but_login.gif); border: 1px solid #F09101; vertical-align: bottom; }
.submitButton {font-family: Verdana, sans-serif; font-size: 9px; color: #333399; font-weight: bold;	margin-left: 0; margin-bottom: 20; margin-right: 0; margin-top: 5; background: url(https://images.ifriends.net/asg/v1/bg_but_login.gif); border: 1px solid #F09101; vertical-align: bottom;	height: 24px; }
.textFooter {font-family: Verdana, sans-serif; font-size: 9px; color: #000000; margin-top: 10px; margin-right: 20px; margin-bottom: 10px; margin-left: 20px;}
.textLogin {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}
.textLogin a:link { color: #FFFFFF }
.textLogin a:visited { color: #FFFFFF }
.textLogin a:active { color: #CC0000 }
.textLogin a:hover { color: #CC0000 }
.textTopLinks {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333399; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-right: 20px;}
.textTopLinks a:link {color: #FFFFFF;}
.textTopLinks a:visited {color: #FFFFFF;}
.textTopLinks a:hover {color: #CC0000;}
.textTopLinks a:active {color: #CC0000;}
.textTopLinks3 {font-family: Arial, sans-serif; font-size: 9px; color: #FFFFFF; margin-top: 17px; margin-right: 20px; margin-bottom: 4px; margin-left: 0px;}
.textTopLinks2 {font-family: Arial, sans-serif; font-size: 9px; color: #FFFFFF; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 0px;}
.textTopLinks2 a:link {color: #FFFFFF;}
.textTopLinks2 a:visited {color: #FFFFFF;}
.textTopLinks2 a:hover {color: #FFFFFF;}
.textTopLinks2 a:active {color: #FFFFFF;}
.textTopLinks4 {font-family: Verdana, sans-serif; font-size: 9px; color: #FFFFFF; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 0px;}
.textTopLinks4 a:link {color: #FFFFFF;}
.textTopLinks4 a:visited {color: #FFFFFF;}
.textTopLinks4 a:hover {color: #FFFFFF;}
.textTopLinks4 a:active {color: #FFFFFF;}
.textAllGroupHomeList {font-family: Verdana, sans-serif; font-size: 11px; color: #000000; margin-top: 6px; margin-right: 20px; margin-bottom: 6px; margin-left: 20px; font-weight: bold;}
.textAllGroupHomeList a:link {color: #0066CC;}
.textAllGroupHomeList a:visited {color: #0066CC;}
.textAllGroupHomeList a:hover {color: #0066CC;}
.textAllGroupHomeList a:active {color: #0066CC;}

.textBeta {font-family: Verdana, sans-serif; font-size: 11px; color: #000000; margin-top: 6px; margin-right: 20px; margin-bottom: 6px; margin-left: 20px; font-weight: normal;}

.tableHeader {border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #9C9CE7; margin-bottom: 5}
.tableHeader2 {border-bottom: 1px solid #FF9E0D; margin-bottom: 5}

.tdMsgDate {width: 76; text-align: left}
.tdBrdBtm {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFC977;}
.tdEven {vertical-align: top; background-color: #FFFFFF;}
.tdEvenSep {vertical-align: top; background-color: #FFFFFF; border-right: 1px solid #FFC977;}
.tdOdd {vertical-align: top; background-color: #FFF8EC;}
.tdOddSep {vertical-align: top; background-color: #F3F2FE; border-right: 1px solid #FFC977;}
.tdSptV {background-color: #FFF8EC; width: 1px;}
.tdSptV2 {width: 16}
.tdNavV	{ background-color: #FFF8EC; border: 1px solid #FF9E0D; vertical-align: top; background-image: url(https://images.ifriends.net/asg/v1/bg_NavV.gif);}
.tdNavV2	{ background-color: #FFF8EC; border: 1px solid #FF9E0D; }

.tbNavV { margin-left: 20; margin-right: 0; margin-top: 20; margin-bottom: 12;}
.tbFooter {background-color: #FFF8EC; width: 100%; margin-top: 20; border: 1px solid #FF9E0D; background-image: url(https://images.ifriends.net/asg/v1/bg_footer.gif);}
.tb2 { margin-left: 20; margin-right: 0; margin-top: 20; margin-bottom: 12; width: 275; }
.tb3 { margin-left: 0; margin-right: 0; margin-top: 20; margin-bottom: 12; }
.tb4 { margin-left: 20; margin-right: 20; margin-top: 20; margin-bottom: 12; }

.trHead1 { background: #FFF8EC URL(https://images.ifriends.net/asg/v1/bg_home_head.gif); border: 1px solid #FF9E0D;} 
.trSecHdrHead1 { background: #F2F2F2 URL(https://images.ifriends.net/asg/v1/bg_sec_header.gif); border: 0px solid #FF9E0D;}
.trCn	{ vertical-align: top }
.trTop	{ vertical-align: top }

.textGray {font-family: Arial, sans-serif; font-size: 9px; color: #999999; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}
.textHeadGroupHome { font-family: Arial, Helvetica; font-size: 14px; color: #333399; font-weight: bold; margin-left: 20; margin-right: 15; margin-top: 6; margin-bottom: 6 }
.textHeadGroupHomeTh { font-family: verdana; font-size: 14px; color: #733AA5; font-weight: normal; margin-left: 20; margin-right: 15; margin-top: 6; margin-bottom: 6 }
.textHeadGroupHomeRed { font-family: verdana; font-size: 14px; color: #CA0000; font-weight: bold; margin-left: 20; margin-right: 15; margin-top: 6; margin-bottom: 6 }
.textHeadGroupHomeSm { font-family: verdana; font-size: 12px; color: #000000; font-weight: normal }

/********* For Milonic Menus ***********/
.menuoff { font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #102E95; text-align: center; white-space: nowrap; text-decoration: underline;}
.menuoff a:link { color: #102E95; }
.menuoff a:visited { color: #102E95; }
.menuoff a:active { color: #102E95; }
.menuoff a:hover { color: #102E95; }
.menuon { font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #FFFFFF; /*background-image: url(https://images.ifriends.net/asg/tabbar_over.jpg);*/ text-align: center;  white-space: nowrap; text-decoration: underline;}
.menuon a:link { color: #FFFFFF; }
.menuon a:visited { color: #FFFFFF; }
.menuon a:active { color: #FFFFFF; }
.menuon a:hover { color: #FFFFFF; }
.submenuoff { font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #FFFFFF; background: #F3D5E4; margin-top: -5px; text-align: left; white-space: nowrap; -moz-opacity:0.85;}
.submenuoff a:link { color: #FFFFFF; text-decoration: none; }
.submenuoff a:visited { color: #FFFFFF; text-decoration: none; }
.submenuoff a:active { color: #FFFFFF; text-decoration: none; }
.submenuoff a:hover { color: #FFFFFF; text-decoration: none; }
.submenuon { font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #F3D5E4; margin-top: -5px; text-align: left ; white-space: nowrap; -moz-opacity:0.85;}
.submenuon a:link { color: #DF7CB3; text-decoration: none; }
.submenuon a:visited { color: #DF7CB3; text-decoration: none; }
.submenuon a:active { color: #DF7CB3; text-decoration: none; }
.submenuon a:hover { color: #DF7CB3; text-decoration: none; }
.submenuflyoutoff { font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #FFFFFF; background: #F3D5E4; margin-top: 1px; margin-left: -6px; text-align: left; white-space: nowrap;}
.submenuflyoutoff a:link { color: #FFFFFF; text-decoration: none; }
.submenuflyoutoff a:visited { color: #FFFFFF; text-decoration: none; }
.submenuflyoutoff a:active { color: #FFFFFF; text-decoration: none; }
.submenuflyoutoff a:hover { color: #FFFFFF; text-decoration: none; }
.submenuflyouton { font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #F3D5E4; margin-top: 1px; margin-left: -6px; text-align: left ; white-space: nowrap;}
.submenuflyouton a:link { color: #DF7CB3; text-decoration: none; }
.submenuflyouton a:visited { color: #DF7CB3; text-decoration: none; }
.submenuflyouton a:active { color: #DF7CB3; text-decoration: none; }
.submenuflyouton a:hover { color: #DF7CB3; text-decoration: none; }
/*.menuitemoff { font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #FFFFFF; margin: 1px; text-align: left; white-space: nowrap;}*/
.menuitemoff { font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #102E95; text-align: left; white-space: nowrap;}
.menuitemoff a:link { color: #102E95; text-decoration: none; }
.menuitemoff a:visited { color: #102E95; text-decoration: none; }
.menuitemoff a:active { color: #102E95; text-decoration: none; }
.menuitemoff a:hover { color: #102E95; text-decoration: none; }
/*.menuitemon { font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #DF7CB3; background-color: #FFFFFF; border: 1px solid #102E95 ; text-align: left ; white-space: nowrap;}*/
.menuitemon { font-family: arial, helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CC0000; background-color: #FFEAF9; text-align: left ; white-space: nowrap;}
.menuitemon a:link { color: #CC0000; text-decoration: underline; }
.menuitemon a:visited { color: #CC0000; text-decoration: underline; }
.menuitemon a:active { color: #CC0000; text-decoration: underline; }
.menuitemon a:hover { color: #CC0000; text-decoration: underline; }
/****************************************/

/*************** Peek Window Styles ******************************/
.peekTitle {font-family: Arial, Helvetica, sans-serif; color: #0E0063; font-size: 11; font-weight: bold; margin-top:7px; margin-left: 5px; margin-right: 5px; }
.peekTitle a:link  {color: #0E0063;}
.peekTitle a:hover  {color: #0E0063;}
.peekTitle a:visited  {color: #0E0063;}
.peekLabels {font-family: Arial, Helvetica, sans-serif; color: #0E0063; font-size: 11; font-weight: bold; margin-top:3px; margin-left: 5px; margin-right: 3px; line-height: 13px;}
.peekButton {background: #FFFFFF url(Images/lowerbkgbox_but.gif); height: 18px; border: none; font-family: Arial, Helvetica, sans-serif; color: #0E0063; font-size: 11px; font-weight: bold;}
.peekFields {width: 105px; height: 20px; font-family: Arial, Helvetica, sans-serif; color: #0E0063; font-size: 10px; margin: 2px;}

/****************************************/
.textNavH { font-family: verdana; font-size: 9px; font-weight: normal; color: #0066CC; margin-top: 2; margin-right: 2; margin-bottom: 2; margin-left: 1; text-align: left }
.textNavH a:link { color: #0066CC }
.textNavH a:visited { color: #0066CC }
.textNavH a:active { color: #0066CC }
.textNavH a:hover { color: #FF0099 }
.textNavH2 { font-family: verdana; font-size: 9px; font-weight: normal; color: #000000; margin-top: 2; margin-right: 16; margin-bottom: 2; margin-left: 1; text-align: right }
.textNavH2 a:link { color: #0066CC; font-weight: bold }
.textNavH2 a:visited { color: #0066CC; font-weight: bold }
.textNavH2 a:active { color: #0066CC; font-weight: bold }
.textNavH2 a:hover { color: #FF0099; font-weight: bold }
.textNavV { font-family: verdana; font-size: 9px; font-weight: normal; color: #333399; margin-top: 4; margin-right: 5; margin-bottom: 4; margin-left: 12; text-align: left }
.textNavV a:link { color: #333399 }
.textNavV a:visited { color: #333399 }
.textNavV a:active { color: #CC0000 }
.textNavV a:hover { color: #CC0000 }
.textNav { font-family: verdana; font-size: 9px; font-weight: normal; color: #000000; margin-top: 4; margin-right: 20; margin-bottom: 4; margin-left: 12; text-align: left }
.text2 { font-family: verdana; font-size: 9px; font-weight: normal; color: #000000; margin-top: 4; margin-right: 1; margin-bottom: 4; margin-left: 1; text-align: left }
.text3 { font-family: verdana; font-size: 9px; font-weight: bold; color: #000000 }
.text4 { font-family: verdana; font-size: 9px; color: #000000; margin-left: 10; margin-bottom: 10; margin-right: 10; ; margin-top: 10}
.textGry {font-family: Verdana, sans-serif; font-size: 9px; color: #666666; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; font-weight: normal;}
.textGry2 {font-family: Verdana, sans-serif; font-size: 9px; color: #666666; margin-top: 0px; margin-right: 6px; margin-bottom: 5px; margin-left: 6px; font-weight: normal;}
.textSpecial {font-family: Verdana, sans-serif; font-size: 11px; color: #733AA5; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-weight: bold;}

.textListing { font-family: verdana; font-size: 9px; color: #000000; margin-left: 12; margin-bottom: 9; margin-right: 0; ; margin-top: 9}
.textListing a:link { font-weight: bold; }
.textListing a:visited { font-weight: bold; }
.textListing a:active { font-weight: bold; }
.textListing a:hover { font-weight: bold; }
.textListingRed { font-family: verdana; font-size: 9px; color: #CA0000;  font-weight: bold; margin-left: 5; margin-bottom: 9; margin-right: 5; ; margin-top: 9}
.textListingAlbum { font-family: verdana; font-size: 9px; color: #000000; margin-left: 3; margin-bottom: 1; margin-right: 3; ; margin-top: 4}
.textListingAlbum a:link { font-weight: bold; }
.textListingAlbum a:visited { font-weight: bold; }
.textListingAlbum a:active { font-weight: bold; }
.textListingAlbum a:hover { font-weight: bold; }
.textListingInsideAlbum { font-family: verdana; font-size: 9px; color: #000000; margin-left: 3; margin-bottom: 1; margin-right: 3; ; margin-top: 0}
.textListingInsideAlbum a:link { font-weight: normal; }
.textListingInsideAlbum a:visited { font-weight: normal; }
.textListingInsideAlbum a:active { font-weight: normal; }
.textListingInsideAlbum a:hover { font-weight: normal; }
.textList {font-family: Verdana, sans-serif; font-size: 9px; color: #000000; margin-top: 2px; margin-right: 0px; margin-bottom: 1px; margin-left: 0px;}
.textHomeMessages {font-family: Verdana, sans-serif; font-size: 9px; color: #000000; margin-top: 6px; margin-right: 20px; margin-bottom: 6px; margin-left: 0px;}
.textAllMessages {font-family: Verdana, sans-serif; font-size: 9px; color: #000000; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px;}
.textAllMessagesListing {font-family: Verdana, sans-serif; font-size: 9px; color: #000000; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px;}
.textAllMessagesListing2 {font-family: Verdana, sans-serif; font-size: 9px; color: #000000; margin-top: 10px; margin-bottom: 10px;}
.textMessage {font-family: Verdana, sans-serif; font-size: 9px; color: #000000; margin-top: 3px; margin-right: 5px; margin-bottom: 3px; margin-left: 4px;}
.textMsg2 {font-family: Verdana, sans-serif; font-size: 12px; color: #000000; margin-top: 3px; margin-right: 5px; margin-bottom: 3px; margin-left: 4px;}
.textCalendar {font-family: Verdana, sans-serif; font-size: 9px; margin: 2}
.tbCalendar {margin-top: 6px; margin-right: 0px; margin-bottom: 30px; margin-left: 0px; text-align: center }
.tdCalendar {background-color: #FFF8EC; text-align: center}

.imgIcon { width: 10; height: 11; vertical-align: middle; margin-right: 4 }
.imgIconStar { width: 10; height: 11; margin-right: 1; margin-left: 1; border: 0; }
.imgPic { width: 43; height: 32; margin-left: 10; margin-bottom: 10 }
.imgPicListing { width: 24; height: 16; margin-left: 3; margin-bottom: 6; margin-right: 4; margin-top: 0; }
.imgPicAlbum { width: 43; height: 32; margin-left: 5; margin-bottom: 5; margin-right: 5; margin-top: 5; }
.imgLgPicAlbum {margin-left: 7; margin-bottom: 0; margin-right: 7; margin-top: 25; }

/**************** SlideShow Specific Styles ************************/
.slideTD {background: url(https://images.ifriends.net/asg/slideshow/slideshow_inner_th_bg.gif); vertical-align: top;}
.slideTD img { width: 43px; height: 32px; margin: 5px 15px 1px 15px; border-top: 1px solid #666666; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #333333;}
.slideTDsel {background: url(https://images.ifriends.net/asg/slideshow/slideshow_inner_th_bg_sel.gif); vertical-align: top;}
.slideTDsel img { width: 43px; height: 32px; margin: 4px 14px 1px 14px; border: 2px solid #FFCC00;}
.pictitletext {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; margin: 4px; font-weight: normal; text-align: center; background: #EFEFEF; border: 0px solid #FFFFFF; width: 100%;}

/*************** Peek Window Styles ******************************/
.peekTitle {font-family: Arial, Helvetica, sans-serif; color: #0E0063; font-size: 11; font-weight: bold; margin-top:7px; margin-left: 5px; margin-right: 5px; }
.peekTitle a:link  {color: #0E0063;}
.peekTitle a:hover  {color: #0E0063;}
.peekTitle a:visited  {color: #0E0063;}
.peekLabels {font-family: Arial, Helvetica, sans-serif; color: #0E0063; font-size: 11; font-weight: bold; margin-top:3px; margin-left: 5px; margin-right: 3px; line-height: 13px;}
.peekButton {background: #FFFFFF url(Images/lowerbkgbox_but.gif); height: 18px; width: 100%; border: none; font-family: Arial, Helvetica, sans-serif; color: #0E0063; font-size: 11px; font-weight: bold;}
.peekFields {width: 105px; height: 20px; font-family: Arial, Helvetica, sans-serif; color: #0E0063; font-size: 10px; margin: 2px;}

.boxLogin {font-family: Arial, sans-serif; font-size: 9px; color: #000000; height: 16px; width: 66px; border: 1px solid #F09101; background-color: #FFF8EC; margin-right: 4px; margin-top: 2px; margin-bottom: 0px;}
.boxSearch {font-family: Arial, sans-serif; font-size: 9px; color: #000000; height: 16px; width: 100px; border: 1px solid #F09101; margin-left: 6; margin-top: 0; margin-bottom: 0; margin-right: 0; background-color: #FFF8EC;}
.fieldSm {font-family: Arial, sans-serif; font-size: 9px; color: #000000; border: 1px solid #2F2D97; width: 23px; height: 15px;  background-color: #F9F9F9;}
.fieldLg {font-family: Arial, sans-serif; font-size: 9px; color: #000000; height: 16px; width: 300px; border: 1px solid #644A7D; margin-left: 6;  background-color: #F9F9F9;}
.fieldMed {font-family: Arial, sans-serif; font-size: 9px; color: #000000; height: 16px; width: 200px; border: 1px solid #644A7D; margin-left: 6;  background-color: #F9F9F9;}
.textarea {border: 1px solid #644A7D; width: 400px; height: 100px; background-color: #F9F9F9;}
.butGo { width: 23px; height: 16; font-family: verdana; font-size: 9; color: #50227C; font-weight: bold; margin-top: 0px; margin-bottom: 0px; background: #FFFFFF url(https://images.ifriends.net/groups/ig_btn_bg.jpg); border-style: solid; border: 1px solid #63497C; }
.butSearch { font-size: 9; color: #1D3589; height: 16px; font-family: verdana, arial, sans-serif; font-weight: bold; margin-top: 0px; margin-bottom: 0px; background: #FFFFFF url(https://images.ifriends.net/groups/ig_btn_bg.jpg); border-style: none; border: 1px solid #1D3589; }
.butAction { font-size: 9; color: #50227C; height: 16px; font-family: verdana, arial, sans-serif; font-weight: bold; margin-top: 3px; margin-bottom: 3px; margin-left: 2px; margin-right: 2px; background: #DECBEF url(https://images.ifriends.net/groups/ig_btn_bg.jpg); border-style: none; border: 1px solid #63497C; }
.butAlbumEdit { width: 40px; height: 18; font-family: arial; font-size: 10;  }
.checkbox {height: 12px; width: 12px; background-color: #F9F9F9;}
.butSubmit { font-size: 9; color: #50227C; height: 26px; font-family: verdana, arial, sans-serif; font-weight: bold; margin-left: 5; margin-bottom: 20; margin-right: 5; margin-top: 5; background: #DECBEF url(https://images.ifriends.net/groups/ig_buttons2_22.gif); border-style: none; border: 1px solid #63497C; }
.select {font-family: Arial, sans-serif; font-size: 9px; color: #000000; height: auto; margin-left: 3; background-color: #F9F9F9; z-index:0;}
.catDropDown {font-family: Arial, sans-serif; font-size: 9px; color: #000000; height: 0px; margin-left: 5; background-color: #F9F9F9; z-index:0;}
.buttontable {border: 1px solid #63497C; background: #DECBEF URL(https://images.ifriends.net/groups/ig_buttons2_16.gif); margin-top: 3px; margin-bottom: 3px; margin-left: 2px; margin-right: 2px;}
.buttontableLg {border: 1px solid #63497C; background: #DECBEF URL(https://images.ifriends.net/groups/ig_buttons2_22.gif); margin-top: 3px; margin-bottom: 3px; margin-left: 2px; margin-right: 2px;}
.buttontext {font-family: verdana, arial, sans-serif; font-size: 9px; color: #50227C; margin-top: 1px; margin-bottom: 1px; margin-left: 10px; margin-right: 10px; font-weight: bold; white-space: nowrap;}
.buttontext a:link {color: #50227C; font-weight: bold; text-decoration: none;}
.buttontext a:visited {color: #50227C; font-weight: bold; text-decoration: none;}
.buttontext a:active {color: #FF0099; font-weight: bold; text-decoration: none;}
.buttontext a:hover {color: #FF0099; font-weight: bold; text-decoration: none;}
.buttontext2 {font-family: verdana, arial, sans-serif; font-size: 9px; color: #50227C; margin-top: 4px; margin-bottom: 4px; margin-left: 15px; margin-right: 15px; font-weight: bold; white-space: nowrap;}
.buttontext2 a:link {color: #50227C; font-weight: bold; text-decoration: none;}
.buttontext2 a:visited {color: #50227C; font-weight: bold; text-decoration: none;}
.buttontext2 a:active {color: #FF0099; font-weight: bold; text-decoration: none;}
.buttontext2 a:hover {color: #FF0099; font-weight: bold; text-decoration: none;}
.buttontext3 {font-family: verdana, arial, sans-serif; font-size: 9px; color: #1D3589; margin-top: 1px; margin-bottom: 1px; margin-left: 10px; margin-right: 10px; font-weight: bold; white-space: nowrap;}
.buttontext3 a:link {color: #1D3589; font-weight: bold; text-decoration: none;}
.buttontext3 a:visited {color: #1D3589; font-weight: bold; text-decoration: none;}
.buttontext3 a:active {color: #FF0099; font-weight: bold; text-decoration: none;}
.buttontext3 a:hover {color: #FF0099; font-weight: bold; text-decoration: none;}
.emptythumb {font-family: verdana, arial, sans-serif; font-size: 16; color: #C0A5E2; font-weight: bold;}
.borderTableNew {border: 1px solid #FFF8EC}

.spacer1 { margin-top: 15px; margin-bottom: 0px; }
.spacerNavV { height: 10px; }
.sctHdrWid { width: 462px; }

.textHeadJoin {font-family: Verdana, sans-serif; font-size: 9px; color: #102E95; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; font-weight: bold; vertical-align: middle; }
.textHeadJoin a:link {color: #0066CC; font-weight: bold;}
.textHeadJoin a:visited {color: #102E95; font-weight: bold;}
.textHeadJoin a:active {color: #0066CC; font-weight: bold;}
.textHeadJoin a:hover {color: #DE7CB5; font-weight: bold;}

/***************** Status Bar Styles ******************************/
#StatusProfile {display: none;} /*This controls whether the Profile image is shown or not in the Status Indicator feature */
.StatusTable {text-align: center; margin-top: 5px; margin-bottom: 10px;} /* Insert a BACKGROUND item here if a background image or color is desired */

.leftCellLive {text-vertical-align: middle; width: 200px; height: 20px; margin-bottom: -4px;}
.leftTxtLive {font-family: Arial, sans-serif; font-size: 14px; color: #0066CC; font-weight: bold; margin-right: 5px; margin-left: 5px; text-align: right;}
.leftTxtLive a:link {text-decoration: none; font-size: 16px; color: #0066CC; font-weight: bold;}
.leftTxtLive a:visited {text-decoration: none; font-size: 16px; color: #0066CC; font-weight: bold;}
.leftTxtLive a:active {text-decoration: underline; font-size: 16px; color: #CC0000; font-weight: bold;}
.leftTxtLive a:hover {text-decoration: underline; font-size: 16px; color: #CC0000; font-weight: bold;}
.leftCellOffline {text-vertical-align: middle; width: 150px; height: 20px; margin-bottom: -4px;}
.leftTxtOffline {font-family: Arial, sans-serif; font-size: 11px; color: #0066CC; font-weight: bold; margin-right: 5px; margin-left: 5px; text-align: right;}
.leftTxtOffline a:link {text-decoration: none; font-size: 11px; color: #0066CC; font-weight: bold;}
.leftTxtOffline a:visited {text-decoration: none; font-size: 11px; color: #0066CC; font-weight: bold;}
.leftTxtOffline a:active {text-decoration: underline; font-size: 11px; color: #CC0000; font-weight: bold;}
.leftTxtOffline a:hover {text-decoration: underline; font-size: 11px; color: #CC0000; font-weight: bold;}
.leftCellReplay {text-vertical-align: middle; width: 150px; height: 20px; margin-bottom: -4px;}
.leftTxtReplay {font-family: Arial, sans-serif; font-size: 14px; color: #0066CC; font-weight: bold; margin-right: 5px; margin-left: 5px; text-align: right;}
.leftTxtReplay a:link {text-decoration: none; font-size: 14px; color: #0066CC; font-weight: bold;}
.leftTxtReplay a:visited {text-decoration: none; font-size: 14px; color: #0066CC; font-weight: bold;}
.leftTxtReplay a:active {text-decoration: underline; font-size: 14px; color: #CC0000; font-weight: bold;}
.leftTxtReplay a:hover {text-decoration: underline; font-size: 14px; color: #CC0000; font-weight: bold;}
.leftCellVideo {text-vertical-align: middle; width: 150px; height: 20px; margin-bottom: -4px;}
.leftTxtVideo {font-family: Arial, sans-serif; font-size: 14px; color: #0066CC; font-weight: bold; margin-right: 5px; margin-left: 5px; text-align: right;}
.leftTxtVideo a:link {text-decoration: none; font-size: 14px; color: #0066CC; font-weight: bold;}
.leftTxtVideo a:visited {text-decoration: none; font-size: 14px; color: #0066CC; font-weight: bold;}
.leftTxtVideo a:active {text-decoration: underline; font-size: 14px; color: #CC0000; font-weight: bold;}
.leftTxtVideo a:hover {text-decoration: underline; font-size: 14px; color: #CC0000; font-weight: bold;}

.StatusProfileLive {height: 24px; width: 32px; margin: 0px; margin-bottom: -4px;}
.StatusProfileOffline {height: 20px; width: 26px; margin: 0px; margin-bottom: -4px;}
.StatusProfileReplay {height: 20px; width: 26px; margin: 0px; margin-bottom: -4px;}
.StatusProfileVideo {height: 20px; width: 26px; margin: 0px; margin-bottom: -4px;}

.rightCellLive {font-family: Arial, sans-serif; font-size: 14px, #CC0000; font-weight: bold; text-align: center; text-vertical-align: middle; width: 100px; height: 20px; margin-bottom: -4px;}  /* Insert a BACKGROUND item here if a background image or color is desired for a LIVE status*/
.rightCellLive a:link {text-decoration: none; color: #CC0000;}
.rightCellLive a:visited {text-decoration: none; color: #CC0000;}
.rightCellLive a:active {text-decoration: none; color: #CC0000;}
.rightCellLive a:hover {text-decoration: none; color: #CC0000;}
.rightCellOffline {font-family: Arial, sans-serif; font-size: 11px, #0066CC; text-align: center; text-vertical-align: middle; width: 80px; height: 20px; margin-bottom: -4px;}  /* Insert a BACKGROUND item here if a background image or color is desired for a OFFLINE status*/
.rightCellOffline a:link {text-decoration: none; color: #0066CC;}
.rightCellOffline a:visited {text-decoration: none; color: #0066CC;}
.rightCellOffline a:active {text-decoration: none; color: #CC0000;}
.rightCellOffline a:hover {text-decoration: none; color: #CC0000;}
.rightCellReplay {font-family: Arial, sans-serif; font-size: 14px, #0066CC; text-align: center; text-vertical-align: middle; width: 80px; height: 20px; margin-bottom: -4px;}  /* Insert a BACKGROUND item here if a background image or color is desired for a REPLAY status*/
.rightCellReplay a:link {text-decoration: none; color: #0066CC;}
.rightCellReplay a:visited {text-decoration: none; color: #0066CC;}
.rightCellReplay a:active {text-decoration: none; color: #CC0000;}
.rightCellReplay a:hover {text-decoration: none; color: #CC0000;}
.rightCellVideo {font-family: Arial, sans-serif; font-size: 14px, #0066CC; text-align: center; text-vertical-align: middle; width: 80px; height: 20px; margin-bottom: -4px;}  /* Insert a BACKGROUND item here if a background image or color is desired for a VIDEO status*/
.rightCellVideo a:link {text-decoration: none; color: #0066CC;}
.rightCellVideo a:visited {text-decoration: none; color: #0066CC;}
.rightCellVideo a:active {text-decoration: none; color: #CC0000;}
.rightCellVideo a:hover {text-decoration: none; color: #CC0000;}
/***************** Status Bar Styles ******************************/
.txtTabBar {font-family: Arial, sans-serif; font-size: 10px; color: #102E95; margin-left: 5px;margin-right: 5px;margin-bottom: 2px;}
.txtTabBar a:link {font-family: Arial, sans-serif; font-size: 10px; color: #102E95; margin-left: 5px;margin-right: 5px;margin-bottom: 2px;}
.txtTabBar a:visited {font-family: Arial, sans-serif; font-size: 10px; color: #102E95; margin-left: 5px;margin-right: 5px;margin-bottom: 2px;}
.txtTabBar a:active {font-family: Arial, sans-serif; font-size: 10px; color: #102E95; margin-left: 5px;margin-right: 5px;margin-bottom: 2px;}
.txtTabBar a:hover {font-family: Arial, sans-serif; font-size: 10px; color: #FFFFFF; margin-left: 5px;margin-right: 5px;margin-bottom: 2px;}
/***************** Universal Button Styles ***********************/
/***** These selectors will need to be copied to the other Custom CSS files, new button BG images will need to be made, and referenced in each Custom CSS file. ******/
.butout {test: 1; font: bold 9px Verdana; color: #000000; margin-left: 0px; margin-bottom: 20px; margin-right: 1px; margin-top: 5px; text-align: center; text-vertical-align: middle; padding: 0px 8px 0px 8px; background: #93bae9 url('https://images.ifriends.net/asg/but_blue_slidebg.gif') #93bae9 no-repeat 0px 0px; white-space: nowrap; border: 1px solid #1762B6; border-right: 2px solid #999999; border-bottom: 2px solid #999999; !border-right: 1px solid #1762B6; !border-bottom: 1px solid #1762B6; vertical-align: middle; !cursor: hand; !FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=1);}

.buthover {font: bold 9px Verdana; color: #000000; margin-left: 2px; !margin-left: 1px; margin-bottom: 19px; margin-right: 0px; margin-top: 7px; !margin-top: 6px; text-align: center; text-vertical-align: middle; padding: 0px 8px 0px 8px; background: #77a6db url('https://images.ifriends.net/asg/but_blue_slidebg.gif') #77a6db no-repeat -300px 0px; white-space: nowrap; border: 1px solid #1762B6; border-right: 1px solid #1762B6; border-bottom: 1px solid #1762B6; !border-right: 1px solid #1762B6; !border-bottom: 1px solid #1762B6; vertical-align: middle; !cursor: hand; !FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=0);}

-->
</style>