/* - - COMMON - - */
  html, body { margin: 0; padding: 0; background: url(http://images.friendster.com/images/homebg.gif) repeat top left #FFFFFF; z-index: 0; text-align: center; font-family: arial, helvetica, sans-serif; color: #555555; font-size: 12px; line-height: 1.2em; }
  input { font-size: 12px; color: #555555; }
  .photoUpload { font-size: 13px; color: #555555;}
  .photoPlaceholder { font-size: 11px; padding-left: 16px;}
  .photoPreviewBox { font-size: 11px; height: 50px; border: 1px solid #666666; width: 45px; overflow: hidden; white-space: nowrap; background: #DDDDDD;}
  table { font-size: 12px; color: #555555; }
  h1, h2, h3, strong, label, .strong { font-weight: bold; }
  h1, h2, h3, form { margin: 0; padding: 0; }
  img { border: 0; }
  a, a:link, a:visited, a:active { text-decoration: none; color:#528BC0; }
  a:hover { text-decoration: underline; color:#FF4000; }
  ol, ul { list-style: none; margin: 0; padding: 0; }
  .inlinert { display: inline; margin: 0px 0px 0px 5px; border: 0px; }
  .inlinelt { display: inline; margin: 0px 5px 0px 0px !important; border: 0px; }
  .inlineblock { display: inline-block; }
.floatR { float: right; display: inline; }
  .floatL { float: left; display: inline; }
  .hidden { display: none; }
  .fakeLink { cursor: pointer; }
  .center { text-align: center; }
/* - - END COMMON - - */

/* - - LAYOUT - - */
  #homeBg { width: 850px; background: #FFFFFF; border: 1px solid #A6A69A; margin: 10px auto; padding: 0 0 10px 0; text-align: center; z-index: 0; }
  #container { width: 800px !important; margin: 0 auto; padding: 0; text-align: left; }
  #content { padding: 0; margin: 5px 0 0 0; position: relative; }
  #controlPanel { z-index: 4; }
  .flo0, .flo1, .flo2, .flo3, .flo4 { z-index: 1; padding: 0; margin: 0; position: relative; zoom: 1; }
  .flo0:after, .flo1:after, .flo2:after, .flo3:after, .flo4:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
  .lc { float: left; display: inline; position: relative; }
  .rc { float: right; display: inline; position: relative; }
  .flo4 .lc, .flo3 .rc { z-index: 5; width: 160px; }
  .flo2 .lc, .flo1 .rc { z-index: 5; width: 300px; }
  .flo1 .lc, .flo2 .rc { z-index: 2; width: 490px; }
  .flo3 .lc, .flo4 .rc { z-index: 2; width: 630px; }
  .tabModuleContent .flo1 .lc, .tabModuleContent .flo2 .rc { width: 470px; }
  .tabModuleContent .flo3 .lc, .tabModuleContent .flo4 .rc { width: 610px; }
/* - - END LAYOUT - - */

/* - - FOOTER - - */
  #footer_container { width: 850px; margin: 0 auto; }
  #footer { font-size: 10px; line-height: 1em; position: relative; margin: 10px auto; text-align: center; color: #666666; }
  #footer a { font-size: 10px; color: #666666; }
/* - - END FOOTER - - */

/* - - NOTIFICATION AND STATUS BOXES - - */
  .statusmessagebox { border: 1px solid #D7D7D7; background: none; padding: 3px; margin: 0 0 10px 0 !important; }
  .notificationbox { background: url(http://images.friendster.com/images/msg_check.gif) 5px center no-repeat; }
  .confirmbox { background: url(http://images.friendster.com/images/msg_info.gif) 5px center no-repeat; }  
  .errorbox, .commonmsgbox, .notificationbox, .confirmbox { position: relative; background-color: #F0F0F0 !important; padding: 10px 10px 10px 42px; }
  .errorbox { background: url(http://images.friendster.com/images/msg_error.gif) 5px center no-repeat; }
  .errorbox h2, .commonmsgbox h2, .notificationbox h2, .confirmbox h2 { padding: 0; line-height: 18px; }
  .errorbox h2, .commonmsgbox h2 { color: #EB0000; }
  .errorbox .boxcontent, .commonmsgbox .boxcontent, .notificationbox .boxcontent, .confirmbox .boxcontent { padding: 5px 0 5px 0; }
  .commonmsgbox { padding: 10px;}
  .notificationbox h2 { color: #2B8902; }
  .confirmbox h2 { color: #0477AB; }
  .confirmbox span.buttonBox { padding-left: 10px; }
  .confirmbox span.buttonBox a { font-size: 95%; }  
  .confirmbox div.buttonBox { margin: 7px 0 0 0; }

/* - - END NOTIFICATION AND STATUS BOXES - - */

/* - - CLEARS - - */
  /* clears for use outside of content divs */
  .clearLeftNoHeight { clear: left; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; }
  .clearRightNoHeight { clear: right; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; }
  .clearBothNoHeight { clear: both; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; }
  /* clear fix: assign to a content div that contains floats to ensure that div stretches to contain it's floats */
  .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; clear: both; }
  .clearfixLt:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; }
    /* fixie \*/* html .clearfix, * html .clearfixLt, * html .clearfixRt { height: 1%; }/**/
/* - -  END CLEARS - - */

/* - - COLORS, COPY AND MISC STYLES - - */
  p { margin: 6px 0; padding: 0; }
  .narrow { font-size: 93%; font-family: Tahoma, Arial, sans-serif; }
  /* colors */
  .sn_black { color: #333333; }
  .sn_grey { color: #555555; }
  .sn_orange { color: #FF4400; }
  .sn_green, a.sn_green, a.sn_green:hover { color: #333333; }
  .sn_ltgreen { color: #EAEAD7; }
  .sn_dkgreen, a.sn_dkgreen, a.sn_dkgreen:hover { color: #528BC0; }
  .sn_blue, a.sn_blue, a.sn_blue:hover { color: #68A6BA; }
  .sn_dkblue, a.sn_dkblue, a.sn_dkblue:hover { color: #086A89; }
  /* border colors */
  .sn_greenbor { border: 1px solid #C3C3C3; }
  .sn_bluebor { border: 1px solid #68a6ba; }
  .sn_dkbluebor { border: 1px solid #086a89; }
  /* background colors */
  .sn_greenbg { background: #C3C3C3; }
  .sn_ltgreenbg { background: #F4F4EB; }
  .sn_bluebg { background: #68A6BA; }
  .sn_dkbluebg { background: #086a89; }
  .sn_ltbluebg { background: #CDE5E5; }
  .sn_ltbluebg2 { background: #e8e8e8; }
  /* misc */
  .icon { background-repeat: no-repeat; background-position: 0% 50%; padding: 3px 0 3px 20px; }
  .sn_blue_ctb { border-top: 1px solid #086A89 !important; margin: 5px -10px 0 -10px; padding: 5px 10px 0 10px; text-align: center }
  .redboldtext {color: red !important; font-weight: bold; text-decoration:none;}
/* - - END COLORS, COPY AND MISC STYLES - - */

/* - - LISTS - - */
  ul.inlinelist li { display: inline; }
  ul.bullets { list-style-type: disc; margin: 0 0 15px 15px; }
  ol.numbers { list-style-type: decimal; margin: 0 0 15px 20px; }
  ul.sn_iconul li { background-position: 0px 2px; background-repeat: no-repeat; padding: 0 0 3px 20px; font-size: 93%; } /* fits 16x13px icon, pass icon image in XSL */
  ul.sn_orangearrowsul li { background:url(http://images.friendster.com/images/sn_orangearrow.gif) no-repeat 0px 4px; padding-left: 8px; font-size: 93%; }
/* - - END LISTS - - */

/* - - BOXES AND BOX COMPONENTS - - */
  /* boxes */
  .commonbox { position: relative; width: auto; margin: 0 0 10px 0; padding: 0; }
  .boxcontent { position: relative; padding: 7px 10px; }
    /*fixie\*/* html .commonbox, * html .boxcontent { height: 1%; }/* */
  .sn_scroll { margin: 0; padding: 10px 0 10px 10px; clear: left; }
  /* header styles */
  h1.snhome, h3 { font-size: 117%; font-weight: bold; margin: 0 0 3px 0; padding: 0; }
  h2.sn { position: relative; font-size: 138% !important; padding: 4px 0 6px 0; margin: 0; }
  /* box components */
  .sn_subnav { padding: 7px 10px; margin: 0 -10px 10px -10px; font-weight: bold; color: #FFFFFF; }
  .sn_subnav2 { font-weight: bold; padding-bottom: 5px;}
  .sn_subnav3 { padding: 7px 10px; margin: 0 -10px -7px -10px; color: #ffffff; }
  .sn_subnav span, .sn_subnav3 span { margin: 0 3px; color: #FFFFFF; }
  .sn_subnav a, .sn_subnav3 a { font-weight: normal !important; color: #FFFFFF !important; }
  .viewall { padding: 2px 10px; font-weight: bold; }
  .dr a, .viewall a {color: #196B91}
  .dr a:visited, .viewall a:visited {color: #196B91}
  .action_panel { background-color: #eeeeee;}
  .action_panel ul li { margin-left: 30px; padding: 5px 0; font-weight: bold;}
  .friends_panel { background-color: #eeeeee;}
  .friends_panel ul a { color: #196B91;}
  .friends_panel ul a:visited { color: #196B91;}
  #yourStats a { font-size: 110%; }
  #yourStats span { color: #528bc0; font-size: 110%; }
  #friendtrackerPanel a {color: #FF661A;}
  .nameLink {color: #528BC0 !important;}
/* - - END BOXES AND BOX COMPONENTS - - */

  /* Basic Tab Module: Default color is green. Add color class such as dkBlueTabModule to outermost div to change color scheme. */

  .tabModulesHeader { font-size: 110%; font-weight: bold; padding: 5px 7px 0px 25px; color: #333333; }
  .tabModuleHeader { font-size: 120%; font-weight: bold; padding: 5px 7px 5px 5px; color: #FFFFFF; background:#086989; margin-left:25px; margin-right:30px; margin-top:20px; margin-bottom:10px;}  

  .tabModulePane { position: relative; display: inline; }
  .tabModuleTabs { position: relative; display: block; padding: 0; margin: 0; width: auto; background: url(/images/greydot.gif) repeat-x bottom left; }
  .tabModuleTabs div.tab { font-size: 93%; font-weight: bold; border: 1px solid; padding: 5px 7px; margin: 0 -1px 0 0; float: left; display: inline; position: relative; border-color: #C3C3C3; color: #528BC0; background-color: #F7F7F7; }
  .tabModuleTabs div.icon { padding-left: 25px; background-repeat: no-repeat !important; background-position: 4px 4px !important; }
  .tabModuleTabs div.tab a, .tabModuleSubTabs a, .tabModuleMorelink a { color: #528BC0 !important; }
  .tabModuleTabs div.selected { color: #333333 !important; border-bottom: 1px solid #FFFFFF !important; background-color: #FFFFFF !important;  }
  .tabModuleTabs div.selected a { color: #333333 !important; }
    /*fixie\*/* html .tabModuleTabs div.plug { position: absolute; left: -1px; bottom: -1px; width: 1px; height: 1px; font-size: 0; line-height: 0; margin: 0; padding: 0; background: url(http://images.friendster.com/images/greendot.gif) no-repeat bottom left; }/**/
  .tabModuleSubTabs { font-size: 93%; border-left: 1px solid; border-right: 1px solid; border-color: #C3C3C3; }
  .tabModuleSubTabs ul { padding: 5px 7px; }
  .tabModuleSponsor { position: absolute; top: -22px; right: -6px; }
  .tabModuleSponsorHome { position: absolute; right: -6px; }
  .tabModuleSubTabs a.selected { background: url(http://images.friendster.com/images/sn_orangearrow.gif) no-repeat 0 50%; padding-left: 7px; }
  .tabModuleContent { border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #C3C3C3; background-color: #FFFFFF; }
  .tabModuleContentEmpty { padding: 20px; }
  .tabModuleMorelink { position: relative; line-height: 1.3em; font-size: 93%; text-align: right; font-weight: bold; border-top: 1px solid; padding: 3px 7px; margin: 0; border-color: #C3C3C3; background: #F7F7F7; color: #528BC0; text-decoration: none; }
  .tabModuleMorelinkExplore { position: relative; line-height: 1.3em; font-size: 93%; text-align: right; font-weight: bold; padding: 3px 30px; margin: 0; color: #528BC0; text-decoration: none;}


  /* light blue */
  .ltBlueTabModule .tabModuleTabs { background: url(http://images.friendster.com/images/ltbluedot.gif) repeat-x bottom left; }
  .ltBlueTabModule .tabModuleTabs div.tab { border-color: #68A6BA; color: #086989; background: #E1EDF1; }
  .ltBlueTabModule .tabModuleTabs div.tab a, .ltBlueTabModule .tabModuleSubTabs a, .ltBlueTabModule .tabModuleMorelink a { color: #086989 !important; }
  .ltBlueTabModule .tabModuleTabs div.plug { background: url(http://images.friendster.com/images/ltbluedot.gif) no-repeat bottom left; }
  .ltBlueTabModule .tabModuleSubTabs { border-color: #68A6BA; }
  .ltBlueTabModule .tabModuleContent { border-color: #68A6BA; }
  .ltBlueTabModule .tabModuleMorelink { border-color: #E1EDF1; background: #FFFFFF; color: #086989; }
  /* dark blue */
  .dkBlueTabModule .tabModuleTabs { background: url(http://images.friendster.com/images/dkbluedot.gif) repeat-x bottom left; }
  .dkBlueTabModule .tabModuleTabs div.tab { border-color: #086989; color: #086989; background: #B4D2DB; }
  .dkBlueTabModule .tabModuleTabs div.tab a, .dkBlueTabModule .tabModuleSubTabs a, .dkBlueTabModule .tabModuleMorelink a { color: #086989 !important; }
  .dkBlueTabModule .tabModuleTabs div.plug { background: url(http://images.friendster.com/images/dkbluedot.gif) no-repeat bottom left; }
  .dkBlueTabModule .tabModuleSubTabs { border-color: #086989; }
  .dkBlueTabModule .tabModuleContent { border-color: #086989; }
  .dkBlueTabModule .tabModuleMorelink { border-color: #B4D2DB; background: #FFFFFF; color: #086989; }
  /* light grey */
  .ltGreyTabModule .tabModuleTabs { background: url(http://images.friendster.com/images/greydot.gif) repeat-x bottom left; }
  .ltGreyTabModule .tabModuleTabs div.tab { border-color: #C3C3C3; color: #528BC0; background-color: #F7F7F7; }
  .ltGreyTabModule .tabModuleTabs div.tab a, .ltGreyTabModule .tabModuleSubTabs a { color: #528BC0 !important; }
  .ltGreyTabModule .tabModuleMorelink a { color: #ff4000; }
  
  .ltGreyTabModule .tabModuleTabs div.plug { background: url(http://images.friendster.com/images/greydot.gif) no-repeat bottom left; }
  .ltGreyTabModule .tabModuleSubTabs { border-color: #C3C3C3; }
  .ltGreyTabModule .tabModuleContent { border-color: #C3C3C3; }
  .ltGreyTabModule .tabModuleMorelink { border: 0; background: #f7f7f7; color: #ff4000; }

  /* Basic Buttons */
  .buttonBox { margin: 10px 0; }
    /*fixie\*/ * html .buttonbox { padding: 4px 0; margin: 10px 0 6px 0; }
  .buttonlist li { margin: 10px 0 !important; }
  .greenButton, .buttonBox a, .buttondiv a, .buttonlist a {  font-weight: bold; font-size: 93%; color: #528BC0 !important; background-color: #F7F7F7; border: 1px solid #C3C3C3; padding: 3px 9px; margin: 0 10px 10px 0 !important; white-space:nowrap; }
  .buttonbox .submitbutton { color: white !important; }
  .dkBlueLink { font-weight: bold; font-size: 93%; color: #086989 !important; background-color: #B4D2DB; padding: 3px 9px; margin-right: 10px; white-space:nowrap;}
  .dkBlueButton { font-weight: bold; font-size: 93%; color: #086989 !important; background-color: #B4D2DB; border: 1px solid #086989; padding: 3px 9px; margin-right: 10px; white-space:nowrap; }
  .dkRedButton { font-weight: bold; font-size: 93%; color: #333333 !important; background-color: #F1DDDD; border: 1px solid #333333; padding: 3px 9px; margin-right: 10px; white-space:nowrap; }

/* - - CONTROL PANEL - - */
  /* home page tabs, will only work inside of a 490px container or layout column */
  #controlPanel {}
  #yourStats { }
  #yourStats table { font-size: 87% !important; }
  #yourStats li { font-size: 87% !important; }
  .sn_hometabs { position: relative !important; height: 21px !important; margin: 0 !important; padding: 0px !important; width: auto !important; text-align: center !important; background: #FFFFFF; }
    /*fixie\*/* html .sn_hometabs { margin-top: 5px !important; } * html .clearLeftNoHeight { margin-top: -8px; }/**/
  .sn_hometabs div.tab { width: 77px !important; height: 15px !important; float: left !important; margin-left: 2px !important; background: url(http://images.friendster.com/images/home/sn_tabbutton_bg.gif) repeat-x; text-align: center !important; padding-top: 1px !important; }
  .sn_hometabs a { font-size: 11px !important; font-weight: bold !important; color: #528BC0 !important; text-decoration: none !important; }
    /*fixie\*/
      * html .sn_hometabs div.tab { width: 79px !important; height: 19px !important; }
      * html .sn_hometabs div.firstTabIE { margin-left: 1px !important; }
    /* */
  .sn_event_links a, .sn_event_links a:hover, .sn_event_links a:visited { color: #FF6619; }
/* - - END CONTROL PANEL - - */

/* - - 1 AND 2 COL LAYOUTS FOR PHOTO AND DATA - - */
  .sn_2col { padding: 0; margin: 0 0 10px 0; position: relative; }
  .sn_2colborder { padding: 0 0 5px; margin: 0 0 5px 0; border-bottom: 1px solid #E8E8E8; position: relative; }
  /* image divs for left side by img size */
  .imgblock50, .imgblock65homeprofile, .imgblock65, .imgblock85, .imgblock85placeHolder { display: block; overflow: hidden; border: 1px solid #555555; background: #FFFFFF; text-align: center; }
  .imgblock50 { width: 50px; height: 50px; margin: 0px auto; }
  .imgblock50 img { height: 50px; margin: 0px auto; }
  .imgblock65cell { width: 65px; padding-right: 15px; }
  .imgblock65homeprofile { width: 110px; height: 110px; }
  .imgblock65homeprofile img { height: 110px; margin: 0px auto; }
  .imgblock65 { width: 65px; height: 65px; }
  .imgblock65 img { height: 65px; margin: 0px auto; }
  .imgblock85 { width: 85px; height: 85px; }
  .imgblock85placeHolder { width: 85px; height: 85px; }
  .imgblock85 img { height: 85px; margin: 0px auto; }
  /* float left for use in 2 col layout item must include all classes of imgblocks above */
  .sn_2col .imgblock85, .sn_2col .imgblock50, .sn_2col .imgblock65,
  .sn_2colborder .imgblock85, .sn_2colborder .imgblock50, .sn_2colborder .imgblock65 { float: left !important; display: inline !important; }
  /* data divs for right side by image size */
  .data50, .data65, .data85 { width: auto; padding: 0; }
  .data50 { margin: 0 0 0 60px; }
  .data65 { margin: 0 0 0 75px; }
  .data85 { margin: 0 0 0 95px; }
  /* generic 49% column */
  .sn_data_halfcol { width: 49.1%; float: left; display: inline; }
  /* data div for 1 col */
  .sn_data { margin: 0; padding: 0; }
/* - - END 1 AND 2 COL LAYOUTS FOR PHOTO AND DATA - - */

/* - - GRID LAYOUTS - - */
  .sn_grid4row, sn_grid3row { position:relative; padding: 10px 0px 10px 10px; margin: 0 auto; text-align: center; }
  .sn_grid4item, .sn_grid3item { position: relative; float: left; display: inline; text-align: center; padding: 0; margin: 0px; }
  .sn_grid4item { width: 24%; }
  .sn_grid3item { width: 33%; }
  /* center img box and text in gridXitem divs */
  .sn_grid4item div, .sn_grid3item div { text-align: center; }
  .sn_grid4item .imgblock50, .sn_grid4item .imgblock65, .sn_grid4item .imgblock85,
  .sn_grid3item .imgblock50, .sn_grid3item .imgblock65, .sn_grid3item .imgblock85 { margin: 0 auto 5px auto; }

	.flogrid75, .flogridp { zoom: 1; }
	.flogrid75:after, .flogridp:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.flogrid75, .flogrid50 { margin-right: -17px; margin-left: 5px; }
	.flogridp { margin-right: -13px; margin-left: 8px; }
	.flogriditem { float: left; display: inline; margin-right: 17px; margin-bottom: 10px; }
	.flogridp .flogriditem { margin-right: 13px; width: 101px; height: 87px; background: url(http://images.friendster.com/images/pf.gif) no-repeat; }
	.flogrid75 .flogriditem { width: 75px; }
	.ir { background: #FFFFFF; text-align: center; overflow: hidden; }
	.dr { text-align: center; background: transparent; padding: 3px 0; border-top: 1px solid #FFFFFF; white-space: nowrap;}
	.flogridp .ir { width: 93px; height: 73px; margin: 3px 0 0 4px; }
	.flogridp .ir img { margin: 0 auto; height: 73px; }
	.flogrid75 .ir { width: 75px; height: 75px; }
	.flogrid75 .ir img { margin: 0 auto; height: 75px; }
/* - - END GRID LAYOUTS - - */

/* - - POPUP PANELS - - */
  /* shared panel styles */
  .sn_closeX { position: absolute; top: 10px; right: 10px; }
  .popupPanelLink { display: block; z-index: 199 !important; position: relative; }
  .popupPanelClass { margin: 0; padding: 7px 10px !important; border: 2px solid #68A6BA; background: #FFFFFF; position: absolute; z-index: 2000 !important; text-align: left; }
  .popupPanelClass div, .popupPanelClass input { margin: 3px 0; }
  .sn_panel_hdr { font-size: 14px !important; font-weight: bold; margin: 0 0 5px 5px; }
  /* specific panel styles */
  .shoutoutPanel { width: 200px; left: -1px; top: 20px; }
  .horoscopePanel { width: 260px; left: 88px; top: 60px; }
  #photobucketPanel { width: 220px; height: 475px; left: 420px; top: 250px; padding: 28px 0 0 0 !important; }  
#horoscopePanel h2 img { margin: 0 0 -5px 0; }
/* - - END POPUP PANELS - - */

/* - - TEASESR BOX aka TOP SEARCHES - - */
  #teaserBox { width: auto; margin: 0px 0px 10px 0px; padding: 0px; }
  #teaserBox h2 { display: none; }
  #teaserBox.commonbox { margin: 0px !important; padding: 0px !important; background: none !important; border: none !important; }
  #teaserBox ol { margin: 0px 0px 0px 35px; padding: 0px; list-style-type: decimal !important; color: #ff4400 !important; font-size: 11px !important; font-weight: bold !important; }
  #teaserBox ol li { color: #ff4400 !important; margin-bottom: 2px !important; }
  #teaserBox ol li a { text-decoration: none !important; }
/* - - END TEASESR BOX aka TOP SEARCHES - - */

/* - - SPONSORED LINKS - - */
  #sponsorsAd { border: 1px solid #b8b8b8; position: relative; margin: 0 0 10px 0;}
  .sponsorsAd, .sponsorsAdCols { padding: 0 0 5px 0;}
  .adCols { width: 23%; position: relative; float: left; display: inline; }
  /* "sponsored links" copy */
  .sponsorsAd h2, .sponsorsColAd h2 { color: #000000; font-size: 93% !important; text-transform: lowercase; font-weight: lighter; margin: 5px 5px 0 5px; padding: 0; }
  /* ad headline  */
  .sponsorsAd h3, .sponsorsColAd h3 { font-size: 100%; font-weight: bold; margin: 5px 5px 0 5px; line-height: 100%; }
  .sponsorsAd h3 a, .sponsorsColAd h3 a { color: #0000FF; text-decoration: underline; }
  /* ad body */
  .sponsorsAd p, .sponsorsColAd p { font-size: 93%; margin: 0; padding: 0; line-height: 1em; margin: 3px 5px 0 5px; }
  .slfooterGrey a { color: #555555; text-decoration: none; }
  /* ad bottom link */
  .slfooterGreen a { color: #339933; text-decoration: none; }
/* - - END SPONSORED LINKS - - */

/* - - DART ADS - - */
  #ad300x250 { margin: 0px 0px 10px 0px; }
  #squareAd { margin-bottom: 10px; }
  #ad300x250 img { display: block; margin: 0px; padding: 0px; }
/* - - END DART ADS - - */

/* - - SHOUTOUTS DISPLAY - - */
  .shoutoutMiniQuote { background: transparent; width: 19px; height: 19px; position: absolute; top: 2px; left: -22px; z-index: 110001; }
  .shoutoutMiniBox { background: transparent url(http://images.friendster.com/images/so_mini.gif) no-repeat; width: 227px; height: 48px; position: absolute; top: 8px; left: -25px; z-index: 11000; }
  .shoutoutMiniContent { padding: 9px 19px 9px 25px; }
  .shoutoutMiniClose { position: absolute; top: 4px; right: 8px; }
/* - - END SHOUTOUTS DISPLAY - - */

/* - - TRUE STYLES - - */
  .trueSpot .imgblock85 { border: 2px solid #0066CC; width: 83px; height: 83px; }
  .trueSpotGm .imgblock65 { width: 63px; height: 63px; border: 2px solid #0066CC; }
  .trueSpot a, .trueSpotGm a { color: #0066CC; }
  .trueSpotG {margin-top:-5px; padding-top: 5px; background: url(http://images.friendster.com/images/pb_true_circle_04.gif) no-repeat 99% 9% #F2F7FC;}
  .trueSpotG a { font-weight: bold;}
  .trueSpotG .buttonBox { text-align: center; }
  .trueSpotG .buttonBox a { border-color: #086989; background-color: #E1EDEF; color: #086989 !important; }
/* - - END TRUE STYLES - - */

/* - - HELP STYLES - - */
  .help { font-weight: normal; margin-left: 5px; }
  .questionMark { margin: 0 1px; }
/* - - HELP STYLES - - */

/* - - LOGIN BOX STYLES - - */
#signIn .signup { float: right; padding: 10px 10px 0 0; font-weight: bold; }
#signIn .login { font-size: 138% !important; font-weight: bold; padding: 10px; margin: 0; background-color:#f7f7f7; }
#signIn .loginButton input { cursor: pointer; font-weight: bold; font-size: 93%; color: #fff !important; background-color: #528BC0; border: 1px solid #C4C4C4; padding: 3px 9px; margin: 0 10px 10px 0 !important; white-space: nowrap; width: 65px; }
#signIn label { font-weight: normal; }
/* - - LOGIN BOX STYLES - - */

/* - - USER SEARCH BOX STYLES - - */
#userSearchHome .seewhoson { background: url(http://images.friendster.com/images/seewhoson_icon.gif) 0 0 no-repeat; padding: 6px 0 6px 30px; font-size: 120%; }
#userSearchHome p, #userSearchHome form { padding-left: 30px; }
#userSearchHome .searchButton input { cursor: pointer; font-weight: bold; font-size: 93%; color: #666 !important; background-color: #f7f7f7; border: 1px solid #C4C4C4; padding: 3px 9px; margin: 0 !important; white-space: nowrap; width: 65px; }
/* - - USER SEARCH BOX STYLES - - */

/* - - FRIEND TRACKER SPONSOR - - */
.trackerSponsor { float: right; margin-bottom: 10px; }
.trackerSponsor a {position: relative; z-index: 2;}
#homePage #moduleFriendUpdates .tabModuleTabs {clear: both;}
#moduleFriendUpdates h2 {padding-top: 30px;}
/* - - FRIEND TRACKER SPONSOR - - */

#bookmarkPanelContent { width: 95%; height: 200px; }
#groupPanelContent { width: 95%; height: 200px; }
#schoolPanelContent { width: 95%; height: 200px; }
head:first-child+body div #schoolPanelContent { height: auto !important; min-height: 200px; }
head:first-child+body div #bookmarkPanelContent { height: auto !important; min-height: 200px; }
head:first-child+body div #groupPanelContent { height: auto !important; min-height: 200px; }
