Results of the CSS crunched for images.friendster.com

Let's see what we've done for images.friendster.com

CSSCruncher.com has crunched this CSS to
14.53 %Less Size! Nice!

BUT UHH OHH! We found some errors in your CSS code!

Error on Line 10:
  Property paddgroupsing doesn't exist
  Class:     h1, h2, h3, form
  Property:  paddgroupsing
  Value:     0

Error on Line 30:
  Property zoom doesn't exist
  Class:     .flo0, .flo1, .flo2, .flo3, .flo4
  Property:  zoom
  Value:     1

Error on Line 281:
  Property zoom doesn't exist
  Class:     .flogrid75, .flogridp
  Property:  zoom
  Value:     1

Error on Line 309:
  Line : 403 Context : * 	Unrecognized  - *html h3#networkActivity { height: 20px; }
  Class:     *html .friendListPanel {width:475px; margin:0}
  Property:  
  Value:     

Error on Line 435:
  attempt to find a semi-colon before the property name. add it
  Class:     .ltArrow
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 435:
  Property progid doesn't exist
  Class:     .ltArrow
  Property:  progid
  Value:     DXImageTransform

Error on Line 435:
  Line : 435 Context : .ltArrow 	Parse error - Unrecognized  : }
  Class:     DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/viralLtArrow.png');
  Property:  
  Value:     

Error on Line 437:
  attempt to find a semi-colon before the property name. add it
  Class:     .rtArrow
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 437:
  Property progid doesn't exist
  Class:     .rtArrow
  Property:  progid
  Value:     DXImageTransform

Error on Line 437:
  Line : 437 Context : .rtArrow 	Parse error - Unrecognized  : }
  Class:     DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/viralRtArrow.png');
  Property:  
  Value:     

Error on Line 440:
  attempt to find a semi-colon before the property name. add it
  Class:     .ltInactive
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 440:
  Property progid doesn't exist
  Class:     .ltInactive
  Property:  progid
  Value:     DXImageTransform

Error on Line 440:
  Line : 441 	Unrecognized  - : default !important; }
  Class:     DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/viralGryLtArrow.png');
  Property:  
  Value:     

Error on Line 442:
  attempt to find a semi-colon before the property name. add it
  Class:     .rtInactive
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 442:
  Property progid doesn't exist
  Class:     .rtInactive
  Property:  progid
  Value:     DXImageTransform

Error on Line 442:
  Line : 443 	Unrecognized  - : default !important; }
  Class:     DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/viralGryRtArrow.png');
  Property:  
  Value:     

Error on Line 458:
  Line : 462 Context : .actionButton 	Unrecognized  - *padding: 0px}
  Class:     ;*width:99px}
  Property:  
  Value:     

Error on Line 463:
  Line : 463 Context : * 	Unrecognized  - *height: 20px}
  Class:     *padding: 2px 15px 2px;
  Property:  
  Value:     

Error on Line 473:
  Line : 474 	Unrecognized  - :#fff; border:1px solid #eee}
  Class:     *padding-bottom:13px;
  Property:  
  Value:     

Error on Line 475:
  Property opacity doesn't exist
  Class:     #friend_invites_container .photoThumb .thumbBorder img
  Property:  opacity
  Value:     1

Error on Line 475:
  Unrecognized  - opacity=100)
  Class:     #friend_invites_container .photoThumb .thumbBorder img
  Property:  filter
  Value:     Unrecognized  - opacity=100)

Error on Line 479:
  Line : 480 	Unrecognized  - :15px; overflow:hidden}
  Class:     *margin-top:-14px;
  Property:  
  Value:     

Error on Line 536:
  hand is not a cursor value
  Class:     .lblueButton a, .lblueButton a:active, .lblueButton a:visited
  Property:  cursor
  Value:     hand

Error on Line 543:
  attempt to find a semi-colon before the property name. add it
  Class:     .mdl-shdw-tl
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 543:
  Property progid doesn't exist
  Class:     .mdl-shdw-tl
  Property:  progid
  Value:     DXImageTransform

Error on Line 543:
  Line : 543 Context : .mdl-shdw-tl 	Parse error - Unrecognized  : }
  Class:     DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/modal_box/modal_shadow_tl.png');
  Property:  
  Value:     

Error on Line 545:
  attempt to find a semi-colon before the property name. add it
  Class:     .mdl-shdw-tr
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 545:
  Property progid doesn't exist
  Class:     .mdl-shdw-tr
  Property:  progid
  Value:     DXImageTransform

Error on Line 545:
  Line : 545 Context : .mdl-shdw-tr 	Parse error - Unrecognized  : }
  Class:     DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/modal_box/modal_shadow_tr.png');
  Property:  
  Value:     

Error on Line 547:
  attempt to find a semi-colon before the property name. add it
  Class:     .mdl-shdw-bl
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 547:
  Property progid doesn't exist
  Class:     .mdl-shdw-bl
  Property:  progid
  Value:     DXImageTransform

Error on Line 547:
  Line : 547 Context : .mdl-shdw-bl 	Parse error - Unrecognized  : }
  Class:     DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/modal_box/modal_shadow_bl.png');
  Property:  
  Value:     

Error on Line 549:
  attempt to find a semi-colon before the property name. add it
  Class:     .mdl-shdw-br
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 549:
  Property progid doesn't exist
  Class:     .mdl-shdw-br
  Property:  progid
  Value:     DXImageTransform

Error on Line 549:
  Line : 549 Context : .mdl-shdw-br 	Parse error - Unrecognized  : }
  Class:     DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/modal_box/modal_shadow_br.png');
  Property:  
  Value:     

Error on Line 551:
  attempt to find a semi-colon before the property name. add it
  Class:     .mdl-shdw-bg
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 551:
  Property progid doesn't exist
  Class:     .mdl-shdw-bg
  Property:  progid
  Value:     DXImageTransform

Error on Line 551:
  Line : 551 Context : .mdl-shdw-bg 	Parse error - Unrecognized  : }
  Class:     DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://images.friendster.com/images/modal_box/modal_shadow_bg.png');
  Property:  
  Value:     

Error on Line 554:
  attempt to find a semi-colon before the property name. add it
  Class:     .mdl-azure-tl
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 554:
  Property progid doesn't exist
  Class:     .mdl-azure-tl
  Property:  progid
  Value:     DXImageTransform

Error on Line 554:
  Line : 554 Context : .mdl-azure-tl 	Parse error - Unrecognized  : }
  Class:     DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/modal_box/modal_azure_tl.png');
  Property:  
  Value:     

Error on Line 556:
  attempt to find a semi-colon before the property name. add it
  Class:     .mdl-azure-tr
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 556:
  Property progid doesn't exist
  Class:     .mdl-azure-tr
  Property:  progid
  Value:     DXImageTransform

Error on Line 556:
  Line : 556 Context : .mdl-azure-tr 	Parse error - Unrecognized  : }
  Class:     DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/modal_box/modal_azure_tr.png');
  Property:  
  Value:     

Error on Line 559:
  attempt to find a semi-colon before the property name. add it
  Class:     .mdl-azure-bl
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 559:
  Property progid doesn't exist
  Class:     .mdl-azure-bl
  Property:  progid
  Value:     DXImageTransform

Error on Line 559:
  Line : 559 Context : .mdl-azure-bl 	Parse error - Unrecognized  : }
  Class:     DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/modal_box/modal_azure_bl.png');
  Property:  
  Value:     

Error on Line 561:
  attempt to find a semi-colon before the property name. add it
  Class:     .mdl-azure-br
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 561:
  Property progid doesn't exist
  Class:     .mdl-azure-br
  Property:  progid
  Value:     DXImageTransform

Error on Line 561:
  Line : 561 Context : .mdl-azure-br 	Parse error - Unrecognized  : }
  Class:     DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/modal_box/modal_azure_br.png');
  Property:  
  Value:     

Error on Line 566:
  attempt to find a semi-colon before the property name. add it
  Class:     .w-mdl-tl
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 566:
  Property progid doesn't exist
  Class:     .w-mdl-tl
  Property:  progid
  Value:     DXImageTransform

Error on Line 566:
  Line : 568 Context : .w-mdl-tr in property : filter
  Class:     DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/rcorner_w_tl.png')}
  Property:  
  Value:     

Error on Line 568:
  Property progid doesn't exist
  Class:     .w-mdl-tr
  Property:  progid
  Value:     DXImageTransform

Error on Line 568:
  Line : 570 Context : .w-mdl-bl in property : filter
  Class:     DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/rcorner_w_tr.png')}
  Property:  
  Value:     

Error on Line 570:
  Property progid doesn't exist
  Class:     .w-mdl-bl
  Property:  progid
  Value:     DXImageTransform

Error on Line 570:
  Line : 572 Context : .w-mdl-br in property : filter
  Class:     DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/rcorner_w_bl.png')}
  Property:  
  Value:     

Error on Line 572:
  Property progid doesn't exist
  Class:     .w-mdl-br
  Property:  progid
  Value:     DXImageTransform

Error on Line 572:
  Line : 590 Context : * 	Unrecognized  - *html .uThumbBox{margin:5px}
  Class:     DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/rcorner_w_br.png')}
  Property:  
  Value:     

Error on Line 591:
  
  Class:     *html .uThumbBoxSmall{margin:5px 0 5px 4px}
  Property:  
  Value:

Crunched CSS code:

html,body{margin:0;padding:0;z-index:0;text-align:center;font-family:arial,helvetica,sans-serif;color:#555555;font-size:12px;line-height:1.2em}
body{background:url(http://images.friendster.com/images/homebg.gif) repeat top left #FFFFFF;z-index:0}
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;paddgroupsing: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}
#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}
#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}
.statusmessagebox{border:1px solid #D7D7D7;background:none;padding:3px;margin:0 0 5px 0}
.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}
.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}
.clearfix:after,clearFix:after{content:".";display:block;height:0;clear:both;visibility:hidden;clear:both;font-size:0 !important;line-height:0 !important}
.clearfixLt:after{content:".";display:block;height:0;clear:left;visibility:hidden;font-size:0 !important;line-height:0 !important}
* html .clearfix,* html .clearfixLt,* html .clearfixRt{display:inline-block}
.clearFix{display:inline-block}
head:first-child+body .clearFix{display:block !important}
p{margin:6px 0;padding:0}
.narrow{font-size:93%;font-family:Tahoma,Arial,sans-serif}
.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}
.sn_greenbor{border:1px solid #C3C3C3}
.sn_bluebor{border:1px solid #68a6ba}
.sn_dkbluebor{border:1px solid #086a89}
.sn_greenbg{background:#C3C3C3}
.sn_ltgreenbg{background:#F4F4EB}
.sn_bluebg{background:#68A6BA}
.sn_dkbluebg{background:#086a89}
.sn_ltbluebg{background:#CDE5E5}
.sn_ltbluebg2{background:#e8e8e8}
.sn_ltbluebg3{background:#f1f8f8;border:1px solid #1C6C94}
.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}
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%}
ul.sn_orangearrowsul li{background:url(http://images.friendster.com/images/sn_orangearrow.gif) no-repeat 0px 4px;padding-left:8px;font-size:93%}
ul.w_presscenter li{list-style-type:disc;margin:0 0 10px 20px}
.commonbox{position:relative;width:auto;margin:0 0 10px 0;padding:0}
.boxcontent{position:relative;padding:7px 10px}
* html .commonbox,* html .boxcontent{height:1%}
.sn_scroll{margin:0;padding:0 10px 10px 10px;clear:left}
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}
.sn_subnav{padding:7px 10px;margin:0 -10px 10px -10px;font-weight:bold;color:#FFFFFF}
.sn_subnav2{font-weight:bold;padding-bottom:5px;font-size:1.2em}
.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}
.sn_subnav2 a{font-size:0.8em !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:none;position:relative;padding:0;margin-bottom:5px;text-align:center}
* html .friends_panel{height:1%}
.friends_panel ul a{color:#196B91}
.friends_panel ul a:visited{color:#196B91}
.friends_panel .flogrid75 .flogriditem{margin-top:7px !important;margin-bottom:0 !important}
#yourStats a{font-size:110%}
#yourStats span{color:#528bc0;font-size:110%}
#friendtrackerPanel a{color:#FF661A}
.nameLink{color:#528BC0 !important}
.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(http://images.friendster.com/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;text-align:center}
.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 .timeStamp{color:#ff6619;font-size:11px;font-weight:normal;text-align:center}
.tabModuleTabs div.selected{color:#333333 !important;border-bottom:1px solid #FFFFFF !important;background-color:#FFFFFF !important}
.tabModuleTabs div.selected a{color:#333333 !important}
* 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/greydot.gif) no-repeat bottom left}
.tabModuleSubTabs{font-size:93%;border-left:1px solid;border-right:1px solid;border-color:#C3C3C3}
.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:10px}
.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}
#updatesSubTabs{margin:0;padding:0;font-size:0.92em;text-align:right}
#updatesSubTabs ul{padding:5px 0 7px 7px}
#updatesSubTabs ul li{display:inline;font-weight:bold}
#updatesSubTabs ul li.divider{padding:0 5px 0 5px}
.ltBlueTabModule .tabModuleTabs{background:url(http://images.friendster.com/images/ltbluedot.gif) repeat-x bottom left}
.ltBlueTabModule .tabModuleTabs div.tab{border-color:#C3C3C3;color:#528BC0;background:#F7F7F7}
.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}
.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}
.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}
.buttonBox{margin:10px 0}
* 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}
#controlPanel{padding:0 0 8px 0}
#controlPanel h4{margin:0;padding:0 0 5px 0;font-size:1.2em}
#controlPanel table{width:100%}
#controlPanel table td{vertical-align:top;padding-right:10px;width:33%}
#controlPanel select{margin-top:5px;color:#528BC0 !important;font-family:arial,helvetica,sans-serif !important;font-size:1em;font-weight:bold}
#controlPanel ul.alerts li,#controlPanel ul.tools li{line-height:140%}
#controlPanel ul.alerts li a{color:#ff6619}
#controlPanel ul.tools li{line-height:160%}
#controlPanel ul.tools li a{font-weight:bold}
#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}
* 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}
* 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}
.sn_event_links div{display:inline;color:#FF6619}
.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}
.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;margin-bottom:2px}
.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}
.sn_2col .imgblock85,.sn_2col .imgblock50,.sn_2col .imgblock65, .sn_2colborder .imgblock85,.sn_2colborder .imgblock50,.sn_2colborder .imgblock65{float:left !important;display:inline !important}
.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}
.sn_data_halfcol{width:49.1%;float:left;display:inline}
.sn_data{margin:0;padding:0}
.sn_grid4row,sn_grid3row{position:relative;padding:10px 0px 10px 10px;margin:0 auto;text-align:center}
.sn_grid4item,.sn_grid3item,.sn_grid2item{position:relative;float:left;display:inline;text-align:center;padding:0;margin:0px}
.sn_grid4item{width:24%}
.sn_grid3item{width:33%}
.sn_grid2item{width:40%}
.sn_grid2item div,.sn_grid4item div,.sn_grid3item div{text-align:center}
.sn_grid2item .imgblock50,.sn_grid2item .imgblock65,.sn_grid2item .imgblock85, .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}
.flogrid50{margin-right:-17px;margin-left:5px}
.flogrid75{margin:0 auto 5px auto;width:292px}
.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}
.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;top:-7px}
.popupPanelClass div,.popupPanelClass input{margin:3px 0}
.sn_panel_hdr{font-size:14px !important;font-weight:bold;margin:0 0 5px 5px}
.shoutoutPanel{width:220px;right:165px;top:60px}
.shoutoutPanel .shoutoutTitle{position:relative;top:-8px;left:5px;color:#65a6bc;font-size:16px;font-style:italic;display:inline}
.horoscopePanel{width:260px;left:38px;top:60px}
.friendListPanel{width:450px}
*html .friendListPanel{width:475px;margin:0}
.friendListPanel input{border:0px;display:inline}
#photobucketPanel{width:220px;height:475px;left:420px;top:250px;padding:28px 0 0 0 !important}
#horoscopePanel h2 img{margin:0 0 -5px 0}
#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}
#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}
.sponsorsAd h2,.sponsorsColAd h2{color:#000000;font-size:93% !important;text-transform:lowercase;font-weight:lighter;margin:5px 5px 0 5px;padding:0}
.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}
.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}
.slfooterGreen a{color:#339933;text-decoration:none}
#ad300x250{margin:0px 0px 10px 0px}
#squareAd{margin-bottom:10px}
#ad300x250 img{display:block;margin:0px;padding:0px}
.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:0;overflow:hidden}
.shoutoutMiniClose{position:absolute;top:4px;right:8px}
.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}
.help{font-weight:normal;margin-left:5px}
.questionMark{margin:0 1px}
#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 0;margin:0 10px 10px 0 !important;white-space:nowrap;width:75px}
#signIn label{font-weight:normal}
#signIn input.orangebutton{font-weight:bold;font-size:93%;background:#FF2000 !important;border:1px solid #c4c4c4;width:95px}
#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 0;margin:0 !important;white-space:nowrap;width:65px}
.trackerSponsor{text-align:right;z-index:-100;margin:0 0 -17px 0}
.trackerSponsor a{position:relative;z-index:2}
#homePage #moduleFriendUpdates .tabModuleTabs{clear:both}
#moduleFriendUpdates h2{padding-top:30px}
#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}
.email{width:400px;margin:0 auto;padding:5px 0 0 0}
.email img{float:left;margin:0 0 5px 10px}
h3#networkActivity{font-size:1.1em;padding:0 0 5px 0;margin:0;z-index:100;min-height:20px}
*html h3#networkActivity{height:20px}
.tabModuleContentEmpty h2{font-size:125% !important;margin:0 !important;padding:0 0 10px 0 !important}
.homePromo{background:url(http://images.friendster.com/images/homePromoBg.png) no-repeat;width:489px;height:119px}
.homePromo .promoBox{float:left;margin:53px 0 0 7px;width:150px;height:60px;text-align:center;color:#666;padding:0}
.homePromo .promoHead{font-weight:bold;font-size:15px;font-style:italic;margin-bottom:3px}
#viralBox{width:490px;background:url(http://images.friendster.com/images/viralBg.png) repeat-y;margin:5px 0 10px}
#viralBox .viralBg{width:490px;background:url(http://images.friendster.com/images/viralTop.png) no-repeat}
#viralBox .viralFooter{width:490px;height:7px;overflow:hidden;background:url(http://images.friendster.com/images/viralBot.png) no-repeat;margin:0;padding:0}
#viralBox .viralContent{padding:7px 8px 0}
#viralBox .viralHeading{color:#555;font-size:14px;font-weight:bold;float:left;width:400px}
#viralBox .viralHeading a{font-size:11px;font-weight:normal;padding-left:10px}
#viralBox .viralClose{font-size:10px;float:right;width:65px;text-align:right}
#viralBox .viralClose a{border:0;text-decoration:none}
#viralBox input{width:100px}
#viralUserlist{width:100%;overflow:hidden}
#viralUserlistBox{width:10000px}
#viralUserlistContainer{margin:5px auto;width:420px;overflow:hidden;position:relative;float:left}
#viralUserlistContainer ul{list-style:none;text-align:center}
#viralUserlistContainer li.photoBox{float:left;padding:0;margin:0;width:105px;text-align:center;display:block;height:105px}
#viralUserlistContainer li.ajaxLoader{background:url('http://images.friendster.com/images/ajax-loader.gif') center center no-repeat}
#viralUserlistContainer .statusMsg{line-height:105px}
#viralUserlistContainer .photo a{color:#333;font-size:11px;width:74px;display:block;overflow:hidden;margin:0 auto}
#viralUserlistContainer .photo a img{height:74px;border:0;margin:0 auto}
#viralUserlistContainer span{font-size:11px}
#leftScroll{float:left;width:22px;height:58px;margin:15px 5px 0 0;cursor:pointer !important}
#rightScroll{float:left;width:22px;height:58px;margin:15px 0 0 0;cursor:pointer !important}
.ltArrow{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='http://images.friendster.com/images/viralLtArrow.png')}
.ltArrow[class]{background:url('http://images.friendster.com/images/viralLtArrow.png') 0 0 no-repeat}
.rtArrow{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='http://images.friendster.com/images/viralRtArrow.png')}
.rtArrow[class]{background:url('http://images.friendster.com/images/viralRtArrow.png') 0 0 no-repeat}
.ltInactive{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='http://images.friendster.com/images/viralGryLtArrow.png');cursor:default !important}
.ltInactive[class]{background:url('http://images.friendster.com/images/viralGryLtArrow.png') 0 0 no-repeat !important;cursor:default !important}
.rtInactive{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='http://images.friendster.com/images/viralGryRtArrow.png');cursor:default !important}
.rtInactive[class]{background:url('http://images.friendster.com/images/viralGryRtArrow.png') 0 0 no-repeat !important;cursor:default !important}
#viralModalBox{width:480px;overflow:hidden;font-size:11px}
#viralModalBox .photobox{width:100px;height:100px;float:left;overflow:hidden;text-align:center}
#viralModalBox .photobox img{height:100px;margin:0 auto}
#viralModalBox .userinfo{float:left;width:370px;padding-left:10px;text-align:left}
#viralModalBox .userinfo ul{padding-bottom:10px}
#viralModalBox .userinfo ul li{padding:0 0 5px 0}
#viralModalBox .userinfo a{font-weight:bold !important;text-decoration:underline}
#viralModalBox .buttonbox{float:right;font-size:12px;margin:0 !important}
#viralModalBox .buttonbox a{text-decoration:none}
#viral_userlist{margin:5px 0}
#viral_userlist .photobox{float:left;background:#fff;width:105px;height:100px;margin-right:10px;text-align:center}
#viral_userlist .photo{margin:3px;overflow:hidden;*width:99px}
#viral_userlist .photo img{height:75px;border:0}
#viral_userlist a{color:#333;font-size:11px}
.actionButton{background:url('http://images.friendster.com/images/btn-rt.png') no-repeat top right;display:inline;margin:0 7px 0 0;padding:3px 0px 7px;*padding:0px}
.actionButton a{background:url('http://images.friendster.com/images/btn-lt.png') no-repeat top left;margin:0;padding:2px 15px 4px;*padding:2px 15px 2px;*height:20px}
.actionButton a,.actionButton a:active,.actionButton a:hover,.actionButton a:visited{color:#555;font-size:13px;font-weight:bold;text-decoration:none}
#pending_friends_form{padding:0;text-align:center}
#friend_invites_container{margin:5px 0 0;overflow:hidden}
#friend_invites_container .photoBox{float:left}
#friend_invites_container .photo{width:88px;height:90px}
#friend_invites_container .photoThumb{padding:0}
#friend_invites_container .photoThumb .thumbBox{width:76px}
#friend_invites_container .photoThumb .thumbBorder{width:67px;height:73px;padding:3px 4px 8px;*padding-bottom:13px;background:#fff;border:1px solid #eee}
#friend_invites_container .photoThumb .thumbBorder span{display:block;overflow:hidden;text-align:center;width:67px;height:67px}
#friend_invites_container .photoThumb .thumbBorder img{height:67px;opacity:1;cursor:pointer;filter:alpha(opacity=100)}
#friend_invites_container .checkBox{cursor:pointer;position:absolute;z-index:60;padding:54px 0 0}
head:first-child+body div #friend_invites_container .checkBox{padding-left:0}
#friend_invites_container .checkBox input{width:auto}
#friend_invites_container .firstName{text-align:center;font-size:10px;margin-top:-16px;*margin-top:-14px;height:15px;overflow:hidden}
#friend_invites_container .firstName a{color:#333}
.border_c6{border:1px solid #c6c6c6}
.bg_f7{background:#f7f7f7}
.pad_1{padding:1px}
.pad_5{padding:5px}
.pad_5tb{padding:5px 0}
.pad_5lr{padding:0 5px}
.pad_3{padding:3px}
.pad_3tb{padding:3px 0}
.pad_3lr{padding:0 3px}
.m10{margin:10px}
.m10tb{margin:10px 0}
.mr10{margin-right:10px}
.m20{margin:20px}
.m20tb{margin:20px 0}
.mr20{margin-right:20px}
.mr60{margin-right:60px}
.txt_80{color:#808080}
a.orange_link,a.orange_link:hover,a.orange_link:visited{color:#FF6619 !important}
.font11,.font11b{font-size:11px}
.font13,.font13b{font-size:13px}
.font14,.font14b{font-size:14px}
.font16,.font16b{font-size:16px}
.font18,.font18b{font-size:18px}
.font11,.font13,.font14,.font16,.font18{font-weight:normal}
.font11b,.font13b,.font14b,.font16b,.font18b{font-weight:bold}
.color-e26a39{color:#e26a39}
.lh140{line-height:140%}
.uline{text-decoration:underline !important}
h2.heading{background:#f3f3f3;border-bottom:1px solid #bbb;padding:5px;margin:5px 0}
h2.blueheading{color:#0d91d0;font-weight:normal}
.font16{font-size:16px}
.yhilite{padding:2px 10px;margin:3px 0;background:#fbf7d0;border:1px solid #eae6c0;display:table}
.hilite{background:#fbf7d0;padding:1px 3px}
.blueBox{padding:5px;background:#eef4f9;border:1px solid #c3c3c3}
a.greyButton{background:transparent url('http://images.friendster.com/images/btn-lt_2.png') no-repeat top left;display:block;float:left;font-size:14px;font-weight:bold;line-height:19px;height:27px;padding-left:5px;text-decoration:none;color:#555;margin-right:10px}
.profileImgBox{float:left;width:105px;margin-right:10px;text-align:center;overflow:hidden}
.profileImgBox img{height:65px;border:1px solid #c6c6c6}
a.greyButton{background:transparent url('http://images.friendster.com/images/btn-lt_2.png') no-repeat top left;display:block;float:left;font-size:14px;font-weight:bold;line-height:19px;height:27px;padding-left:5px;text-decoration:none;color:#555}
a.greyButton:link,a.greyButton:visited,a.greyButton:hover,a.greyButton:active{color:#555}
a.greyButton span{background:transparent url('http://images.friendster.com/images/btn-rt_2.png') no-repeat top right;display:block;padding:4px 15px 4px 10px;cursor:pointer}
a.blueBigButton{background:transparent url('http://images.friendster.com/images/btn_bigBlueLt.png') no-repeat top left;display:block;float:left;font-size:16px;font-weight:bold;line-height:28px;height:36px;padding-left:4px;text-decoration:none;color:#fff;margin-right:10px}
a.blueBigButton:link,a.blueBigButton:visited,a.blueBigButton:hover,a.blueBigButton:active{color:#fff}
a.blueBigButton span{background:transparent url('http://images.friendster.com/images/btn_bigBlueRt.png') no-repeat top right;display:block;padding:4px 19px 4px 15px;cursor:pointer}
a.blueButton{background:transparent url('http://vm.test.friendster.com/images/btn_BlueLt.png') no-repeat top left;display:block;float:left;font-size:14px;font-weight:bold;line-height:18px;height:26px;padding-left:4px;text-decoration:none;color:#fff;margin-right:10px}
a.blueButton:link,a.blueButton:visited,a.blueButton:hover,a.blueButton:active{color:#fff}
a.blueButton span{background:transparent url('http://vm.test.friendster.com/images/btn_BlueRt.png') no-repeat top right;display:block;padding:4px 14px 4px 10px;cursor:pointer}
a.redButton{background:transparent url('http://vm.test.friendster.com/images/btn_red_lt.gif') no-repeat top left;display:block;float:right;font-size:14px;font-weight:bold;line-height:18px;height:26px;padding-left:3px;text-decoration:none;color:#fff}
a.redButton:link,a.redButton:visited,a.redButton:hover,a.redButton:active{color:#fff}
a.redButton span{background:transparent url('http://vm.test.friendster.com/images/btn_red_rt.gif') no-repeat top right;display:block;padding:4px 13px 4px 10px;cursor:pointer}
.lblueButton a{background:url(http://images.friendster.com/images/fanmarketing/btn_blue_l.gif) left top no-repeat;padding-left:15px;font-size:14px;line-height:33px;margin:5px 0}
.lblueButton a,.lblueButton a:active,.lblueButton a:visited{color:#fff;text-decoration:none;cursor:hand}
.lblueButton a:hover{color:#fff;text-decoration:underline}
.lblueButton a b{padding-right:15px;background:url(http://images.friendster.com/images/fanmarketing/btn_blue_cr.gif) right top no-repeat}
.lblueButton a,.lblueButton a b{display:block;float:left}
.mdl-shdw-tl{height:10px;width:10px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='http://images.friendster.com/images/modal_box/modal_shadow_tl.png')}
.mdl-shdw-tl[class]{height:10px;width:10px;background-image:url(http://images.friendster.com/images/modal_box/modal_shadow_tl.png)}
.mdl-shdw-tr{height:10px;width:10px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='http://images.friendster.com/images/modal_box/modal_shadow_tr.png')}
.mdl-shdw-tr[class]{height:10px;width:10px;background-image:url(http://images.friendster.com/images/modal_box/modal_shadow_tr.png)}
.mdl-shdw-bl{height:10px;width:10px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='http://images.friendster.com/images/modal_box/modal_shadow_bl.png')}
.mdl-shdw-bl[class]{height:10px;width:10px;background-image:url(http://images.friendster.com/images/modal_box/modal_shadow_bl.png)}
.mdl-shdw-br{height:10px;width:10px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='http://images.friendster.com/images/modal_box/modal_shadow_br.png')}
.mdl-shdw-br[class]{height:10px;width:10px;background-image:url(http://images.friendster.com/images/modal_box/modal_shadow_br.png)}
.mdl-shdw-bg{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='http://images.friendster.com/images/modal_box/modal_shadow_bg.png')}
.mdl-shdw-bg[class]{background-image:url(http://images.friendster.com/images/modal_box/modal_shadow_bg.png)}
.mdl-azure-tl{width:14px;height:29px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='http://images.friendster.com/images/modal_box/modal_azure_tl.png')}
.mdl-azure-tl[class]{background-image:url(http://images.friendster.com/images/modal_box/modal_azure_tl.png) !important;width:14px;height:29px}
.mdl-azure-tr{width:14px;height:29px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='http://images.friendster.com/images/modal_box/modal_azure_tr.png')}
.mdl-azure-tr[class]{background:transparent url(http://images.friendster.com/images/modal_box/modal_azure_tr.png) no-repeat top left;width:14px;height:29px}
.mdl-azure-tc{background:transparent url(http://images.friendster.com/images/modal_box/modal_azure_tc.png) repeat;height:29px;font-size:15px;color:#FFFFFF;font-weight:bold;text-align:left}
.mdl-azure-bl{width:14px;height:39px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='http://images.friendster.com/images/modal_box/modal_azure_bl.png')}
.mdl-azure-bl[class]{background:transparent url(http://images.friendster.com/images/modal_box/modal_azure_bl.png) no-repeat top left;width:14px;height:39px}
.mdl-azure-br{width:14px;height:39px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='http://images.friendster.com/images/modal_box/modal_azure_br.png')}
.mdl-azure-br[class]{background:transparent url(http://images.friendster.com/images/modal_box/modal_azure_br.png) no-repeat top left;width:14px;height:39px}
.mdl-azure-bc{background:transparent url(http://images.friendster.com/images/modal_box/modal_azure_bc.png) repeat;height:39px}
.mdl-azure-bg{background-color:#FFFFFF;text-align:left}
.w-mdl-tl{width:10px;height:10px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='http://images.friendster.com/images/rcorner_w_tl.png')}
.w-mdl-tl[class]{width:10px;height:10px;background:url(http://images.friendster.com/images/rcorner_w_tl.png) no-repeat}
.w-mdl-tr{width:10px;height:10px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='http://images.friendster.com/images/rcorner_w_tr.png')}
.w-mdl-tr[class]{width:10px;height:10px;background:url(http://images.friendster.com/images/rcorner_w_tr.png) no-repeat}
.w-mdl-bl{width:10px;height:10px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='http://images.friendster.com/images/rcorner_w_bl.png')}
.w-mdl-bl[class]{width:10px;height:10px;background:url(http://images.friendster.com/images/rcorner_w_bl.png) no-repeat}
.w-mdl-br{width:10px;height:10px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='http://images.friendster.com/images/rcorner_w_br.png')}
.w-mdl-br[class]{width:10px;height:10px;background:url(http://images.friendster.com/images/rcorner_w_br.png) no-repeat}
.w-mdl-bg{background:#fff}
.whiteModalInput{padding:3px;width:160px;height:30px;font-size:16px;border:2px solid #528cc6;background:#fff url(http://images.friendster.com/images/inputbg_blue.png) repeat-x center}
#moduleHeader .moduleTitle{float:left;width:80%}
#moduleHeader .moduleMenu{float:right;width:15%;text-align:right;font-size:11px;font-weight:normal}
.moduleMenu IMG{margin:3px 3px 0 0;padding:1px;border:0}
.moduleMenu IMG:hover{background:#fff}
.newBox{border:1px solid #c6c6c6;margin-bottom:15px;position:relative}
.newBox .title{background:#f7f7f7;font-weight:bold;padding:5px;margin-bottom:3px;color:#777}
.newBox .bot{font-size:11px;background:#f7f7f7;padding:5px 7px;border-top:1px solid #eee;margin-top:3px}
.newBox .bot .floatL{width:25%}
.newBox .bot .floatR{width:70%;text-align:right}
.uThumbBox,.uThumbBoxSmall{float:left;width:86px;margin:5px 0 5px 10px;text-align:center;overflow:hidden}
.uThumbBoxSmall{width:75px;margin:5px 0 5px 5px}
*html .uThumbBox{margin:5px}
*html .uThumbBoxSmall{margin:5px 0 5px 4px}
.uThumbBox img{height:65px}
.uThumbBox a.uThumb{display:block;height:65px;overflow:hidden}

» Show original CSS code

« Hide original CSS code

/* - - COMMON - - */
html,body{margin:0;padding:0;z-index:0;text-align:center;font-family:arial, helvetica, sans-serif;color:#555555;font-size:12px;line-height:1.2em}
body {background:url(http://images.friendster.com/images/homebg.gif) repeat top left #FFFFFF;z-index:0}
  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; paddgroupsing: 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 5px 0; }
  .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, clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; clear: both; font-size: 0 !important; line-height: 0 !important; }
  .clearfixLt:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; font-size: 0 !important; line-height: 0 !important;}
    /* fixie \*/* html .clearfix, * html .clearfixLt, * html .clearfixRt { display: inline-block; }/**/
    .clearFix {display: inline-block;}
 head:first-child+body .clearFix {display: block !important;}
/* - -  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; }
  .sn_ltbluebg3 { background: #f1f8f8; border:1px solid #1C6C94;}
  /* 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%; }
  ul.w_presscenter li { list-style-type: disc; margin: 0 0 10px 20px; }
/* - - 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: 0 10px 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; font-size: 1.2em; }
  .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; }
  .sn_subnav2 a { font-size: 0.8em !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: none; position: relative; padding: 0; margin-bottom: 5px; text-align: center;}
  /*fixie\*/* html .friends_panel { height: 1%; } /* */
  .friends_panel ul a { color: #196B91;}
  .friends_panel ul a:visited { color: #196B91;}
  .friends_panel .flogrid75 .flogriditem { margin-top: 7px !important; margin-bottom: 0 !important; }
  #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(http://images.friendster.com/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; text-align: center; }
  .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 .timeStamp { color: #ff6619; font-size: 11px; font-weight: normal; text-align: center; }
  .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/greydot.gif) no-repeat bottom left; }/**/
  .tabModuleSubTabs { font-size: 93%; border-left: 1px solid; border-right: 1px solid; border-color: #C3C3C3; }
  .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: 10px; }
  .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;}
  #updatesSubTabs { margin: 0; padding: 0; font-size: 0.92em; text-align: right; }
  #updatesSubTabs ul { padding: 5px 0 7px 7px; }
  #updatesSubTabs ul li { display: inline; font-weight: bold; }
  #updatesSubTabs ul li.divider { padding: 0 5px 0 5px; }

/* light blue */
  .ltBlueTabModule .tabModuleTabs { background: url(http://images.friendster.com/images/ltbluedot.gif) repeat-x bottom left; }
  .ltBlueTabModule .tabModuleTabs div.tab { border-color: #C3C3C3; color: #528BC0; background: #F7F7F7; }
  .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 { padding: 0 0 8px 0; }
  #controlPanel h4 { margin: 0; padding: 0 0 5px 0; font-size: 1.2em; }
  #controlPanel table { width: 100%; }
  #controlPanel table td { vertical-align: top; padding-right: 10px; width: 33%; }
  #controlPanel select { margin-top: 5px; color: #528BC0 !important; font-family: arial, helvetica, sans-serif !important; font-size: 1em; font-weight: bold; }
  #controlPanel ul.alerts li, #controlPanel ul.tools li { line-height: 140%; }
  #controlPanel ul.alerts li a { color: #ff6619; }
  #controlPanel ul.tools li { line-height: 160%; }
  #controlPanel ul.tools li a { font-weight: bold; }
  #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; }
  .sn_event_links div { display: inline; 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; margin-bottom: 2px; }
  .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, .sn_grid2item { position: relative; float: left; display: inline; text-align: center; padding: 0; margin: 0px; }
  .sn_grid4item { width: 24%; }
  .sn_grid3item { width: 33%; }
  .sn_grid2item { width: 40%; }
  /* center img box and text in gridXitem divs */
.sn_grid2item div, .sn_grid4item div, .sn_grid3item div { text-align: center; }
  .sn_grid2item .imgblock50, .sn_grid2item .imgblock65, .sn_grid2item .imgblock85,
  .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; }
	.flogrid50 { margin-right: -17px; margin-left: 5px; }
	.flogrid75 {margin: 0 auto 5px auto; width: 292px;}
	.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; top: -7px;}
  .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: 220px; right: 165px; top: 60px; }
  .shoutoutPanel .shoutoutTitle {position: relative; top: -8px; left:5px; color:#65a6bc; font-size:16px; font-style:italic; display: inline}
  .horoscopePanel { width: 260px; left: 38px; top: 60px; }
  .friendListPanel {width: 450px;}
  *html .friendListPanel {width:475px; margin:0}
  .friendListPanel input {border:0px; display: inline;}
#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: 0; overflow:hidden; }
  .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 0; margin: 0 10px 10px 0 !important; white-space: nowrap; width: 75px; }
#signIn label { font-weight: normal; }
#signIn input.orangebutton { font-weight: bold; font-size: 93%; background:#FF2000 !important; border: 1px solid #c4c4c4; width:95px;}

/* - - 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 0; margin: 0 !important; white-space: nowrap; width: 65px; }
/* - - USER SEARCH BOX STYLES - - */

/* - - FRIEND TRACKER SPONSOR - - */
.trackerSponsor { text-align: right; z-index: -100; margin: 0 0 -17px 0; }
.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; }

/*-- Friend Invites in Home --*/
.email {width: 400px; margin: 0 auto; padding: 5px 0 0 0;}
.email img {float: left; margin: 0 0 5px 10px;}

/* - - FRIEND TRACKER - - */
h3#networkActivity { font-size: 1.1em; padding: 0 0 5px 0; margin: 0; z-index: 100; min-height: 20px; }
*html h3#networkActivity { height: 20px; }
.tabModuleContentEmpty h2 { font-size: 125% !important; margin: 0 !important; padding: 0 0 10px 0 !important; }

/*-- Home Promo-*/
.homePromo {background:url(http://images.friendster.com/images/homePromoBg.png) no-repeat; width:489px; height:119px;}
.homePromo .promoBox {float:left; margin:53px 0 0 7px; width:150px; height:60px; text-align:center; color:#666; padding:0;}
.homePromo .promoHead {font-weight:bold; font-size:15px; font-style:italic; margin-bottom:3px;}

/*-- Pending Friend Requests Viral Box (AJAX version) --*/
#viralBox {width:490px; background:url(http://images.friendster.com/images/viralBg.png) repeat-y; margin: 5px 0 10px}
#viralBox .viralBg {width:490px; background:url(http://images.friendster.com/images/viralTop.png) no-repeat;}
#viralBox .viralFooter {width:490px; height: 7px; overflow: hidden; background: url(http://images.friendster.com/images/viralBot.png) no-repeat; margin:0; padding:0;}
#viralBox .viralContent {padding:7px 8px 0}
#viralBox .viralHeading {color: #555; font-size: 14px; font-weight: bold; float:left; width: 400px;}
#viralBox .viralHeading a { font-size: 11px; font-weight: normal; padding-left: 10px; }
#viralBox .viralClose {font-size: 10px; float:right; width: 65px; text-align:right;}
#viralBox .viralClose a {border:0; text-decoration: none;}
#viralBox input {width:100px;}

#viralUserlist { width: 100%; overflow: hidden; }
#viralUserlistBox { width: 10000px; }
#viralUserlistContainer {margin: 5px auto;width: 420px; overflow: hidden; position: relative; float: left;}
#viralUserlistContainer ul { list-style: none; text-align: center; }
#viralUserlistContainer li.photoBox { float: left; padding: 0; margin: 0; width: 105px;text-align:center; display: block; height: 105px; }
#viralUserlistContainer li.ajaxLoader { background: url('http://images.friendster.com/images/ajax-loader.gif') center center no-repeat; }
#viralUserlistContainer .statusMsg { line-height: 105px; }
#viralUserlistContainer .photo a{color:#333;font-size:11px;width:74px;display:block;overflow:hidden;margin: 0 auto;}
#viralUserlistContainer .photo a img{height:74px;border:0;margin: 0 auto;}
#viralUserlistContainer span { font-size: 11px; }

#leftScroll { float: left; width: 22px; height: 58px; margin: 15px 5px 0 0; cursor: pointer !important; }
#rightScroll { float: left; width: 22px; height: 58px; margin: 15px 0 0 0; cursor: pointer !important; }
.ltArrow { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/viralLtArrow.png'); }  
.ltArrow[class] { background: url('http://images.friendster.com/images/viralLtArrow.png') 0 0 no-repeat; }  
.rtArrow { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/viralRtArrow.png'); }  
.rtArrow[class] { background: url('http://images.friendster.com/images/viralRtArrow.png') 0 0 no-repeat; }

.ltInactive {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/viralGryLtArrow.png'); cursor: default !important; }
.ltInactive[class] { background: url('http://images.friendster.com/images/viralGryLtArrow.png') 0 0 no-repeat !important; cursor: default !important; }
.rtInactive {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/viralGryRtArrow.png'); cursor: default !important; }
.rtInactive[class] { background: url('http://images.friendster.com/images/viralGryRtArrow.png') 0 0 no-repeat !important; cursor: default !important; }

#viralModalBox { width: 480px; overflow: hidden; font-size: 11px; }
#viralModalBox .photobox { width: 100px; height: 100px; float: left; overflow: hidden; text-align: center; }
#viralModalBox .photobox img { height: 100px; margin: 0 auto; } 
#viralModalBox .userinfo { float: left; width: 370px; padding-left: 10px; text-align: left; }
#viralModalBox .userinfo ul { padding-bottom: 10px; }
#viralModalBox .userinfo ul li { padding: 0 0 5px 0; }
#viralModalBox .userinfo a { font-weight: bold !important; text-decoration: underline; }
#viralModalBox .buttonbox { float: right; font-size: 12px; margin: 0 !important; }
#viralModalBox .buttonbox a { text-decoration: none; }

/* friend recommender and reverse lookup campaigns */
#viral_userlist{margin:5px 0}
#viral_userlist .photobox{float:left;background:#fff;width:105px;height:100px;margin-right:10px;text-align:center}
#viral_userlist .photo{margin:3px;overflow:hidden;*width:99px}
#viral_userlist .photo img{height:75px;border:0}
#viral_userlist a{color:#333;font-size:11px}

.actionButton {background: url('http://images.friendster.com/images/btn-rt.png') no-repeat top right; display: inline; margin: 0 7px 0 0; padding: 3px 0px 7px; *padding: 0px}
.actionButton a {background: url('http://images.friendster.com/images/btn-lt.png') no-repeat top left; margin:0; padding:2px 15px 4px; *padding: 2px 15px 2px;  *height: 20px}
.actionButton a, .actionButton a:active, .actionButton a:hover, .actionButton a:visited {color: #555; font-size: 13px; font-weight: bold; text-decoration: none}

/* pending friend invites campaign */
#pending_friends_form {padding:0; text-align:center;}
#friend_invites_container {margin:5px 0 0; overflow:hidden;}
#friend_invites_container .photoBox {float:left;}
#friend_invites_container .photo {width:88px; height:90px;}
#friend_invites_container .photoThumb {padding:0;}
#friend_invites_container .photoThumb .thumbBox {width:76px;} 
#friend_invites_container .photoThumb .thumbBorder {width:67px; height:73px; padding:3px 4px 8px; *padding-bottom:13px; background:#fff; border:1px solid #eee}
#friend_invites_container .photoThumb .thumbBorder span {display:block; overflow:hidden; text-align:center; width:67px; height:67px;}
#friend_invites_container .photoThumb .thumbBorder img {height:67px;opacity:1;cursor:pointer;filter:alpha(opacity=100)}
#friend_invites_container .checkBox {cursor:pointer; position:absolute; z-index:60; padding:54px 0 0;}
head:first-child+body div #friend_invites_container .checkBox {padding-left:0;}
#friend_invites_container .checkBox input {width:auto;}
#friend_invites_container .firstName {text-align:center; font-size:10px;margin-top:-16px; *margin-top:-14px; height:15px; overflow:hidden}
#friend_invites_container .firstName a{color:#333}

/* common styles */
.border_c6{border:1px solid #c6c6c6}
.bg_f7{background:#f7f7f7}
.pad_1{padding:1px}
.pad_5{padding:5px}
.pad_5tb{padding:5px 0}
.pad_5lr{padding:0 5px}
.pad_3{padding:3px}
.pad_3tb{padding:3px 0}
.pad_3lr{padding:0 3px}
.m10{margin:10px}
.m10tb{margin:10px 0}
.mr10{margin-right:10px}
.m20{margin:20px}
.m20tb{margin:20px 0}
.mr20{margin-right:20px}
.mr60{margin-right:60px}
.txt_80{color:#808080}
a.orange_link,a.orange_link:hover,a.orange_link:visited{color: #FF6619 !important}
.font11,.font11b{font-size:11px}
.font13,.font13b{font-size:13px}
.font14,.font14b{font-size:14px}
.font16,.font16b{font-size:16px}
.font18,.font18b{font-size:18px}
.font11,.font13,.font14,.font16,.font18{font-weight:normal}
.font11b,.font13b,.font14b,.font16b,.font18b{font-weight:bold}
.color-e26a39{color:#e26a39}
.lh140{line-height:140%}
.uline{text-decoration:underline !important}

h2.heading{background:#f3f3f3;border-bottom:1px solid #bbb;padding:5px;margin:5px 0}
h2.blueheading{color:#0d91d0;font-weight:normal}
.font16{font-size:16px}
.yhilite{padding:2px 10px;margin:3px 0;background:#fbf7d0;border:1px solid #eae6c0;display:table}
.hilite{background:#fbf7d0;padding:1px 3px;}
.blueBox{padding:5px;background: #eef4f9;border:1px solid #c3c3c3}

/* Button Styles */
a.greyButton{background:transparent url('http://images.friendster.com/images/btn-lt_2.png') no-repeat top left;display:block;float:left;font-size:14px;font-weight:bold;line-height:19px;height:27px;padding-left:5px;text-decoration:none;color:#555;margin-right:10px}
.profileImgBox{float:left;width:105px;margin-right:10px;text-align:center;overflow:hidden}
.profileImgBox img{height:65px;border:1px solid #c6c6c6}
a.greyButton{background:transparent url('http://images.friendster.com/images/btn-lt_2.png') no-repeat top left;display:block;float:left;font-size:14px;font-weight:bold;line-height:19px;height:27px;padding-left:5px;text-decoration:none;color:#555;}
a.greyButton:link,a.greyButton:visited,a.greyButton:hover,a.greyButton:active{color:#555}
a.greyButton span{background:transparent url('http://images.friendster.com/images/btn-rt_2.png') no-repeat top right;display:block;padding:4px 15px 4px 10px;cursor:pointer;}
a.blueBigButton{background:transparent url('http://images.friendster.com/images/btn_bigBlueLt.png') no-repeat top left;display:block;float:left;font-size:16px;font-weight:bold;line-height:28px;height:36px;padding-left:4px;text-decoration:none;color:#fff;margin-right:10px}
a.blueBigButton:link,a.blueBigButton:visited,a.blueBigButton:hover,a.blueBigButton:active{color:#fff}
a.blueBigButton span{background:transparent url('http://images.friendster.com/images/btn_bigBlueRt.png') no-repeat top right;display:block;padding:4px 19px 4px 15px;cursor:pointer}
a.blueButton{background:transparent url('http://vm.test.friendster.com/images/btn_BlueLt.png') no-repeat top left;display:block;float:left;font-size:14px;font-weight:bold;line-height:18px;height:26px;padding-left:4px;text-decoration:none;color:#fff;margin-right:10px}
a.blueButton:link,a.blueButton:visited,a.blueButton:hover,a.blueButton:active{color:#fff}
a.blueButton span{background:transparent url('http://vm.test.friendster.com/images/btn_BlueRt.png') no-repeat top right;display:block;padding:4px 14px 4px 10px;cursor:pointer}
a.redButton{background:transparent url('http://vm.test.friendster.com/images/btn_red_lt.gif') no-repeat top left;display:block;float:right;font-size:14px;font-weight:bold;line-height:18px;height:26px;padding-left:3px;text-decoration:none;color:#fff}
a.redButton:link,a.redButton:visited,a.redButton:hover,a.redButton:active{color:#fff}
a.redButton span{background:transparent url('http://vm.test.friendster.com/images/btn_red_rt.gif') no-repeat top right;display:block;padding:4px 13px 4px 10px;cursor:pointer}
.lblueButton a{background: url(http://images.friendster.com/images/fanmarketing/btn_blue_l.gif) left top no-repeat;padding-left: 15px;font-size: 14px;line-height: 33px;margin:5px 0}
.lblueButton a, .lblueButton a:active, .lblueButton a:visited{color: #fff;text-decoration: none;cursor: hand}
.lblueButton a:hover{color: #fff;	text-decoration: underline}
.lblueButton a b{padding-right: 15px;background: url(http://images.friendster.com/images/fanmarketing/btn_blue_cr.gif) right top no-repeat}
.lblueButton a, .lblueButton a b{display: block;float: left}

/*Modal Box*/ 
.mdl-shdw-tl { height: 10px; width: 10px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/modal_box/modal_shadow_tl.png'); }
.mdl-shdw-tl[class] { height: 10px; width: 10px; background-image:url(http://images.friendster.com/images/modal_box/modal_shadow_tl.png); }
.mdl-shdw-tr { height: 10px; width: 10px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/modal_box/modal_shadow_tr.png'); }
.mdl-shdw-tr[class] { height: 10px; width: 10px; background-image:url(http://images.friendster.com/images/modal_box/modal_shadow_tr.png); }
.mdl-shdw-bl { height: 10px; width: 10px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/modal_box/modal_shadow_bl.png'); }
.mdl-shdw-bl[class] { height: 10px; width: 10px; background-image:url(http://images.friendster.com/images/modal_box/modal_shadow_bl.png); }
.mdl-shdw-br { height: 10px; width: 10px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/modal_box/modal_shadow_br.png'); }
.mdl-shdw-br[class] { height: 10px; width: 10px; background-image:url(http://images.friendster.com/images/modal_box/modal_shadow_br.png); }
.mdl-shdw-bg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://images.friendster.com/images/modal_box/modal_shadow_bg.png'); }
.mdl-shdw-bg[class] { background-image:url(http://images.friendster.com/images/modal_box/modal_shadow_bg.png); }

.mdl-azure-tl { width:14px; height: 29px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/modal_box/modal_azure_tl.png'); }
.mdl-azure-tl[class] { background-image:url(http://images.friendster.com/images/modal_box/modal_azure_tl.png) !important; width:14px; height: 29px;}
.mdl-azure-tr { width:14px; height: 29px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/modal_box/modal_azure_tr.png'); }
.mdl-azure-tr[class] { background: transparent url(http://images.friendster.com/images/modal_box/modal_azure_tr.png) no-repeat top left; width:14px; height: 29px;}
.mdl-azure-tc { background: transparent url(http://images.friendster.com/images/modal_box/modal_azure_tc.png) repeat; height: 29px; font-size: 15px; color: #FFFFFF; font-weight: bold;  text-align: left;}
.mdl-azure-bl { width:14px; height: 39px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/modal_box/modal_azure_bl.png'); }
.mdl-azure-bl[class] { background: transparent url(http://images.friendster.com/images/modal_box/modal_azure_bl.png) no-repeat top left; width:14px; height: 39px;}
.mdl-azure-br { width:14px; height: 39px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/modal_box/modal_azure_br.png'); }
.mdl-azure-br[class] { background: transparent url(http://images.friendster.com/images/modal_box/modal_azure_br.png) no-repeat top left; width:14px; height: 39px;}
.mdl-azure-bc { background: transparent url(http://images.friendster.com/images/modal_box/modal_azure_bc.png) repeat; height: 39px;}
.mdl-azure-bg { background-color: #FFFFFF;  text-align: left;}

.w-mdl-tl{width:10px;height:10px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/rcorner_w_tl.png')}
.w-mdl-tl[class]{width:10px;height:10px;background:url(http://images.friendster.com/images/rcorner_w_tl.png) no-repeat}
.w-mdl-tr{width:10px;height:10px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/rcorner_w_tr.png')}
.w-mdl-tr[class]{width:10px;height:10px;background:url(http://images.friendster.com/images/rcorner_w_tr.png) no-repeat}
.w-mdl-bl{width:10px;height:10px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/rcorner_w_bl.png')}
.w-mdl-bl[class]{width:10px;height:10px;background:url(http://images.friendster.com/images/rcorner_w_bl.png) no-repeat}
.w-mdl-br{width:10px;height:10px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://images.friendster.com/images/rcorner_w_br.png')}
.w-mdl-br[class]{width:10px;height:10px;background:url(http://images.friendster.com/images/rcorner_w_br.png) no-repeat}
.w-mdl-bg{background:#fff}
.whiteModalInput{padding:3px;width:160px;height:30px;font-size:16px;border:2px solid #528cc6;background:#fff url(http://images.friendster.com/images/inputbg_blue.png) repeat-x center}

#moduleHeader .moduleTitle{float:left; width:80%}
#moduleHeader .moduleMenu{float:right; width:15%; text-align: right;font-size:11px;font-weight:normal}
.moduleMenu IMG{margin: 3px 3px 0 0; padding:1px; border:0}
.moduleMenu IMG:hover{background: #fff}

.newBox{border:1px solid #c6c6c6;margin-bottom:15px;position:relative}
.newBox .title{background:#f7f7f7;font-weight:bold;padding:5px;margin-bottom:3px;color:#777}
.newBox .bot{font-size:11px;background:#f7f7f7;padding:5px 7px;border-top:1px solid #eee;margin-top:3px}
.newBox .bot .floatL{width:25%}
.newBox .bot .floatR{width:70%;text-align:right}

.uThumbBox,.uThumbBoxSmall{float:left;width:86px;margin:5px 0 5px 10px;text-align:center;overflow:hidden}
.uThumbBoxSmall{width:75px;margin:5px 0 5px 5px;}
*html .uThumbBox{margin:5px}
*html .uThumbBoxSmall{margin:5px 0 5px 4px}
.uThumbBox img{height:65px}
.uThumbBox a.uThumb{display:block;height:65px;overflow:hidden}

Some information about this website:

URL: http://images.friendster.com/
CSS URL: http://images.friendster.com/200812C/css/home.css
Title: