/* - - NEW DATA LAYOUTS - NEED TO RETROFIT HOME.CSS - - */
/* Page Titles */

h1 { position: relative; color: #333333; font-size: 138% !important; padding: 4px 0 6px 0; margin: 0 0 5px 0; }
h2 { position: relative; color: #333333; font-size: 125% !important; padding: 4px 0 6px 0; margin: 0; }
h3 { position: relative; color: #555555; font-size: 112% !important; padding: 0; margin: 0 0 10px 0;}
h3.sn_green a, h3.sn_green a:hover {color: #333333; text-decoration: none;}
h1 span.sn, h2 span.sn { font-size: 12px; font-weight: normal; }
/* Photo/Data layouts */
.flo200, .flo75, .flohalf, .flogridf, .flogrid75, .flogrid50, .flogridp { position: relative; zoom: 1; }
.flo200, .flo75 { margin-bottom: 10px; }
.flo200:after, .flo75:after, .flohalf:after, .ic:after, .dc:after, .flogridf:after, .flogrid75:after, .flogrid50:after, .flogridp:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ic { float: left; display: inline; position: relative; }
.dc { position: relative; }
.imgblock { overflow: hidden; margin-bottom: 5px; }
.flo200 .ic { width: 200px; text-align: center; }
.flo200 .ic .imgblock { width: 200px; border: 1px solid #76B5C6; }
.flo200 .ic img { width: 200px; }
.flo200 .dc { margin-left: 210px; }
.flo50 .ic { width: 50px; text-align: center; }
.flo50 .ic .imgblock { width: 50px; height: 50px; }
.flo50 .ic img { height: 50px; margin: 0 auto; }
.flo50 .dc { margin-left: 60px; }
.flo75 .ic { width: 75px; text-align: center; }
.flo75 .ic .imgblock { width: 75px; height: 75px; }
.flo75 .ic img { height: 75px; margin: 0 auto; }
.flo75 .dc { margin-left: 85px; }
.flohalf .ic { width: 48%; }

.ir { background: #E3E3E3; text-align: center; overflow: hidden; }
.dr { text-align: center; background: #E6F1F3; padding: 3px 0; border-top: 1px solid #FFFFFF; }
.flogriditem { float: left; display: inline; margin-right: 17px; margin-bottom: 10px; }
.flogridf { margin-right: -12px; }
.flogridf .flo50 { margin: 3px 0 -3px 3px; }
.flogridf .flo50 .dc { margin-left: 55px; padding-top: 3px; }
.flogridf .flogriditem { padding-bottom: 5px; margin-right: 11px; width: 194px; border: 1px solid #E3E3E3; }
/* \*/ * html .flogridf .flogriditem { width: 196px; } /**/
.flogridp { margin-right: -13px; margin-left: 8px; }
.flogridp .flogriditem { margin-right: 13px; padding-bottom: 5px; width: 101px; height: 87px; background: url(http://images.friendster.com/images/pf.gif) no-repeat; }
.flogrid75, .flogrid50 { margin-right: -17px; margin-left: 8px; }
.flogrid75 .flogriditem { width: 75px; }
.flogrid50 .flogriditem { width: 50px; }
.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; }
.flogrid50 .ir { width: 50px; height: 50px; }
.flogrid50 .ir img { margin: 0 auto; height: 50px; }

ul.bullet { list-style: disc; margin: 0 0 0 30px; }

/* - - VIDEO PAGE - - */
  #videoPage .tabModuleContent { padding: 10px; }
  #videoPage .flo1 .lc { width: 420px; border: 1px solid #666666; }
  #videoPage .flo1 .rc { width: 350px; text-align: center; }
  #videoPage .boxcontent { padding: 10px 0 10px 12px !important; }
	#videoPage .vid_scroll { height: 560px; background: #C3C3C3; margin: 0; padding: 5px !important; overflow: scroll; overflow: -moz-scrollbars-vertical; overflow-x: hidden; overflow-y: scroll; clear: left; }
  #videoPage .sn_2colborder { border: 1px solid #999999; background: #F0F0F0; padding: 10px 10px 3px 10px; }
  #videoPage .sn_2colborder .sn_blue { color: #555555; }
  #videoPage .tabModuleMoreLink, #videoPage .tabModuleMoreLink { border-color: #999999; color: #555555; }
  #videoPage .tabModuleSubTabs { padding: 4px 7px; }
  #videoPlayer { width: 350px; background: url(http://images.friendster.com/images/videoPlayerBg.jpg) no-repeat; margin: 0 0 10px 0; text-align: left; }
  #videoPlayerBase { width: 350px; height: 10px; line-height: 1px; font-size: 2px; background: url(http://images.friendster.com/images/videoPlayerBot.gif) no-repeat; }
  .selectedVideo { background: url(http://images.friendster.com/images/gradient.gif) repeat-x bottom left; }
  .viewedVideo { width: 49px; height: 14px; margin: 3px 0 0 0; background: url(http://images.friendster.com/images/viewed.gif) no-repeat; }

/* - - EDIT ACCOUNT PAGE - - */
  /* form tables - probably used elsewhere */
  .nowrap { white-space: nowrap; }
  .formtable { font-size: 93%; empty-cells: show; margin: 0; padding: 0; }
  .formtable td { padding: 6px 4px; vertical-align: middle; }
  .formtable td.field { text-align: right; font-weight: bold; }
  .formtable td.subfield { text-align: right; width: 200px; }
  .formtable td.subvalue { text-align: center; width: 50px; }
  .formtable td.disclaimer { text-align: right; }
  .inputwidth { width: 185px; }
  .formtable .wideTxtBox {width: 345px; }
  p#continentHeader  { color: #528BC0; font-weight: bold }
  p#continentTeaser { font-size: 0.92em; }
  .device-active { padding-left: 5px; color: #2B8902; }
  .device-pending { padding-left: 5px; color: red; }
  #editaccountForm td.field, #editaccountForm td.subfield { width: 150px; }
	#im_settings .formtable { margin-top: 10px; }
	#im_settings td.field { width: 300px; }  
	#im_settings td.value label, #im_settings td.field span { font-weight: normal; }  
	#im_settings td.field span { cursor: pointer !important; }  
	.yui-tt .bd { background-color: #FFF8CE !important; border: 1px solid #DDD6AC !important; padding: 2px 5px !important; color: #555 !important; width: 300px !important; text-align: left !important; }	
	#cancelaccount { float: right; }
  
/* - - GALLERY PAGE - - */
  #galleryPage .flo5 { z-index: 1; padding: 0; margin: 0; position: relative; zoom: 1; }
  #galleryPage .flo5:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
  #galleryPage .flo5 .lc { float: left; width: 170px; }
  #galleryPage .flo5 .mc { float: left; width: 430px; margin-left: 10px; }
  #galleryPage .flo5 .rc { float: right; width: 160px; }
  #galleryPage .galleryform { padding: 5px 0 5px 5px; margin: 0 0 10px 0; }
  #galleryPage .galleryform select { width: 160px; }
  #galleryPage .galleryform strong { margin: 0 0 3px 0; display: block; }
  #galleryPage .galleryform .commonbox { margin-bottom: 5px; }
  #galleryPage ul.sn_orangearrowsul li { font-size: 100%; margin: 0 0 5px 25px; }
  #galleryPage .greentext { font-size:80%; color:#008000; }
  #galleryPage .paginglinksmodule { border-bottom: 1px solid #E8E8E8; margin-bottom: 10px; padding-bottom: 10px; }
  /* \*/ * html #galleryPage .sn_2colborder { border-top: 1px solid #FFFFFF; } /**/
  #galleryPage .sn_grid4item { margin-bottom: 10px; }
  #galleryPage .buttonBox { margin-top: 5px; }

/* - - USERSEARCH PAGE - - */
  #usersearchPage .galleryform input, #usersearchPage .galleryform select { width: 250px !important; }

/* - - FRIENDS PAGE - - */
  .friendtabs { margin: 10px 0; }
  .friendtabs li { display: inline; padding: 0 2px; }
  .friendtabs .selected { font-weight: bold; }
  .friendtabs a {color: #FF661A;}  
  #friendsPage .inviteBtn { position: absolute; top: -1px; right: 2px; }
  .thumbnaildelete { position:absolute; top:-1px; left:119px; padding: 0 3px; font-weight:bold; border:1px solid #C3C3C3; color: #C3C3C3 !important; }
  * html #friendsPage .clearLeftNoHeight { margin-bottom: 10px; }
  .flogridf p { font-size: 11px; margin: 0 0 2px 0; }

/* - - TESTIMONIALS PAGE - - */
  .imgblock2 { width: 85px; height: 85px; overflow: hidden; border: 1px solid #b5b5b5; text-align: center; } 
  .imgblock2 img { height: 85px; border: 0px; margin: 0px auto; }

/* MESSAGES TABLES - USED MANY PLACES */
  .messagestable { width: 100%; empty-cells: show; }
  .messagestable th { padding: 8px 5px 2px 5px; text-align: left; background-color: #E8E8E8; text-transform: capitalize; }
  .messagestable td { padding: 5px; border-bottom: 1px solid #E1EdF1; }
  .messagestable td .flogriditem { margin-bottom: 0; }
  .messagestable td.field { text-align: right; font-weight: bold; vertical-align: top; }
  .messagestable tr.subcat { padding: 8px 5px 2px 5px; text-align: left; background-color: #E8E8E8; text-transform: capitalize; }
.newmail, .newmail a { font-weight: bold; }
  .readmail, .readmail a { font-weight: normal; }
	.messagestable td#bbbodytxt div { padding-bottom: 5px; }

/* PROFILE TABLE - GROUPS */
  .profiletable td.field { background-color: #F0F0F0; text-align:right;font-weight:bold;padding:2px 4px; }

/* - - LOGOUT PAGE - - */
  .indexbuttonbox { display:inline; margin-top:20px; margin-left:20px; }
  .orangebutton { background:#FF2000 !important; text-decoration:none !important; padding: 0.2em 0.6em 0.2em 0.6em; color: white !important; font-weight: bold; border: #C3C3C3 solid 1px !important; white-space:nowrap; }
  .submitbutton { background: #528BC0 !important; text-decoration:none !important; padding: 0.2em 0.6em 0.2em 0.6em; color: #FFFFFF !important; font-weight: bold; border: 1px solid #C4C4C4 !important; white-space:nowrap; }
  a.orangebutton:hover, a.submitbutton:hover { text-decoration:none !important; }
  .buttonbox input { padding:0.2em 0.6em 0.2em 0.6em;  margin:0; }
  .buttonbox .submitbutton {background: #F7F7F7 !important; color: #528BC0 !important}

/* - - INVITE PAGE - - */
  #reviewinvitesPage .lc .commonbox, #friendrequestsPage .lc .commonbox { margin-bottom: 25px;}
  #invitePage .email, #inviteconfirmationPage .email { list-style-type: none; margin: 0 0 5px 0; }
  #invitePage .email li  { margin-bottom: 5px; float: left; display: inline; margin-right: 10px; text-align: center } 
  #invitePage h1 { text-align: left !important; }
  #invitePage .floatLeftHalf { padding: 0; position: relative; }
  #invitePage .floatRightHalf { padding: 0; margin: 5px 0 0 0; }
  #invitePage #firstRowOfFields div, #secondRowOfFields div { padding: 2px 0 2px 0; }
  #moreEmail { margin-bottom: 15px; }
  #inviteFriends { padding-top: 5px; }
  #invitePage .inputSearch { padding-top: 15px; }
  #invitePage h1 {text-align: center}
  #invitePage .lc .innerbox, #reviewinvitesPage .lc .innerbox { margin: 5px; }
  #invitePage .innerbox textarea { overflow: auto; border: 1px solid #e8f1d0; height: 100px; width: 100% !important; margin: 5px 0 10px 0; }
  td.badEmailTd input { border: 1px solid #FF0000 !important; width: 164px; }
  #reviewinvitesPage .errorP { color: #FF0000; font-style: italic; text-align: center; margin-bottom: 25px; }
  .subnav a.selected, .subnav a.selected:hover { text-decoration: none; color: #333333; font-weight: bold }
  .subnav { margin-bottom: 15px; }
  .subnav a, .subnav a:hover { color: #ff661a; margin: 0 5px; }
  .imgblock50 {margin-right: 10px;}

/* - - CUSTOMIZE PAGE - - */
  #editskinPage .lc h2 { margin-bottom: 15px; }
  #editskinPage .lc .commonbox { margin-bottom: 25px; }
  #editskinPage .lc .commonbox h3 span.normal { font-weight: normal; }
  #editskinPage .lc .commonbox .upload { padding-bottom: 5px; }
  #editskinPage .lc .commonbox .upload div.tip { font-weight: bold; font-size: 1em; background-color: inherit; float: right; padding-right: 20px; }
  #editskinPage .lc .commonbox .upload a { text-decoration: underline; }
  #editskinPage .lc .popupPanelLink { margin-top: 5px; }
  #editskinPage .rc .commonbox { margin-top: 10px; }
  table.skinthumbnailtable { width: 100%; margin: auto; border-collapse: collapse; }
  table.skinthumbnailtable td.skin { padding: 3px; vertical-align: top; text-align: center; line-height: 1.2em; width: 20%; }
  table.skinthumbnailtable td.skin div.colorswatch { height: 40px; border: 1px solid #7b849c; width: 70%;  margin: auto; overflow: hidden; }
  table.skinthumbnailtable input {font-size:11px}

/* - - EDIT PROFILE - - */
  #editprofilePage .blueblogbutton { border:1px solid #C3C3C3 !important; background-color:#F7F7F7 !important; text-decoration:none !important; color:#528BC0 !important }
  #editprofilePage a.blueblogbutton:hover { background-color:#cccccc !important; }
  span.maleGender { margin-right: 25px; }
  #editprofilePage label { font-weight: normal; }
  #editprofilePage .inputwidth { width: 300px; }
  #editskinPage .inputwidth { width: 450px; }
  #editprofilePage #postbutton { font-size: 12px; font-weight: bold; margin: -3px 0 0 0; }
  #editprofilePage #chars { float: right; padding: 0 35px 0 0; margin: -5px 0 0 0; }
  
  * html #editprofilePage #postbutton { padding-left:5px; }
  
/* - - EDIT COLLEGE / EDIT SCHOOL / SEARCH COLLEGE / SEARCH SCHOOL - - */    
  #editcollegePage .inputwidth { width: 200px; }
  #editcollegePage select.college, #editschoolPage select.school { width: 270px; }
  #editcollegePage .bottomButtons, #editschoolPage .bottomButtons { margin-left: 5px; }
  #editcollegePage .topButtons, #editschoolPage .topButtons { margin-top: 5px; }
  #editcollegePage table.formtable td.field, #editschoolPage table.formtable td.field { width: 150px; }

  #editcollegePage .collegename, #editschoolPage .schoolname, #searchcollegePage .collegename, #searchschoolPage .schoolname { font-size: 130%; padding: 6px 0; }
  #addUserSchool .bottomButtons, #addPendingSchool .bottomButtons { margin-left: 166px; }
  .countryList { padding:2px; width:100%; }
  .regionList, .cityList { padding:2px; width:140px; float:left; }
  .schoolList { padding:2px; }
  #alphafilter { text-align: center; margin:10px; }
  #listdec { margin:10px; }
  #loading { text-align:center;margin:30px; }  
  #navigator { width:100%; }
  #selected_school_location { padding-top: 5px; }
  .collegeheader, .schoolheader { padding-top: 6px; line-height: 140%; }
  .addButton { margin: 0; padding: 5px 0 5px 0; }  
  .countrybox { padding-top: 10px; }    
  
/* - - EDIT PHOTOS - - */
  #editphotosPage #editphoto { position: relative; }
  #editphotosPage fieldset { border: 1px solid #ccc; }
  #editphotosPage legend { font-size: 1.2em; font-weight: bold; color: #000; }  
  #editphotosPage .photoBorder { border: 1px solid #ccc; padding: 5px 10px 5px 10px; margin: 0 0 10px 0; }
  #editphotosPage .photoRow{ width: 100%; overflow: hidden; }  
  #editphotosPage .thumbnail { float: left; width: 240px; margin: 0 auto; padding: 5px 0 5px 0; text-align: center; background-color: #f7f7f7; } 
  #editphotosPage .actionlist { float: left; width: 220px; }  
  #editphotosPage .actionlist ul li { border-bottom: 1px solid #ddd; display: block; background: #EFEFEF; padding: 2px; }
  #editphotosPage .actionlist ul li label { color: #528BC0; font-size: 11px; font-weight: normal; }
  #editphotosPage input.caption { font-size: 12px; width:470px; height:22px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; background-color: #FFFDCE; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 2px; }
  #editphotosPage .saveButton { margin: 0; padding: 4px 0 4px 0; }
  #editphotosPage .delButton { margin: 0 0 0 10px; padding: 4px 0 4px 0; }
  #editphotosPage .primaryButton  { margin: 5px 0 0 10px; padding: 4px 0 4px 0; }  
  
/* - - PENDING PHOTOS - - */
   .label { margin-left: 5px; }

/* - - BLOGS - - */   
  #blogs .rc ul li { list-style-type: disc; margin: 0 0 0 15px; }
  #blogs .blueblogbutton { border:1px solid #C3C3C3 !important; background-color:#F7F7F7 !important; color: #528BC0 !important; text-decoration:none !important; }
  #blogs a.blueblogbutton:hover { background-color:#cccccc !important; }

/* - - HOROSCOPE PAGE - - */
  #horoscopePage .flo200 .ic { width: 90px !important; }
  #horoscopePage .flo200 .dc { margin-left: 95px; }
  #horoscopePage h2 { margin-bottom: 10px; }
  #horoscopePage .flo200 img { width: 83px; height: 83px; }

/* - - CONNECTIONS - - */
  .connectionsbox { text-align:center; background-color:#F0F0F0; margin-bottom: 10px; border:1px solid #C3C3C3; padding: 10px; position: relative; }
  #opbadge { text-align: center; }
  #opbadge h3 { display: block; height: 34px; line-height: 34px; font-size: 18px !important; background: url(http://images.friendster.com/images/smiley_ltblue_bg.gif) 0 0 no-repeat; margin: 0 40px; }
  #opbadge p { padding: 0; margin: 0; }
  #fpbadge .badgebg { width:300px; height: 65px; background: url(http://images.friendster.com/images/mt_badge_2.jpg) 0 0 no-repeat; }
  #fpbadge .badgetext h3 { margin: 0; padding: 15px 0 0 0; line-height: normal; letter-spacing: 0.1em; color: #555; font-size: 18px !important; font-weight: bold; text-align: center; }  
  #fpbadge .badgetext p { text-align: center; font-size: 12px; padding: 5px 0 0 0; margin: 0; }

/* - - MESSAGES/BULLETINS/INFOTOOLS - - */
  .moduleMailbox { position: relative; text-transform:capitalize; list-style:none; padding:0; margin-bottom: 10px; }
  .moduleMailbox ul { position: relative; border:1px solid #C3C3C3; border-bottom:none; margin-bottom: 20px; }
  .moduleMailbox ul li { position: relative; padding:3px 3px 3px 10px; border-bottom:1px solid #C3C3C3; text-align:left; }
  .moduleMailbox ul.bgGrey li { background-color: #efefef !important; }
ul.infotools{position: relative;border-top:1px solid #c6c6c6;border-right:1px solid #c6c6c6}
ul.infotools li{border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;padding: 4px 6px}
ul.infotools li.active{background:#fff}
ul.infotools li.active a{color:#555}
  .externalLink { background:transparent url(http://images.friendster.com/images/external.png) no-repeat scroll right center; padding-right:13px;}

/* - - GROUP PHOTOS - - */
  #userphotos { width: 310px; height: 55px; padding: 5px; margin: 2px 5px 2px 5px; }
  #userphotos div.photos{ margin: 0 5px 0 5px; display:block; float: left; border: #aeaeae solid 1px; width: 50px; height: 50px; overflow:hidden; text-align:center; background-color: transparent; }
  #userphotos div.photos:hover { border: #000 solid 1px; }
  #userphotos div.photos  a { text-decoration:none!important; }
  #userphotos div.photos a img { height:50px; width:auto!important; vertical-align:top !important; }
  div.selectedphoto { width:auto !important; padding: 10px 5px; margin:5px 5px 0 5px; border:1px solid #C3C3C3; background-color:#F0F0F0; font-size:75%; text-align:center !important; display: block; }
  .buttonBox ul.actionButtons li { padding: 3px 9px; margin: 0 0 4px 0; }

/* - - GROUP DISCUSSION - - */
table.forumtable { width:100%; empty-cells:show; padding:0; margin:0; border-collapse:collapse;}
.forumtable th {padding:0 5px; text-align:left; border-bottom:1px solid #C3C3C3; background:#FFFFFF; color:#333;}
.forumtable td {border-bottom:1px solid #E0E0E0; padding:5px; background:#FFFFFF; color:#333;}
.forumtable td td {border:none;}
.forumtable { font-size: 90%;}



/* - - EDIT SKINS - - */
  .editSkinButtons input { cursor: pointer; font-weight: bold; font-size: 93%; color: #528BC0 !important; background-color: #F7F7F7; border: 1px solid #C4C4C4; padding: 3px 9px; margin: 0 10px 10px 0 !important; white-space: nowrap; }
  .editSkinAdvancedHeader { color: #086989; margin: 0px;}
  .skinTitle { padding: 5px 0; font-size:80%; min-height:30px; line-height: 11px;}
  * html .skinTitle { height:30px; }
  .skinTitle:after { height:0; visibility:hidden; display:block; content:"."; clear:both; }
  .skinTitleSelected {font-size:80%; height:14px;}
  .removeSkin {color: #CC3333;}


/* - - - FEATURED FRIENDS WITH NEW SUBTABS - - - */
.clearfix {	clear: both;}
.subTabsNav { padding: 5px 0 5px 0; border-left: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3; }
.subTabsNav ul { margin: 0 0 5px 5px; }
.subTabsNav li { float: left; margin: 0 5px; display: inline;}
.subTabsNav li a { color: #FF661A !important; }
.currentPage { background: padding-left: 10px; color: #333333; font-weight: bold; !important; }
.ffSection h3 { font: bold 11px/auto Arial, Helvetica, sans-serif; color: #333333;	margin: 10px 0; }
.ffSection h3 span { font: normal 11px Arial, Helvetica, sans-serif !important;	color: #555555; }
.friendsList {font: bold 14px Arial, Helvetica, sans-serif !important; color: #8DB717; }
.featureSlot { height: 70px; width: 400px;}
#featureSlots {background: url(http://images.friendster.com/images/global/featuredSlotsBg.png) no-repeat 0 0 !important;}
.saveFeaturedBut { border: 1px solid #8AB716; background: #E8F2D0;	padding: 2px 0;	color: #638610;	font-weight: bold;	margin: 8px 3px 20px 0;	width: 100px; }
.clearFeaturedBut { border: 1px solid #888888; background: #F1F1F1; padding: 2px 0;	color: #999; margin: 8px 3px 20px 0; font-weight: bold;	width: 62px; }
.friendsBox { border: 1px solid #999; height: 350px; overflow: scroll; width: 597px; }
.featuredFriendBox { width: 184px; height: 63px; float: left; overflow: hidden; border: 1px solid #77B6C8;	background: #E6F2F2; margin: 5px 0 0 6px; display: inline; }
.picBox img { height: 50px;	width: auto; }
.picBox { background: #FFF;	height: 50px; width: 50px; overflow: hidden; float: left; display: inline; margin: 5px;	border: 1px solid #78B5CA; text-align: center; }
.friendName a {font-weight: bold; color: #FF5319 !important; }
.removeLink { background: url(http://images.friendster.com/images/global/iconFeaturedAdded.png) no-repeat 0 50%; padding-left: 20px; color: #007F9A !important; height: 14px;}
.statusBox { float: left; display: inline; width: 120px;}
.notFeatured { background: #FFF !important; }
.notFeatured .friendName a { color: #FF444D !important; }
.notFeatured .removeLink { color: #888888 !important; background: url(http://images.friendster.com/images/global/iconFeaturedRemoved.png) no-repeat 0 50% !important; height: 14px;}
.rearrangeIcon { position: absolute; top: 4px; left: 171px; cursor: move; z-index: 5; }
#featureSlots .featuredFriendBox { width: 100% !important; height: 100% !important; margin: 0 !important; border: 0 !important; position: relative; }
.friendsBox .rearrangeIcon { display: none; }
.slideshow { list-style-type: none; margin: 0px; padding: 0px; }
.slBox {position: relative; float: left; width: 189px; z-index: 100; top: 0; left: 0; height: 70px; border: 1px solid #888888; float: left; margin: 0 11px 10px 0; background: none; overflow: hidden;}
.handle {background-color: #eee; margin: 0;	cursor: move;}

.ffcheckbox {border: 0 !important; margin: 0 !important; padding: 0 !important;}


/*--- PUBLIC COMMENTS CSS ---*/
.flo466 { zoom: 1; }
.flo466:after { clear: both; display: block; visibility: hidden; height: 0px; content: "."; }
.flo466 { padding: 3px 0 6px 0; }
.flo466 .dc { padding: 4px 5px 0 0; float: right; }
.boxinput { border: 1px solid #CFCFCF; background-color: #f1f1f1; margin-bottom: 5px; }
.pc_textarea { width: 420px; border: 1px solid #a9a9a9; margin-bottom: 5px; height: 120px }
.commentsLink a, .commentsLink a:hover, .commentsLink a:visited { color: #17728f;}
.commentsHint a, .commentsHint a:hover, .commentsHint a:visited { color: #027F9F;}
.commentsHint { text-align: center; padding: 3px; }
.actions { background-color: #f1f1f1;border:1px solid #cfcfcf; vertical-align: middle; height: 15px; padding: 5px 0 5px 3px; clear:both; }
.actions a.spamLnk{color:#ff661a}
.actions .divider{border:0}
/* ie7 negative filtering */
head:first-child+body div .actions { height: auto !important; padding: 5px 0 5px 3px; }
.actions ul li { display: inline; padding: 0 3px 0 3px; }
.actions ul li a, .actions ul li a:link, .actions ul li a:visited, .actions ul li a:active { color: #17728f; text-decoration: none; font-weight: bold; font-size: 90%; }
.actions ul li a:hover { color: #17728f; text-decoration: underline; }
.actions .paging { float: right; padding: 2px 5px 0 0; }
.flo466 .ic input { font-size: 100%; width: 65px; white-space: nowrap; }
.dkbluebutton { border: 1px solid #95c5d1; background-color: #027f9f; padding: 3px 9px 3px 9px; color: #fff !important; font-weight: bold; margin-right: 10px; cursor: pointer; }
.dkgreybutton { border: 1px solid #666666; background-color: #999999; padding: 3px 9px 3px 9px; color: #fff !important; font-weight: bold; cursor: pointer; }
.checkable { padding: 10px 0 0 0; clear:both; }
.checkable .ic { float: left; margin: 0; }
.checkable .check {	float: left; width: 20px; height: 75px; text-align: left; padding: 0 5px 0 5px; }
.checkable .check input { margin: 30px 0; }
.checkable .dc { float: left; width: 326px !important; margin: 0 !important; padding-left: 10px; }
em { color: #999999; }
h3.green { color: #8BB716; padding: 10px 0 0 10px; } 
.even { background-color: #f4f4ec; }
.fakeLink { cursor: pointer; }
/* for ie6 */
*html span.clearfix { display: none; }
.commentsLink { margin: 5px 0; }
.commentsLink .lc { width: 230px !important; }
.commentsLink .rc { width: 230px !important; text-align: right;}
.commentsDiv ul.data li { line-height: normal !important; }
.commentsDiv .recaptchatable .recaptcha_r1_c1, .commentsDiv .recaptchatable .recaptcha_r2_c1, .commentsDiv .recaptchatable .recaptcha_r2_c2, .commentsDiv .recaptchatable .recaptcha_r3_c1, .commentsDiv .recaptchatable .recaptcha_r3_c3, .commentsDiv .recaptchatable .recaptcha_r7_c1, .commentsDiv .recaptchatable .recaptcha_r4_c2, .commentsDiv .recaptchatable .recaptcha_r4_c1,
.commentsDiv .recaptchatable .recaptcha_r3_c2, .commentsDiv .recaptchatable .recaptcha_r4_c4, .commentsDiv .recaptchatable .recaptcha_r8_c1 {background-image:url(http://api.recaptcha.net/img/white/sprite.png) !important;}
.commentsDiv .recaptchatable #recaptcha_response_field { border: 1px solid #999 !important; }

/*interstitial*/
.interstitial {background: url(http://images.friendster.com/images/intrst_bg.jpg) repeat-x; padding:10px 0 40px; text-align: center;}
.interstitial .intrst_content {background: #fff; width:470px; margin: 0 auto; border: 1px solid #ccc; text-align: left; padding: 15px;}
.interstitial .interHead { font-size: 140%; font-weight:bold; color: #3f82b7; padding-bottom: 10px;}
.interstitial .innerInterText { font-size: 120%; line-height: 140%; font-weight: normal; border:0; padding:0; margin: 0;}
.interstitial .interSkip {text-align:right;}
.interstitial .inter2Link {margin: 50px auto 70px; text-align: center;}
.interstitial .inter2Link a {margin: 0 auto;}
.inter2Link a {background: url(http://images.friendster.com/images/btn_blue_l.gif) no-repeat 0 0; display: block; height: 33px; width: 150px; line-height: 33px; text-align: center; margin: 0 0 0 auto; font-size: 12px; cursor: pointer !important;}
.inter2Link a:hover {color: #FFF; text-decoration: underline;}
.inter2Link a span {background: url(http://images.friendster.com/images/btn_blue_cr.gif) no-repeat 100% 0; display: block; height: 33px; color: #FFF;}
.interstitial .email {list-style-type: none; margin: 15px auto 10px; padding:0; width: 250px;}
*html .interstitial .email {margin-left: 100px;}
.interstitial .email li { margin: 0 5px 7px; float: left; display: inline; text-align: center}

.justjoined { margin: 0 0 20px 0; }
.justjoined a img { width: 50px; height: auto; }
.justjoined buttonbox a {float:left; margin: 0 0 0 15px;}

/*FAQ's*/
.FAQs ul, .FAQs ul li { list-style: circle; }
.FAQs ul li { margin: 0 0 0 20px; list-style-image: url(http://images.friendster.com/images/bullet.gif); }
.FAQs ol, .FAQs ol li { list-style: decimal;}
.FAQs ol li { margin: 0 0 0 20px; }

/*--- VIEW PHOTOS / PHOTO DETAILS CSS ---*/
#viewphotosPage h1 { padding: 0; margin: 0 0 5px 0; }
#photos-toolbar { width: 100%; overflow: hidden; padding: 0; margin-bottom:2px;}
#photos-toolbar #photos-links { float: left;}
#photos-toolbar #photos-links li { display: inline; }
#photos-toolbar #photos-links span.divider { padding: 0 2px; }
#photos-toolbar #photos-controls { margin: 0; padding: 0; float: right; display: inline; position: relative;}
#photos-controls .paginglinksmodule {margin-top: -4px;}
#photos-controls #playBtn1 { padding: 0 10px; }
#photos-toolbar #photo-count { margin: 0; padding: 0; position: relative; float: left; display: inline; position: relative; }
#photos-tools {  margin: 0; padding: 0 0 0 0; background: #fff; text-align: center; width: 652px; border-bottom: 1px solid #cfcfcf;}
#photos-tools ul { margin: 0; padding: 0;  height: 24px; }
#photos-tools ul li { display: inline; padding: 1px 17px 1px 20px; font-size: 11px; line-height: 24px; }
#photos-tools ul li form { display: inline; }
#photos-tools ul li a { padding: 0; color: #4195C8; font-size: 11px; }
#photos-tools ul li a:hover { color: #4195C8; }
#photos-tools ul li a img { position: relative; top: 4px; left: 2px; cursor: pointer !important; }
#photos-tools ul li.primary { background: url(http://images.friendster.com/images/photo_tools/primaryIcon.png) no-repeat; }
#photos-tools ul li.primary a.fakeLink { color: #555; }
#photos-tools ul li.primary a.fakeLink:hover { cursor: text; text-decoration: none; }
#photos-tools ul li.setasprimary { background: url(http://images.friendster.com/images/photo_tools/setasprimaryIcon.png) no-repeat; }
#photos-tools ul li.delete { background: url(http://images.friendster.com/images/photo_tools/delete.png) no-repeat; }
#photos-tools ul li.whosgrabbed { background: url(http://images.friendster.com/images/photo_tools/whosgrabbedIcon.png) no-repeat; }
#photos-tools ul li.grab { background: url(http://images.friendster.com/images/photo_tools/grabIcon.png) no-repeat; position:relative; }
#photos-tools ul li.shareprofile { background: url(http://images.friendster.com/images/photo_tools/shareprofileIcon.png) no-repeat; }
#photos-tools ul li.moveto { padding: 0; }
#photos-tools ul li.moveto #albumIdSelect { width: 200px; font-size: 11px; margin: 3px 2px; padding: 0; }
#photos-tools ul li.privacy { padding: 0 0 0 20px; }
#photos-tools ul#sortable { margin: 0; padding: 0; height: 28px; }
#photos-tools a#selectAllLink { width :120px; }
#photos-tools h1 {margin: 20px 0 5px 0; padding: 0;}
#photos-tools .photourl {margin: 0; padding: 10px 0 10px 0;}
#photos-tools .sn { padding-left: 10px; }
#photos-tools select { border: 1px solid #B6B7BD; }
#photos-tools .also-photos { border: 1px solid #B6B7BD; padding: 2px 2px 1px 2px; margin: 0 0 0 5px; }
#photos-tools .also-photos label { font-size: 10px; line-height: 20px; }
#photos-statusbox { margin: 0 0 5px 0 !important; }
.galleryPrivateIcon { display: block; position: absolute; z-index: 40; margin: 3px 0 0 0; padding: 75px 0 0 7px; }
.friendUploadedIcon { display: block; position: absolute; z-index: 40; margin: 3px 0 0 0; padding: 75px 0 0 23px; }
.grabIcon { display: block; position: absolute; z-index: 40; margin: 3px 0 0 0; padding: 75px 0 0 23px; }
#viewphotosPage #photogallery { display: block; width: 565px; overflow: hidden; margin: 15px 0 0 40px !important; padding: 0px; text-align: center; position: relative; }
#viewphotosPage .photothumb { float: left; width: 140px; height: auto !important; text-align: center;
  display: inline; padding: 0px; margin: 0px 0px 15px 0px; }
#viewphotosPage .photothumb p { font-size: 11px; }
#viewphotosPage .thumbnail { border: 1px solid #B6B7BD; background: #FFFFFF; width: 125px; height: 95px; padding: 0px; margin: 0px 0px 3px 5px; text-align: center; overflow: hidden; display: block; }
#viewphotosPage .thumbnail img { height: 95px; margin: auto; } 
#viewphotosPage .noentriesmsg, #photodetailsPage .noentriesmsg { text-align: center; margin: 0; padding: 0; }
#viewphotosPage .sn_2colborder, #photodetailsPage .sn_2colborder { margin: 0 10px 5px 10px; }
#viewphotosPage .paginglinksmodule { padding: 5px 0 0 0; }
#viewphotosPage h3.sn_green, #photodetailsPage h3.sn_green { padding: 0 10px 0 10px; }
#viewphotosPage .requestAccessIcon img { margin: 15px 0 0 0; width: 72px; height: 61px; }
#viewphotosPage .albumempty, #viewalbums .albumempty { padding: 50px 0 0 0; text-align: center; }
#viewphotosPage .albumempty a, #viewalbums .albumempty a { text-decoration: underline; }
#photodetailsPage h1 { margin-bottom: 0; padding-bottom: 0; }
#photodetailsPage #captiondiv { height: 20px; width: 100%; overflow: hidden; margin: 5px 0 0 0;}
#photodetailsPage h3#caption_text_id { margin: 0; padding: 0; z-index: -100; text-align: left !important; }
#photodetailsPage form#caption_form { z-index: -100; margin: 0; padding: 0; }
#photodetailsPage input.caption { margin: 0; cursor:pointer; width:630px; font-size: 13px; font-weight: bold; border: 0; font-family: Arial, Helvetica, sans-serif; z-index: -100;}
#photodetailsPage #captionButtons { display:none;padding:0; }
#photodetailsPage #captionButtons a { margin: 0 0 0 10px !important; font-weight: bold; }
#photodetailsPage #commentTextArea { width: 600px; font-size:12px; font-family: Arial, Helvetica, sans-serif; }
#photodetailsPage #uploadedby { margin-top: 5px; }
#photodetailsPage span#photoEmbedLabel, #photodetailsPage span#photoEmbedCodeLabel { float: left; width: 150px; }
#photodetailsPage #addRating { margin-top: 20px; }
#photodetailsPage #averageratingtitle { margin: 10px 0 20px 0; }
#photodetailsPage #photograbbers { margin-top: 20px; }
#photodetailsPage #mainphotodiv { border: 1px solid #cfcfcf; text-align: center; vertical-align: bottom; margin: 0; margin-top: 20px; padding: 0; width: 650px; position: relative; background: #f2f5f7;}
#photodetailsPage #mainphotodiv-limited { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #CFCFCF; text-align: center; margin: 0; padding: 0; }
#photodetailsPage img#mainphoto { margin: 15px 15px !important; padding: 0; vertical-align: bottom; position: relative;}
#photodetailsPage #photoEmbedLink, #photodetailsPage #photoEmbedCode { margin-top: 10px; }
#photodetailsPage #commentinput { width: 650px; margin-top: 20px; }
#photodetailsPage .photocomment { border-bottom: 1px solid #CFCFCF; padding-bottom: 5px; margin-top: 5px; } 
#photodetailsPage .commentphoto { width:50px; height:50px; overflow: hidden; border: 1px solid #aeaeae; text-align: center; float: left; }
#photodetailsPage .commentphoto img { height:50px;width: auto; }
#photodetailsPage .commentarea { float: left; width: 480px; padding-left: 10px; }
#photodetailsPage textarea#photoEmbedCodeArea { font-size:11px; font-family: Arial, Helvetica, sans-serif; border:1px solid #CCC; width: 490px; height: 32px; }
#photodetailsPage .posted { font-size: 0.92em; }
#photodetailsPage .commentadminarea { float: left; width: 80px; text-align: right; font-size: 0.92em; }
#photodetailsPage .commenter a, #photodetailsPage .commentadminarea a { color: #D36317 !important; text-decoration: none; }
#photodetailsPage .commenter a:hover, #photodetailsPage .commentadminarea a:hover {text-decoration: underline;}
#photodetailsPage #grabPhotoPanel { position:absolute; top:20px; left:0; width:300px; z-index: 10000 !important; } 
#photodetailsPage #grabPhotoPanel select { width: 280px; }
#photodetailsPage a#previous_button img { margin-left: 5px; }
a#arrow_lt { background: url(http://images.friendster.com/images/photos_icons/btn-lt.gif) 0 0 no-repeat; width: 30px; height: 30px; display: block; }
a:hover#arrow_lt { background: url(http://images.friendster.com/images/photos_icons/btn-lt.gif) 0 -30px no-repeat; }
a#arrow_rt { background: url(http://images.friendster.com/images/photos_icons/btn-rt.gif) 0 0 no-repeat; width: 30px; height: 30px; display: block; }
a:hover#arrow_rt { background: url(http://images.friendster.com/images/photos_icons/btn-rt.gif) 0 -30px no-repeat; }

#prev-link, #nxt-link{text-align: left;position: absolute;vertical-align: middle; overflow: hidden;cursor: pointer;background: url(http://images.friendster.com/images/spacer.gif); z-index: 1;}
#prev-link{text-indent: -150px;left: 0;}
#nxt-link{text-indent: -100px;left: 448px;}
#prev-link a, #nxt-link a{display: block;padding-top:120px;}
#prev-link, #prev-link a, #nxt-link, #nxt-link a{height: 100%; width: 200px;}
#nxt-link a, #nxt-link a img, #prev-link a, #prev-link a img  {border:0px;}

/* Private Photos */
#privatephotos_form textarea, #privatephotos_form input#email { width: 400px; font: normal 12px/1.2em Arial, Helvetica, sans-serif; color: #555; }
#privatephotos_form textarea { height: 99px; }
#privatephotos_form #chars { float: right; font-size: 93%; }

/*Terms of Service */
.TOS ol { margin: 0 0 0 20px; padding: 0; list-style: decimal; }
.TOS ol li { padding: 5px 0 5px 0; }
.TOS ol li ol { list-style: lower-alpha; margin: 0 0 0 20px; }
.TOS ol li ul { list-style: disc; margin: 0 0 0 20px; }
.TOS ol li ul li ol { list-style: decimal; margin: 0 0 0 20px; }

/*--- UPLOAD PHOTOS --*/
.teaser { font-weight: normal; }
table.uploadFields { margin: 10px 0 20px 0; }
span.skip { padding-left:  20px; }
fieldset  { border-top: 1px solid #ccc; border-bottom: 0; border-right: 0; border-left: 0; }

/* Page Pre-Loader */
#preloader { position: absolute; z-index: 20; background-color: #FFFFFF; layer-background-color: #FFFFFF; width: 470px; height: 100%; }
#preloader-img { float: left; margin-right: 15px;}


/*button border fix for ie*/

.buttondiv a {position: relative !important;}

/*-- Widget Directory CSS --*/
.widgetBox {width:100%; margin:0 0 10px 0}
.widgetBox .widgetInfoBox{float:right; width:325px}
.widgetBox .thumbBox {float:left; width:140px; display:block;text-align:center}
.widgetBox .thumbBoxLogo {width:75px; height:75px; margin:0 auto; overflow:hidden}
.widgetBox .thumbBoxLogo IMG{width:75px}
.widgetBox .buttonbox {width:100%; text-align:center}
.widgetBox .widgetInfoTitle {height:20px; background:#efefef; border-top:1px solid #bbb; border-bottom:1px solid #bbb; }
.widgetInfoTitle span {font-size:14px; color:#528bc0; display:block; font-weight:bold; margin:2px 0 0 5px; overflow:hidden}
.widgetBox .widgetInfoDesc {padding:5px}
#categoryListBox {float:left; width:243px; background:#f2f5f7 url(http://images.friendster.com/images/widgetDirectory/catColumnTopBg.png) no-repeat; margin-bottom:10px}
#categoryListBox .catTitle {font-size:15px; font-weight:bold; line-height:28px; margin:0 0 5px 10px; color:#fff; height:28px}
#categoryList {padding:0 8px 6px 8px; background:url(http://images.friendster.com/images/widgetDirectory/catColumnBgBottom.png) no-repeat 0 100%; height:auto; }
body > #categoryList { height:auto; }
head:first-child + body #categoryList {height:auto !important}
#categoryList li {padding:0 0 0 10px; height:22px; margin:0 0 5px 0}
head:first-child + body #categoryList li {width:auto !important}
#categoryList li a {color:#4195c8; line-height:22px; display:block; height:100%}
#categoryList li a:hover {text-decoration:none}
#categoryList li.active {background:#fff; border:1px solid #90ade2}
#categoryList li.active a {background:#fff url(http://images.friendster.com/images/widgetDirectory/activeCat.gif) no-repeat 100%; padding:0 35px 0 0; color:#708BC0; font-size:13px}
#categoryList li.active a:hover {text-decoration:none}
.promoBox {background:url(http://images.friendster.com/images/widgetDirectory/widgetDir_promo.gif) no-repeat; margin:20px 0 0 10px; padding:0; width:485px; height:100px; border:1px solid #cad7df}
#tos {clear:both; background:#f2f5f7; margin:5px; padding:5px}

.apiLogin #logo {padding: 10px 0 10px 0;}
#homeBg.widgetCanvas { width: 1000px !important; }
#container.widgetCanvas { width: 950px !important; }

/*-- privacy Policy link CSS --*/
.privacyBtn {background:url(http://images.friendster.com/images/privacyLnkBg.jpg) no-repeat; padding: 11px 5px 3px 27px; display:inline; border:1px solid #ddd; font-weight:bold;}
.privacyBtn a,.privacyBtn a:active, .privacyBtn a:hover, .privacyBtn a:visited  {color:#570c0c;}

/*-- photos importer CSS --*/
#photo-import h2 { border-color: #BCB8B8; border-width: 1px 0 1px 0; border-style: solid; background-color: #EDEDED; padding: 0 10px; line-height: 30px; }
#photo-import .clearfix { width: 100%; overflow: hidden; padding: 5px 0 0 0; text-align: left; }
#photo-import .multiply-logo { width: 80px; float: left; }
#photo-import .flickr-logo { width: 108px; float: left; }
#photo-import .toggle-checkbox { margin: 20px 0 5px 0; width: 100%; overflow: hidden; }
#photo-import .toggle-checkbox a { font-weight: bold; font-size: 93%; }
#photo-import .toggle-checkbox span.divider {padding: 0 5px 0 5px;}
#photo-import form { margin-top: 10px; }
#photo-import fieldset {margin: 0; padding: 0 0 7px 0; border: 0; width: 361px; text-align: left; overflow: hidden; }
#photo-import p { margin: 0; padding: 0; }
#photo-import p.title { font-size: 93%; }
#photo-import .login { width: 370px; margin: 0 auto; }
#photo-import .login fieldset { padding-left: 20px !important; }
#photo-import #username, #photo-import #password {width: 180px}	
#photo-import label { width: 40%; float: left; display: block; }
#photo-import .albumBox {float:left; height:145px;}
#photo-import .album {float: left; width: 160px;}
#photo-import .albumThumb {width: 150px; height:112px; background: url(http://images.friendster.com/images/albums/albumBg.png) no-repeat 0 0; text-align: center;}
#photo-import .albumThumb .thumbBox a { width: 143px; overflow: hidden; text-align: center; display: block; padding: 5px 0 0 0; }
#photo-import .albumThumb .thumbBox img { height: 95px; width: auto; margin: 0 auto 0 auto; opacity:1; filter:alpha(opacity=100); }

#photo-import .photoBox {float:left; }
#photo-import .photo { width: 121px; height: 145px; background: url(http://images.friendster.com/images/pf.gif) no-repeat 0 0; }
#photo-import .photoThumb {width: 101px; text-align: center; padding: 5px 0 0 0;}
#photo-import .photoThumb .thumbBox { width: 91px; overflow: hidden;  display: block; margin: 0 auto; } 
#photo-import .photoThumb .thumbBox img { height: 67px; width: auto; opacity:1; filter:alpha(opacity=100); }
#photo-import .importer { float: left; width: 49%; height: 270px; border-right: 1px dotted #ccc; }
#photo-import .importer h2 { padding: 10px 0; border: 0; background-color: #fff; }
#photo-import .importer-logo { width: 100px; height: 38px; }
#photo-import .flickrbox { padding-left: 20px; }
#photo-import #import-photos { text-align: center !important; }
#photo-import .noborder { border-right: 0; }
#photo-import .checkBox { float: left; }
#photo-import .status {color:#CCC;font-weight:bold;clear:left;}

/*-- view albums CSS **/
#viewalbums .paginglinksmodule { padding: 0 0 10px 0; }
#albumgallery { overflow: hidden; width: 660px; margin: 0 0 0 5px; padding: 0; position: relative; }
#albumgallery .albumthumb { float: left; width: 165px; height: 165px; background: #fff url(http://images.friendster.com/images/albums/albumBg.png) 0 0 no-repeat; display: inline; padding: 0; margin: 0; overflow: hidden; }
#albumgallery .albumthumb ul { padding: 10px 0 0 0; }
#albumgallery .albumthumb ul li { text-align: center; font-size: 11px !important; overflow: hidden; width: 150px; height: 14px; }
#albumgallery .albumthumb ul li a span { font-weight: bold; }
#albumgallery .thumbnail { width: 125px; height: 100px; padding: 0px; margin: 5px 0 0 10px; overflow: hidden; display: block;}
#albumgallery .thumbnail a { display: block; text-align: center; }
#albumgallery .thumbnail img { height: 95px; margin: 0 auto;  border: 1px solid #c5c5c5 !important; } 
.whitecapTop { background: #f2f5f7 url(http://images.friendster.com/images/albums/whitecapTop.png) 0 0 no-repeat; margin-bottom: 10px !important; padding: 10px 0 0 0; width: 100%; overflow: hidden; }
.whitecapTop h3 { font-size: 14px !important; }
ul.album-tools  { padding: 0 10px 30px 10px; background: url(http://images.friendster.com/images/albums/whitecapBottom.png) no-repeat 0 100%; /*--for ie6 & 7--*/ height: 1%; }	
head:first-child + body ul.album-tools {height: auto !important; }
ul.album-tools li {padding: 0 0 0 35px; margin: 0; line-height: 24px; }
ul.album-tools li a { text-decoration: none; color: #4195C8; font-weight: bold; }
ul.album-tools li a:hover { color: #4195C8; }
ul.album-tools li.sortalbum { background: url(http://images.friendster.com/images/album_tools/sortAlbum.png) 0 0 no-repeat; } 
ul.album-tools li.uploadphotos { background: url(http://images.friendster.com/images/album_tools/uploadPhotos.png) 0 0 no-repeat; } 
ul.album-tools li.sortphotos { background: url(http://images.friendster.com/images/album_tools/sortPhoto.png) 0 0 no-repeat; } 
ul.album-tools li.sharealbum { background: url(http://images.friendster.com/images/album_tools/shareAlbum.png) 0 0 no-repeat; } 
#thumbgallery { margin: 0 0 5px 14px; width: 100%; overflow: hidden; }
#thumbgallery .photo-thumb { float:left; border:1px solid #989898; width: 44px; overflow: hidden; margin: 0 10px 5px 0; background: #FFF; text-align: center;}
#thumbgallery .photo-thumb img {height:44px; margin: 0px auto !important;}
#thumbgallery a { cursor: pointer;}
/*#thumbgallery a.active, #thumbgallery a:hover { opacity: 1; }*/
#thumbgallery .photo-thumb a.active img, #thumbgallery .photo-thumb a:hover img { opacity: 0.8; }
.bottom-link { padding: 5px 10px; margin: -10px 0 10px 0; text-align: right; background: #E3E3E3 url(http://images.friendster.com/images/albums/whitecapBottom.png) no-repeat 0 100%; height: 16px; }
.bottom-link-row { width:100%; overflow: hidden; text-transform: capitalize; }
.bottom-link a { font-size: 11px; font-weight: bold; }
.album-type { margin: 0 0 10px 0; padding: 5px; background-color: #DBE1E5; position: relative; }
.album-type ul li { display: inline; padding: 0 15px 0 0; } 
.album-type ul li form { display: inline; }
.album-type select { margin: 0 0 0 5px; border: 1px solid #B6B7BD; width: 200px; }
.album-type label { padding: 2px; font-weight: bold; }
#album-form { background-color: #DBE1E5; padding: 5px; }
#album-form h3 { margin: 0; padding: 0 0 10px 0; }
#album-form form, #album-form fieldset, #album-form label, #album-form input, #album-form select { margin: 0; padding: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #555; }
#album-form fieldset { border: 0; width: 100%; padding: 0 0 10px 0; }
#album-form label { display: block; margin: 0 0 2px 0; }
#album-form input, #album-form select { border: 1px solid #ccc; font: normal 11px Arial, sans-serif; padding: 2px 0 2px 0; color: #555; }
#album-form input#album-name { padding: 2px 4px; width: 100%; }
#album-form select#albumIdSelect { width: 330px; }
#album-form input#UploadButton {background: #F7F7F7; cursor:pointer; border: 1px solid #C3C3C3; display: block; padding: 2px 1px; color: #528BC0; margin: 0 5px 0 0; text-align: center; font-weight: bold;}
#album-form #submitField label { display: inline; margin-left: 5px; }
#album-preview { margin: 0 0 10px 0; padding: 0; background: #F2F5F7; }
.album-box { border: 1px solid #DBE1E5; font-size:11px; margin: 5px 10px 5px 10px; width: auto; overflow: hidden;}
.album-box .album-thumbnail { float: left; width: 50px; overflow: hidden; margin: 2px 0 0 2px; text-align: center;}
.album-box .album-thumbnail img { height: 50px; margin: 0 auto !important; }
.album-box .album-details { float: left; width: 224px; text-align: left; background: none; }
.album-box li { color:#666666; line-height:14px; margin:0; padding:0 0 0 5px; }
.album-box li.title { background:#none; color:#58925F; font-size:12px; font-weight: bold; overflow: hidden; }
.album-box li.shareLink { /* add background icon */ }
.album-box-border { border: 1px solid #fff; width: 100%; overflow: hidden; }

/* pending photos CSS */
#pendingphotosPage table.messagestable td { border: 0; }
#pendingphotosPage table.messagestable td.ltblue-border { border-bottom: 1px solid #E1EdF1; }
#pendingphotosPage textarea { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }


/*-- schools redesign --*/
#addCollegeHeader {background: #FFF url(http://images.friendster.com/images/schools/AddSchoolsHeadBg.png) repeat-x 0 0; height: 31px;}
#addCollegeHeader h2 {color: #708BC0; font-size: 12px !important; float: left; margin-left: 5px; }
.addCollegeLink {font-size: 11px; float: right; width: auto !important; line-height: 15px; margin-right: 5px !important; background: url(http://images.friendster.com/images/schools/AddIcon.png) no-repeat 0 0; padding-left: 18px;}
.addCollegeLink a {color: #555; }
.addCollegeLink a:hover {color: #708BC0; text-decoration: none;}
#editschools .redboldtext {color: #708BC0 !important;}
#editschools .lc {background: #FAFAFA; text-align: center;}
#editschools fieldset {border: 0; margin: 0 0 10px 0 !important; padding: 0;}
#editschools .lc p {width: 439px; margin: 5px auto;}
.collegeForm {background: #DEE4E9 url(http://images.friendster.com/images/schools/schoolBoxTop.png) no-repeat 0 0; width: 449px; margin: 15px auto 10px auto; padding:  10px 0 0 0 !important; text-align: left; }
head:first-child + body .collegeForm {padding: 10px 0 15px 0 !important;}
#editschools input, #editschools select {color: #555; height: 20px; border: 1px solid #ABADB3; font-size: 11px !important; line-height: 12px !important; padding: 2px;}
#editschools option {display: block; margin: 3px; height: 17px; padding: 3px 0 0 3px;}
#editschools label {display: block; float: left; text-align: right !important; width: 123px; margin: 0 10px 0 0; line-height: 23px;}
#editschools input.disabled {font-style: italic; background: #EEEEEE;}
#editschools p.small {font-size: 10; clear: left; float: left; margin: 0 0 0 135px; width: 250px; display: inline;}
#editschools .buttonbox {float: right; margin: 0 !important;} 
#courses, #college_name_field input {width: 200px;}
.collegeForm .save {background: #e7eff8 url(http://images.friendster.com/images/schools/saveBg.png) no-repeat 5px 50%; padding-left: 25px;}
.collegeForm .cancel, .course_taken .cancel {background: #e7eff8 url(http://images.friendster.com/images/schools/cancelBg.png) no-repeat 5px 49%; padding-left: 22px;}
.collegeItem {background: #bbbfc3 url(http://images.friendster.com/images/schools/schoolBoxTop2.png) no-repeat 0 0; width: 449px; margin: 15px auto 10px auto; text-align: left !important;}
.collegeItem h2 {color: #FFF; margin: 0 0 0 5px;}
.location_year {background: #929AA3; padding: 5px; color: #FFF;}
.location {float: left;}
.year_attended {float: right;}
.course_taken {background: #e7eff8;}
.collegeItem p {margin: 0 !important; padding: 5px !important; width: 100% !important;}
head:first-child + body .collegeItem p {width: auto !important;}
#school-list li {font-size: 18px; font-weight: bold; background: #D1D6DB; color: #FFF;}
#school-list li ul li {background: #FFF; border-bottom: 1px solid #BBBFC3; padding: 5px 0; cursor: pointer !important;}
#school-list li ul li span {cursor: pointer !important;}
.index-letter {display: block; margin: 0 5px; vertical-align: middle; padding: 5px 0;}
.school-list-name {font-size: 12px; color: #555; font-weight: normal; margin: 0 10px;}
.school-list-location {font-style: italic; color: #888888; font-size: 11; font-weight: normal; display:block; margin: 0 10px}
.course_taken .buttonbox a {float: left;}
.loader {background: url(http://images.friendster.com/images/loading.gif) no-repeat 100% 50%; padding: 5px 9px; width: 18px; margin: 0 0 0 5px;}
.course_taken .edit {background: #e7eff8 url(http://images.friendster.com/images/schools/editIcon.png) no-repeat 5px 51%; padding-left: 25px;}

div.autocompleter-loading { float: left; clear: right; background: #fff url(http://images.friendster.com/images/spinner.gif) no-repeat center; width: 20px; height: 16px; }
ul.autocompleter-choices { position: absolute;margin: 0;padding: 0; list-style: none;border: 1px solid #eee;background-color: white;border-right-color: #ddd;border-bottom-color: #ddd;text-align: left;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; z-index: 50; }
.selected { background-color: #C2C9CF !important; color: #FFFFFF; }
.selected span { background-color: #C2C9CF !important; color: #FFFFFF; }
/*-- end of schools redesign --*/

/*-- apps invites --*/
#appinviteWrapper { width: 502px; overflow: visible; }
#appinviteWrapper #top-buttons { line-height: 34px; padding: 5px; background-color: #DCD6D6; color: #fff; }
#top-buttons a { color: #fff; font-size: 93%; font-weight: bold; line-height: 24px; }
#appinvites { background-color: #C3C3C3; padding: 1px 1px 0 1px; }
#appinvites .appinvite { background-color: #FFFFFF; width: 500px; border-bottom: 1px solid #C3C3C3; } 
#appinvites .app-details, #appinvites .sender-details { width: 500px; overflow: hidden; padding: 0 0 5px 0;}
#appinvites h4, #appinvites .sender-details h4 { margin: 0 0 5px 0; padding: 4px 10px 6px 10px; font-size: 13px; background-color: #f7f7f7; }
#appinvites h4 .splLink {color: #FF6619}
#appinvites .app-photo, #appinvites .sender-photo { float: left; width: 100px; text-align: center; }
#appinvites .app-photo a, #appinvites .sender-photo a { display: block; width: 75px; overflow: hidden; margin: 0 auto; }
#appinvites .app-photo img, #appinvites .sender-photo img { width: 75px; margin: 0 auto; }
#appinvites .app-desc { float: left; width: 400px; overflow: hidden; margin-bottom: 10px;}
#appinvites .app-desc p { padding: 0 10px 10px 0; }
#appinvites .ignoreBtn { border: 0px; font-weight: normal; background: none;}
#appinvites .action-links { padding: 20px 0 0 0; }
#appinvites .action-links a { margin-right: 10px; }
#appinvites .dialogbox { position: absolute; display: inline; }
#appinvites .dialogcontent { position: relative; border: 2px solid #68A6BA; padding: 7px 10px; z-index: 2000; background-color: #fff; width: 300px; }

#shareappsPage .selectAll { background-color: #528BC0; color: #fff; font-size: 93%; line-height: 29px; width:774px; height: 29px; margin-top: 20px; }
#shareappsPage .selectAll a { color: #fff; display: block; padding: 0 0 0 10px; text-decoration: underline; }
#shareappsPage .selectAll a:hover { text-decoration: none; }
#shareappsPage .friendsBox { width: 774px; height: 300px; overflow-x: hidden; background-color: #E2E8EF; border: 0; }
#shareappsPage .featuredFriendBox { width: 169px; height: 85px; border: 1px solid #AFAFAF; background: #fff; margin: 10px 0 0 15px; }
#shareappsPage .picBox { border: 1px solid #ccc; margin: 4px; background-color: #ccc; height: 75px; width: 75px; overflow: hidden; display: block; }
#shareappsPage .statusBox { width: 75px; }
#shareappsPage .statusBox a { display: block; padding-top: 10px; font-size: 93%; font-weight: bold; width: 75px; overflow: hidden; }
#shareappsPage .photoCheckBox { cursor: pointer; margin: 52px 0 0 -35px; }
head:first-child+body div #shareappsPage .photoCheckBox { margin: 57px 0 0 -50px; }
#shareappsPage .bottomButtons { width: 774px; overflow: hidden; height: 35px; }
#shareappsPage .ajaxloader { width: 18px; height: 18px; }
#shareappsPage .buttonBox { }
#shareappsPage .skipButton { padding: 15px 0 0 0; }
head:first-child+body div #shareappsPage .skipButton { padding: 10px 0 0 0; }

.gridTable {border:1px solid #555}
.gridTable, .gridTable td, .gridTable th, .gridcontentTable, .gridcontentTable td {border-collapse:collapse; padding:0; text-align:left}
.gridTable th {background:#888; color:#fff; padding:3px 0}
.gridTable .gridcontent {overflow:auto}
.gridcontentTable {width:100%}
.gridcontentTable td {padding:6px 0; border-bottom:1px solid #e1edf1}

/*-- myapps --*/
#myapps_titlebox { display: block; margin-bottom: 15px; color:#000000}
#myapps_titlebox .title { font-size: 16px; font-weight: bold;}
#myapps_titlebox a{ font-weight: bold;}
#myapps { display: block; clear: both; border:1px solid #DFE0E1; margin-top: 10px; padding-top: 10px; padding-bottom: 10px;}
#myapps .app { border-bottom: 1px solid #DFE0E1; white-space:nowrap; padding: 0px 0px 0px 10px;  margin:10px; margin-top: 0px; }
#myapps .app-single { display: block; border-bottom: 1px solid #DFE0E1; white-space:nowrap; padding-right: 0px;  margin:10px; margin-top: 0px;  margin-bottom: 10px;}
#myapps .app hr { border:1px solid #E8E8E8;width:100%; margin-top: 10px;}
#myapps .app .greenButton, #myapps .app-single .greenButton {  font-weight: bold; font-size: 93%; color: #528BC0 !important; background-color: #F7F7F7; border: 1px solid #C3C3C3; padding: 3px 9px; margin: 0 0px 10px 0 !important; white-space:nowrap; }
#myapps img.iconblock{ height:16px;}

/*-- register mobile --*/
#registerMobilePage h2 {font-size:16px !important; }
#registerMobilePage h3 { font-size: 120% !important; }
#registerMobilePage p { padding: 5px 0 5px 0; margin: 0; }
#registerMobilePage fieldset { border: 0; padding: 5px 0 5px 0 !important; margin: 0; width: 100%; overflow: hidden;}
#registerMobilePage label { display: block; float: left; width: 100px; padding: 3px 0 0 0;}
#registerMobilePage input { padding-left: 3px; }
#registerMobilePage #sms_reg_step .content { width: auto; }
#registerMobilePage #sms_reg_step1 { background: url(http://images.friendster.com/images/fmobile/sms_phone.jpg) top right no-repeat;}
#registerMobilePage #sms_reg_step1 .content { width: 300px; }
#registerMobilePage .orangetext { color: #ff6600; }
#registerMobilePage .greytext { color: #666; }
#registerMobilePage .disclaimer { font-size: 11px; padding-right: 0 !important; }
#registerMobilePage .buttonBox { text-transform: capitalize; }
#registerMobilePage .concode { float: left; width: 170px; margin-right: 20px; }
#registerMobilePage .samplecode { padding-left: 100px;font-size:11px }
#registerMobilePage .from { margin: 0 10px; }
#registerMobilePage #mobile_web {padding: 0 5px 5px}
#registerMobilePage #mobile_web .smalltext { font-size: 120% !important; font-weight: 700; padding: 0; margin: 0 0 20px 0; }
#registerMobilePage p.subhead { font-size: 120%; font-weight: bold; }
#registerMobilePage ul { width: 100%; overflow: hidden; list-style: disc; }
#registerMobilePage ul li {display:block; padding: 0 0 2px 10px; background: url(http://images.friendster.com/images/fmobile/bullet_dot.gif) left center no-repeat; }
#registerMobilePage #steps-box { text-align: center; margin: 20px auto 20px auto; width: 300px; }
#registerMobilePage #steps-image { width: 180px; overflow: hidden; margin: 10px 65px; }
#registerMobilePage #step1-image { float: left; width: 43px; height: 43px; background:url(http://images.friendster.com/images/fmobile/step1_on.gif) 0 0 no-repeat; }
#registerMobilePage #step2-image { float: left; width: 136px; height: 43px; background:url(http://images.friendster.com/images/fmobile/step2_off.gif) 0 0 no-repeat; }
#registerMobilePage .step2-image-on { background:url(http://images.friendster.com/images/fmobile/step2_on.gif) 0 0 no-repeat !important; }
#registerMobilePage #steps-text { width: 100%; overflow: hidden; margin: 0 auto; font-size: 11px; color: #ededed; }
#registerMobilePage #step1-text { float: left; padding-left: 28px; color: #9e9e9e; }
#registerMobilePage #step2-text { float: left; padding-left: 17px; }
#registerMobilePage #step1-text p, #registerMobilePage #step2-text p, #registerMobilePage #step3-text p { width: 120px; padding: 0; }
#registerMobilePage .step2-text-on { color: #9e9e9e; }
#registerMobilePage .country_not_supported { padding: 10px 0}
#registerMobilePage .country_not_supported h2 { margin-top: 0; font-size: 125% !important; } 
#mobileSettings td.field, #mobileSettings td.subfield { width: 150px; }

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}
a:link.blueBigButton,a:visited.blueBigButton,a:active.blueBigButton;a:hover.blueBigButton{color:#fff;font-weight:bold}
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}

table.instanceSettings {margin-top: 10px; margin-left: 10px;}
table.instanceSettings td {font-weight: bold; color: #333333; font-size: 13px; padding: 5px 0px 0px 0px;}
table.instanceList {margin-top: 10px; margin-left: 10px; width: 330px;}
table.instanceList td {font-weight: bold; color: #333333; font-size: 13px; padding: 5px 0px 0px 0px;}
div.instanceContent {display: block; overflow: auto; width: 360px; height: 170px; border: 1px solid #C3C3C3; margin-left: 10px; margin-top:15px;}
.divider {border-bottom: 1px solid #C3C3C3;}
table.modalButtons {margin-top: 10px; margin-left: 5px; width: 375px;}

/* edit account - mobile */
.mdl-edit-phone .primary-number { padding: 20px 0; font-weight: 700; }
.mdl-edit-phone fieldset { border: 1px solid #ccc; width: 310px; padding: 0 0 0 5px; }
.mdl-edit-phone fieldset .boxcontent { padding: 10px; }
.mdl-edit-phone legend { font-weight: 700; color: #000; }
.mdl-edit-phone fieldset fieldset { border: 0; width: 100%; overflow: hidden; margin: 0; padding: 5px 0 5px 0; font-size: 11px; }
.mdl-edit-phone fieldset fieldset label { float: left; width: 100px; font-weight: normal; }
.mdl-edit-phone .samplecode { padding-left: 100px; }
.mdl-edit-phone select, .mdl-edit-phone input { font-size: 11px; }

h1.blue{color:#528BC0}
.msgContent{border:1px solid #e4e5e7;padding:2px}
.msgContent .innergrey{background:#f7f7f7;padding:5px;position:relative}
.msgContent .innerlblue{background:#f3f8fb;padding:5px;position:relative}
.msgInfo{background:#fff6f1 url(http://images.friendster.com/images/msgInfo_bg.gif) no-repeat bottom left;padding:5px 5px 20px;line-height:150%}
/* FBML comment box */
.commentbox { display: block; width: 500px; border: 0px solid #999999;}
.commentbox-title1{ display: block; background-color: #3779ad; padding:8px; font-weight: bold; color:#FFFFFF}
.commentbox-title2{ display: block; background-color: #449ed0; padding:3px 8px 3px 8px; font-weight: normal; font-size: 11px;}
.commentbox-title2 a{ color: #0000FF; text-decoration: underline !important; color:#FFFFFF !important;}
.commentbox-title2 a:hover{ text-decoration: none !important; color: #FFFFFF !important;}
.commentbox-content{ display: block; border-bottom: 0px solid #FF0000; padding: 4px 0px 0px 0px; border: 0px solid #FF0000;}
.commentbox-msgbox{ display: block; min-height: 50px; border-bottom: 1px solid #e9e9e9; padding: 0; margin-top:5px; border: 0px solid #FF0000;}
.commentbox-msg{ display: block; width: 440px; border: 0px solid #999999; padding: 0px; margin-bottom:10px; float: right; clear: both; clear: both}
.commentbox-msg-title { display: block; border-top: 1px solid #3779ad; border-bottom: 1px solid #3779ad; padding: 4px 4px 4px 6px; margin-bottom:5px; background-color: #d5e5ee;}
.commentbox-msg-title a{ color: #3779ad; text-decoration: none; font-weight: bold;}
.commentbox-msg-title a:hover{ text-decoration: underline;}
.commentbox-msg-content { display: block; border: 0px solid #999999; padding: 4px 0px 0px 6px; 0px solid #FF0000;}
.commentbox-msg-content p{ margin-top: 1px;}
.commentbox-img{ display: block; width:50px; background-color: #fff; border: 0px solid #999999; }
.commentbox-msg-posted {float: right;font-size: 10px; margin-right: 4px;}

.promo-box{position:relative;margin:10px auto;color:#555;z-index:1;margin-left:12px;margin-bottom:10px}
.promo-box h2{margin:0 !important;padding:5px 0}
.promo-box .content,.promo-box .t,.promo-box .b,.promo-box .b div{background:transparent url(http://images.friendster.com/images/promo-box.png) no-repeat top right;_background-image:url(http://images.friendster.com/images/promo-box.gif)}
.promo-box .content{position:relative;zoom:1;_overflow-y:hidden;padding:4px 12px 0px 0px}
.promo-box .t{position:absolute;left:0px;top:0px;width:12px;margin-left:-12px;height:100%;_height:1600px;background-position:top left}
.promo-box .b{position:relative;width:100%}
.promo-box .b,.promo-box .b div{height:8px;font-size:1px}
.promo-box .b{background-position:bottom right}
.promo-box .b div{position:relative;width:12px;margin-left:-12px;background-position:bottom left}
.promo-box .bottom{text-align:center;font-size:14px;font-weight:bold;padding:1px 10px;background:#fff8ce;border:1px solid #ddd6ac;display:table;margin:5px auto 0}