/* 
Title:     MySpace.com Categories
Updated:   Jan 03 2008
*/

/* category details header
---------------------------------------------------------- */

div#showfrnds {
	float: right;
	}

div#thumb_grid {
	background-color: #fff;
	border: 1px solid #ccc;
	display: inline;
	float: left;
	margin: 10px;
	width: 106px;
	}

div#thumb_grid ul {
	display: inline;
	float: left;
	list-style: none;
	margin: 0;
	padding: 5px 0px 2px 5px;
    cursor:pointer;
	}

div#thumb_grid li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0 3px 1px 0;
	}
	
div#cat_header {
	border-bottom: 1px solid #ccc;
	display: inline;
	float: left;
	/*margin-left: 10px;*/
	padding: 10px 0 8px;
	width: 766px;
	}

div#cat_details {
	display: inline;
	float: left;
	margin-top: 10px;
	}

.categories {
	width: 728px;
	}

div#cat_delete {
	background: url("../img/icon_catdelete.gif") top left no-repeat;
	display: inline;
	float: right;
	margin: 15px 10px 0;
	padding-left: 15px;
}

div#cat_report
{
	display: inline;
	float: right;
	margin: 15px 10px 0;
	padding-left: 15px;
}

/* category view
---------------------------------------------------------- */

div#category_view, div#category_details {
	background: #efefef url("../img/bkg_friendssearch.gif") top left repeat;
	display: inline;
	float: left;
	margin: 0 10px;
	border:1px solid #d7d7d7;
	}
	
div#category_details {	
	margin: 10px 10px 0;
	}

div#edit_name {
	margin: 10px 0 0 0;
	padding: 0;
	}

div#tkn_skyscraper {
	display: inline;
	float: left;
	margin-left: 6px;
	}
	
.upsellOuter
{
	border:1px solid #FDD865;
	margin-left:10px;
	margin-right:10px;
	width:902px;
}	

.upsellInner
{
	background: url("../img/yellow_starburst.gif") no-repeat 10px center;
	background-color:#FFF7D2;
	margin:2px;
	padding:18px 10px 18px 65px;
}

/* typography
---------------------------------------------------------- */

.cat_name {
	font-size: 14px;
	font-weight: bold;
	/*line-height: 28px;*/
	}

/* form elements
---------------------------------------------------------- */

input.edt {
	border: 1px solid #ccc;
	width: 240px;
	background: #fff;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 3px;
	margin: 0;
	width: 375px;
	}
	
/* end categories.css */
/* 
Title:     MySpace.com My Friends
Updated:   Jan 03 2008
*/

div#friends_head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.clear { clear: both; }

/* friends view header
---------------------------------------------------------- */

div#friends_head {
	display: inline;
	float: left;
	margin: 16px;
	padding: 0;
	}

div#tkn_medrec {
	display: inline;
	float: right;
	margin: 16px 16px 0 0;
	padding: 0;
	}

div#friends_search {
	background: #efefef url("../img/bkg_friendssearch.gif") top left repeat;
	border: 1px solid #ccc;
	margin-top: 3px;	
	padding: 10px;
	padding-top:20px;
	margin-bottom:1px;
	}
	
div#friends_msg {	
	border: 1px solid #b1d0f0;
	color: #333;	
	margin:10px 0px 10px 0px;
	}
	
div#abiInnerBox
{
	background: url("../img/blue_starburst.gif") no-repeat 10px center;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:65px;
	vertical-align:middle;
	margin:2px;
	background-color:#e4f1fd;
}

/* friends tab navigation
---------------------------------------------------------- */

div#friends_tabs {
	display: inline;
	float: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left: 16px;
	margin-top:-20px;
	/*width: 100%;*/
	}

div#friends_tabs a {
	color: #999;
    display: block;
	background: url("../img/tab_left.gif") no-repeat left top;
    padding: 11px 15px 8px;
    }

div#friends_tabs ul {
	list-style: none;
	padding: 0;
	margin-left: 10px;
	}

div#friends_tabs li {
	background: url("../img/tab_right.gif") no-repeat right top;
	display: inline;
	float: left;
	margin-right: 5px;
	padding: 0;
	}

div#friends_tabs #active {
    background-image: url("../img/tab_rightactive.gif");
    }
div#friends_tabs #active a {
    background-image: url("../img/tab_leftactive.gif");
	color: #fff;
    }

/* my friends
---------------------------------------------------------- */
	
div#myfriends_head, div#loggedOutHeader {
	color: #fff;
	background-color: #6c9dce;
	border: 5px solid #3a73ab;
	border-bottom-width: 3px;
	display: inline;
	float: left;
	font-weight: bold;
	margin: 0 16px;
	padding: 5px 0;	
	}
	
div#loggedOutHeader
{
	padding-top:0px;
	padding-bottom:0px;
}

div#myfriends_display {
	display: inline;
	float: left;
	line-height: 24px;
	padding: 16px 12px;
	}

div#myfriends_mode, div#myfriends_mode_cat {
	display: inline;
	float: right;
	margin: 0;
	padding-right: 12px;
	width: 300px;
	}
	
div#myfriends_mode_cat
{	
	margin-top:14px;
}

.display {
	margin: 8px 0 0;
	}

div#topfrnds {
	float: right;
	padding-bottom: 5px;
	margin-bottom:5px;
	margin-top:5px;
	}

div#myfriends {
	border: 2px solid #3a73ab;
	display: inline;
	float: left;
	margin: 0 16px 20px;
	width:924px;
	}

div#nav_top {
	display: inline;
	float: left;
	line-height: 18px;
	margin-left: 7px;
	margin-right: 10px;
	padding: 5px 10px;
	}
.friends_top { width: 884px; }

.friends_top a { color: #039; margin-left:3px; }
.friends_top a.highlight { color: white; }

.friends_bot a { color: #039; }
.friends_bot a.highlight{ color: white; }

div#nav_bottom {	
	display: inline;
	float: left;
	line-height: 18px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 4px 10px 5px;
	}
.friends_bot { width: 884px; }

.alphaLine
{
	border-top: 1px solid #dfdfdf;
}

div#edit_nav {
	background-color: #efefef;
	display: inline;
	float: left;
	margin: 0 10px;
	padding: 10px 0 10px 10px;
	width: 894px;
	}

div#myfriends_grid {
	display: inline;
	float: left;
	margin: 0 12px;
	padding-left: 20px;
	}

div#myfriends_grid ul {
	display: inline;
	float: left;
	list-style: none;
	padding: 0;	
	margin-bottom:25px;
	}

div#myfriends_grid li {
	display: inline;
	float: left;
	line-height: 18px;
	margin: 0 19px 10px 0;
	padding: 0;
	text-align: center;
	width: 90px;
	}
	
div#myfriends_grid li.clear
{
	display: block; 
	font-size: 0pt; 
	clear: both; 
	float: none;
	line-height: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

div#myfriends_grid li img {
	padding-bottom: 3px;
	}
	
div#myfriends_grid li div{
	 white-space:nowrap;
}

div#google_ads {
	display: inline;
	float: left;
	margin-left: 16px;
	padding-bottom: 30px;
	}

div#breadcrumb {
	display: inline;
	float: left;
	font-weight: bold;
	margin-left: 16px;
	}
	
div.actionHeader
{
	width:918px;
}

div.FriendsMessage
{
	margin:0px 10px 10px 10px;	
	padding:8px 10px 8px 10px;
	background-color:#fcf8be;
	width:884px;
}

div.FriendsMessage IMG
{
	!vertical-align:middle;
}
	
	/* my friends
---------------------------------------------------------- */
	
div.selectCategoryBox {
	margin: 16px 16px 0px 16px;
	width: 688px;
	}

/* form elements
---------------------------------------------------------- */

input.inp {
	border: 1px solid #ccc;
	width: 240px;
	background: #fff;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding: 4px;
	margin-right: 5px;
	}
	
input.grey
{
	color:#a0a0a0;
}

select.inp {
	color: #000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 1px;
	}

button {
  	border:0; 
	cursor:pointer; 
	/*font-weight:bold; */
	padding:0 7px 0 0; 
	text-align:center; 
	width:auto; 
  	overflow:visible;
	}
button span { 
	position:relative; 
	display:block; 
	white-space:nowrap; 
	padding:0 0 0 7px;
	margin-top: 0px;
	}
	* button span {
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	margin-top: 1px !important;
	}
	/* html>body button span {margin-top: 0px;} opera */
button.submitBtn { 
	background:url("../img/btn_right.gif") right no-repeat; 
	font: 12px Arial, Helvetica, sans-serif;
	}
button.submitBtn span { 
	height:24px; 
	line-height:24px;
	background:url("../img/btn_left.gif") left no-repeat;
	color:#2357ae; 
	padding-left:10px;
	!padding-right:3px;
	}
	
button.cancelGrey span{
	color:#6f6f6f;	
}

#hideMeButton
{
	margin-bottom:4px;
}

/* typography
---------------------------------------------------------- */

.title {
	background: url(../img/icon_myfriends.gif) left no-repeat;
	display: inline;
	color: #003399;
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
	}

.goto {
	display: inline;
	float: right;
	line-height: 18px;
	}

.caption {
	font-size: 11px;
	}

.highlight {
	font-weight: bold;
	background-color: #979797;
	padding: 2px;
	color: White;
	}

.nav_left {
	clear: both;
	display: inline;
	float: left;
	}

.nav_right {
	display: inline;
	float: right;
	}

/* links
---------------------------------------------------------- */

a {
	outline: none;
	}

div#friends_msg a {
	color: #333;
	text-decoration: underline;
	cursor: pointer;
	}

div#myfriends_mode a{
	color: #fff;
	}

/* buttons
---------------------------------------------------------- */

#friendDiv {
	display: inline;
	float: right;
	font-family: arial;
	font-size: 10px;
	text-align: center;
	margin-left: 5px;
	}
.friendButton b,
.friendButtonOn b {
	float: left;
	display: block;
	position: relative;
	margin: 0 1px 3px 0;
	padding: 0;
  	font-weight: normal;
	text-decoration: none;
	}
.friendButton b { background: #fff url("../img/btn_friends.gif") repeat-x 0 100%; border: solid #dadada; border-width: 1px 0; }
.friendButtonOn b { background: #a2cae8 url("../img/btn_friendsin.gif") repeat-x 0 100%; border: solid #3669a2; border-width: 1px 0;}
.friendButton:hover b { background: #fff url("../img/btn_friends-hover.gif") repeat-x 0 0; color: #666;  }
.friendButtonOn:hover b { background: #fff url("../img/btn_friendsin-hover.gif") repeat-x 0 0; color: #ccc;  }
.friendButton b b,
.friendButtonOn b b {
	background: none;
	margin: 0 -1px;
	padding: 0;
	border-width: 0 1px;
	}
.friendButton b b b,
.friendButtonOn b b b {
	margin: 0;
	padding: .3em .6em .2em;
	border-width: 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
	text-align: center;
	}
.friendButton b b b { color: #436495; }
.friendButtonOn b b b { color: #fff; }
div#myfriends_nav a {
	color: #333;
	}

/*end myfriends.css */

/* 
Title:     MySpace.com Step 1
Updated:   Jan 03 2008
*/
	
div#viewable_by {
	padding-top: 20px;
	}
	
div#bottom_btns {
	border: 1px solid #ccc;
	border-top: none;
	color: #333;
	padding: 12px 10px;
	}
	
.form_label {
	font-size: 13px;
	font-weight: bold;
}

div#friends_info {
	background: url("../img/icon_message.gif") no-repeat 10px center;	
	color: #333;
	padding:10px 0px 10px 33px;
	margin:-20px auto 10px -10px;	
	}
	
div#createButtons
{
	margin-top:16px;
	!margin-top:12px;
	text-align:right;
}

/* breadcrumb
---------------------------------------------------------- */

.cssform p {
	clear: left;
	font-weight: normal;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	height: 1%;
	}

	.cssform .labelCrumb {
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}

/* breadcrumb
---------------------------------------------------------- */

div#crumb1_on {
	background: #b0c7dd url("../img/breadcrumb-04.gif") no-repeat top left;
	display: inline;
	float: left;
	padding: 8px 8px 8px 10px;
	}

div#crumb2_off {
	background: #e1e1e1 url("../img/breadcrumb-05.gif") no-repeat top left;
	color: #999;
	display: inline;
	float: left;
	padding: 8px 8px 8px 30px;
	}

div#crumb3_off {
	background: #fff url("../img/breadcrumb-06.gif") no-repeat top left;
	display: inline;
	float: left;
	padding: 8px 8px 8px 30px;
	}

/* end step1.css */

/* 
Title:     MySpace.com Step 2
Updated:   Jan 03 2008
*/

/* breadcrumb
---------------------------------------------------------- */

div#crumb1_on {
	background: #b0c7dd url("../img/breadcrumb-04.gif") no-repeat top left;
	display: inline;
	float: left;
	padding: 8px 8px 8px 10px;
	}

div#crumb1_off {
	background: #e1e1e1 url("../img/breadcrumb-01.gif") no-repeat top left;
	color: #999;
	display: inline;
	float: left;
	padding: 8px 8px 8px 10px;
	}

div#crumb2_on {
	background: #b0c7dd url("../img/breadcrumb-02.gif") no-repeat top left;
	display: inline;
	float: left;
	padding: 8px 8px 8px 30px;
	}

div#crumb3_on {
	background: #fff url("../img/breadcrumb-03.gif") no-repeat top left;
	display: inline;
	float: left;
	padding: 8px 8px 8px 30px;
	}

.fCatTitleContainer
{
	background: #e4f0fc;
	border-top: 1px solid #6698cb;
	height: auto;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	width: 928px;	
}

.fCatTitle
{
	padding: 0 0 0 4px;
	margin: 0;
}


/* friends added
---------------------------------------------------------- */

div#catfriends_list {
	border: 1px solid #ccc;
	display: inline;
	float: left;
	margin: 16px 0 0 16px;
	padding: 10px;
	width: 192px;
	}

.status {
	background-color: #eee;
	border: 1px dashed #999;	
	text-align: center;
	padding: 8px 0;
	}

div#catfriends_scroll {
	overflow: scroll;
	height: auto;
	}

div#catfriends_scroll ul {
	border-top: 1px solid #ccc;
	list-style: none;
	position: absolute;
	padding: 0;
	margin: 0;
	}

div#catfriends_scroll li {
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding:2px 0 2px 0px;
	height:30px;
	width: 165px;
	}

div#catfriends_scroll li a.viewlink 
{	
	font-weight: normal;
	text-decoration: none;
	padding: 0px 5px;	
	display:block; float:left;
}

div#catfriends_scroll li a.removelink 
{		
	display:block; float:right;
	padding:7px 0px 2px;	
}

	
div#catfriends_scroll li img 
{
	margin: 0;
	padding: 0;
	vertical-align: middle;	
}

span.fFollowup
{
	font-size: 12px;
	font-weight:bold;
	margin-bottom: 10px;
	display:block;
}

div.fFollowup{margin-bottom:5px;}
img.fFollowup{margin-right: 5px;}
		
/* category friends
---------------------------------------------------------- */

/*div#myfriends_head {
	margin-top: 16px;
	width: 688px;
	}*/

.categories_top { width: 654px; }
.categories_bot { width: 654px; }

.categories_top a { color: #039; margin-left:3px; }
.categories_top a.highlight { color: white; }

.categories_bot a { color: #039; }
.categories_bot a.highlight{ color: white; }

div#edit_catnav {
	background-color: #efefef;
	display: inline;
	float: left;
	margin: 0 10px 10px;
	padding: 10px 0 10px 10px;
	width: 664px;
	}
	
div.frndMsgBox{position:absolute;}
span.frnd_addAllBarLeft{float:left;}
span.frnd_addAllBarRight{margin: 7px 10px 0px 0px; float:right;}
img.frndSavedCheck{visibility:hidden;}

div#catfriends_grid {
	display: inline;
	float: left;
	margin: 0 9px 0 13px;
	}

div#catfriends_grid ul {
	display: inline;
	float: left;
	list-style: none;
	padding: 0;
	}

div#catfriends_grid li {
	display: inline;
	float: left;
	line-height: 20px;
	margin: 0 4px 10px 0;
	text-align: center;
	width: 80px;
	}

div#catfriends_grid a {
	background-color: #fff;
	border: 1px solid #ccc;
	display: block;
	padding: 25px 0 10px;
	text-decoration: none;
	}

div#catfriends_grid a.add:hover {
	background: #d2e6fa url("../img/icon_add.gif") center 6px no-repeat ;
	}

div#catfriends_grid a.addload {
	background: #d2e6fa url("../img/icon_loading.gif") center 6px no-repeat ;
	}

div#catfriends_grid a.active {
	background: #fffbcc url("../img/icon_active.gif") center 6px no-repeat ;
	}

div#catfriends_grid a.remove {
	display: block;
	background: #fffbcc url("../img/icon_active.gif") center 6px no-repeat ;
	}

div#catfriends_grid a.remload {
	background: #fcdede url("../img/icon_loading.gif") center 6px no-repeat ;
	}

div#catfriends_grid a.remove:hover {
	background: #fcdede url("../img/icon_delete.gif") center 6px no-repeat ;
	}

/* end step2.css */

/* 
Title:     MySpace.com Tool Tips
Updated:   Dec 20 2007
*/

/* bubble tooltips
---------------------------------------------------------- */
a.tt {
    position: relative;
    z-index: 24;
    color: #003399;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
    cursor:pointer;
	}
a.tt span, a.button span { display: none; font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
a.tt:hover, a.button:hover { z-index:25; color: #006699; text-decoration:none; background:;}
a.tt:hover span.tooltip {
    display: block;
    position: absolute;
    top: 5px;
	left:0;
	padding: 15px 0 0;
	width: 200px;
	color: #000;
    text-align: left;
}
a.tt:hover span.top,
a.button:hover span.top {
	display: block;
	padding: 15px 15px 0;
    background: url("../img/bubble.gif") no-repeat top left;
}
a.tt:hover span.middle,
a.button:hover span.middle {
	display: block;
	padding: 10px 15px 0; 
	background: url("../img/bubble_filler.gif") repeat bottom; 
}
a.tt:hover span.bottom,
a.button:hover span.bottom {
	display: block;
	padding: 10px 15px 5px;
    background: url("../img/bubble.gif") no-repeat bottom left;
}

/* buttons
---------------------------------------------------------- */

div#buttonHide {
	margin: 0 0 0 17px;
	text-align: center;
	}

div#buttonUnhide {
	margin: 0 0 0 10px;
	text-align: center;
	}

a.button {
	display: block;
	position: relative;
    z-index: 24;
	text-decoration:none;
	}

a.button:hover span.tooltip {
    display: block;
    position: absolute;
    top: 10px;
	left:0;
	padding: 15px 0 0;
	width: 200px;
	color: #000;
    text-align: left;
}

a.button b {
	float: left;
	display: block;
	position: relative;
	margin: 0 1px 0 0;
	border: solid #dadada;
  	border-width: 1px 0;
	padding: 0;
  	font: 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #fff url("../img/btn_friends.gif") repeat-x 0 100%;
	}

a.button:hover b { 
	border-color: #dadada; 
	color: #666; 
	background: #fff url("../img/btn_friends-hover.gif") repeat-x 0 0; 
	}

a.button b b {
	background: none;
	margin: 0 -1px;
	padding: 0;
	border-width: 0 1px;
	}

a.button b b b {
	margin: 0;
	padding: .3em .6em .2em;
	border-width: 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 1.1em;
	color: #436495;
	text-decoration: none;
	text-align: center;
	}

/* end tooltips.css */

/*start old friends_local */
.pagewrapper{clear:both;}

li.clear 
{
	display: block; 
	font-size: 0pt; 
	clear: both; 
	float: none;
}


.memberspanel {margin: 0 9px 0 13px;  min-height:200px;}
.friendsbox {width:100%;float:left;border: 1px solid #ddd;text-align:center;cursor:pointer;}
.friendsboxinlist{background-color:#FFFBCC;}
.friendsboxadd {background-color:#D2E6FA;}
.friendsboxremove{background-color:#FCDEDE;}
.friendsbox .friendsimagebox {padding-top:2px;}
.friendsbox .friendsimagebox .friendname{font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px;text-align:center;}
.friendsbox .friendsimagebox .actionbar{height:18px; margin: 0 auto; width:80%; font-weight:bold;}
* html .friendsbox .friendsimagebox .actionbar{height:21px;}
.friendsbox .friendsimagebox .actionAdd {background: #D2E6FA url("../img/icon_add.gif") no-repeat top center;}
.friendsbox .friendsimagebox .actionExists {background: #FFFBCC url("../img/icon_active.gif") no-repeat top center;}
.friendsbox .friendsimagebox .actionRemove {background: #FCDEDE url("../img/icon_delete.gif") no-repeat top center;}
.friendsbox .friendsimagebox .actionWait {background: url("../img/icon_loading.gif") no-repeat top center;}
.friendsbox .friendsimagebox .actionNotExists{background: url("../img/icon_add-grey.gif") no-repeat top center;}
.friendsbox .friendsimagebox .actionErr {color:Red;} 
.friendsbox .friendsimagebox .friendphoto{padding-bottom:3px; padding-top:1px; height: 53px;}
.livelist {float:left;overflow:auto;height:280px;width:100%;}

.status { display:none;}

.livelistremoveLinkColor{background-color: #fff;}
.livelistremoveLinkFlashAddColor {background-color: #FFFBCC;}
.livelistremoveLinkFlashRemoveColor {background-color: #FCDEDE;}
.nofriendsmsg{ text-align:center; font-size:11px; vertical-align:middle; display:block;}
.nofriendsincatmsg {font-size:11px; color:Gray; display:none; padding-left:5px;}
	
div#memberspanel ul
{
	display: inline;
	float: left;	
	padding: 0px;
	margin: 0px;
	list-style: none;	
}

div#memberspanel li 
{
	display:inline;
	float:left;
	line-height:20px;
	margin:4px 4px 14px 0px;
	_margin: 4px 2px 14px 0px;
	text-align:center;
	width:80px;
}



/* Manage Friends Page CSS */
.catfriends_list
{
	border:1px solid #CCCCCC;
	display:inline;
	float:left;
	margin :16px 0px 0px 0px;
	padding:10px;
	width:192px;
}

/* Need to Setup height to show scroll bar */
div#catfriends_scroll {
	height: 335px;
	}

div#catfriends_scroll li {
	padding: 2px 5px;
	}

div#catfriends_scroll li.active {
	background-color: #fffbcc;
	}
	

.catLiveListItem
{
	height:30px;
	width:30px;
}

.rightpanel
{
	width: 694px;
	border: 2px solid #3a73ab;
	display: inline;
	float: left;
	margin: 0px 16px 20px;
}
.mainpanel {float:left;}

.alphapagerpanel
{
	border: solid 1px #FFF4A8;
	background-color:#FFFFC1;
	margin: 10px 5px 10px 5px;
	padding:4px;
}

.alphabar
{
	border-bottom:  solid 1px #FFF4A8;
	padding: 0px 0px 5px 0px;	
}

.alphabar .allfriends
{
	background-color:#FFF18C;
	font-weight:bold;
	font-size:12px;
	padding:5px;
}

.alphabar a.allfriends
{
	color:Black;

} 


.alphabar .alphacharcontainer a.alphachar
{
	font-weight:normal;
	font-size:12px;
	padding:0 2px 0 2px;
	color:Black;
}

.pgerTitle
{
	margin-right: 10px;
}

.friendname
{
	 overflow:hidden;
	 height : 20px;
	 text-overflow:ellipsis;	 
	 display:block;
	 white-space:nowrap;
	 width : 90%;
	 margin: auto;
}

div#catfriends_scroll 
{
	border:1px solid #ccc;	
}

div#catfriends_scroll{
	overflow-x:hidden;
	position:relative;	
	}

div#catfriends_scroll ul {
	border: none;
}
.leftListItemName
{
	margin: 9px 0px 0px 2px;
	overflow: hidden;
	display:inline;
	position: absolute;	
	white-space: nowrap;
	width: 105px;	
	cursor: pointer;
	text-overflow: ellipsis;
}

/* Manage Friends Page End */

 .message
 {	
	padding-top:4px;
	font-size:12px;			
	text-align:center;
	height:30px;
 }
 
 div#crumb1_off {
	background: #e1e1e1 url("../img/breadcrumb-01-off.gif") no-repeat top left;
 }
 
 div#crumb2_on {	
	background: #b0c7dd url("../img/breadcrumb-02-on-off.gif") no-repeat top left;
 }
 
 div#crumb3_on {
	background: #fff url("../img/breadcrumb-03-on-on.gif") no-repeat top left;
	overflow: hidden;
	white-space: nowrap;
	font-size: 12px;
	line-height: 13px;
	text-overflow: ellipsis;
	width: 600px;	
 }
 
 .memberitemloader
 {
	vertical-align:middle;
	text-align:center;
 }
 

.counter {	
	background-image: url("../img/counter.gif");	
	background-repeat:no-repeat;		
	width:137px;
	margin: 10px 0px;
	height: 25px;
	padding-top: 6px;	
	text-align: right;		
	letter-spacing: 8px;
	font-family: Arial;
	font-weight:bold;
	font-size:14pt;			
	}
	
.errBlock{
	background:#FCDEDE url(../img/icon_delete.gif) no-repeat scroll right center;
	margin: -5px 10px 0px 10px;
	padding : 4px 0px;
	height: 100%;
	cursor : pointer;
}

.errHide{
	display:none;
}


/* my friends Header
---------------------------------------------------------- */

#feature_headLeft {	MARGIN-TOP: 3px; FLOAT: left; TEXT-ALIGN: left}
#feature_headRight {PADDING-RIGHT: 1px;	FLOAT: right; MARGIN: 0px; TEXT-ALIGN: right}
#feature_subheadContainer {float:right; margin-top:7px;}
.BreadcrumbLinkTopRight {DISPLAY: block; PADDING-BOTTOM: 4px}
.feature_headtext {	FONT-WEIGHT: bold;	FONT-SIZE: 18px;	COLOR: #6698cb;	FONT-FAMILY: "Trebuchet MS" , Verdana, Arial, sans-serif}


/* ToolTip
---------------------------------------------------------- */
/*#friends_info div.tooltip div.innerwrapper
{
width : 200px;
padding-top : 15px;
}

#friends_info div.tooltip .origin_tl{left:210px;top:-25px;}
#friends_info div.tooltip .origin_bl{left:210px;bottom:-5px;}
#friends_info div.tooltip .origin_br{bottom: -5px;}
#friends_info div.tooltip .origin_tr{top:-25px;}
*/
.PopupDiv
{
	position:absolute;
	width: 200px;
	height: auto; 
	text-align: left;
	z-index: 50;
	margin-left: -14px;   

}

.PopupPointer
{
	display: block;
	margin-left: 15px;
	padding-top : 8px;
    background: url("../img/popup_up.gif") no-repeat top left;
}

.PopupText
{
	border:1px solid #2a9f0a; 
	border-top-width: 8px; 
	background-color: #fff; 
	padding:10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
}

.PopupPointerdown
{
	display: block;
	margin-left: 15px;
	padding-top : 8px;
    background: url("../img/popup_down.gif") no-repeat top left;
}

.PopupTextAbove
{
	border:1px solid #2a9f0a; 
	border-bottom-width: 8px; 
	background-color: #fff; 
	padding:10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
}

/* view categories blue viewable by tool tip */
.BluePopupDiv
{
	position:absolute;
	width: 275px;
	height: auto; 
	text-align: left;
	z-index: 50;
	margin-left: -120px;   
}

.BluePopupPointer
{
	display: block;
	margin-left: 120px;
	padding-top : 8px;
    background: url("../img/blue_popup_up.gif") no-repeat top left;
}

.BluePopupText
{
	border:1px solid #6699CC; 
	border-top-width: 8px; 
	background-color: #fff; 
	padding:10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
}

.BluePopupPointerdown
{
	display: block;
	margin-left: 120px;
	padding-top : 8px;
    background: url("../img/blue_popup_down.gif") no-repeat top left;
}

.BluePopupTextAbove
{
	border:1px solid #6699CC; 
	border-bottom-width: 8px; 
	background-color: #fff; 
	padding:10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
}

/* view categories blue hidden friends tool tip */
.BluePopupDiv2
{
	position:absolute;
	width: 250px;
	height: auto; 
	text-align: left;
	z-index: 50;
	margin-left: -10px;   
}

.BluePopupPointer2
{
	display: block;
	margin-left: 15px;
	padding-top : 8px;
    background: url("../img/blue_popup_up.gif") no-repeat top left;
}

.BluePopupText2
{
	border:1px solid #6699CC; 
	border-top-width: 8px; 
	background-color: #fff; 
	padding:10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
}

.BluePopupPointer2down
{
	display: block;
	margin-left: 15px;
	padding-top : 8px;
    background: url("../img/blue_popup_down.gif") no-repeat top left;
}

.BluePopupText2Above
{
	border:1px solid #6699CC; 
	border-bottom-width: 8px; 
	background-color: #fff; 
	padding:10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
}

/* Edit category popups */
.popUpCategoryName
{
	font: normal normal bold 14px Verdana;
}

.popUpEditInput
{	
	border: solid 1px #ccc;
	font: normal normal normal 12px Verdana;
	margin: 7px 0px 0px 1px;
	padding: 4px 4px 4px 4px;
	width: 300px;
}

.popUpCharCount
{
	color: #cc0000;
	font: normal normal normal 11px Verdana;
}

.popUpCustomErr
{
	color: red;
	display: none;
}

.popUpViewableBy
{
	font: normal normal bold 14px Verdana;
}

.popUpDefaultText
{
	font: normal normal normal 11px Verdana;
}

.popUpCharsLeft
{
	font: normal normal normal 11px Verdana;
	padding: 0px 0px 0px 3px;
}
.popUpInfoText
{
	color: #666666;
	font: normal normal normal 11px Verdana;
}

.popUpSavingCat
{
	background: #ffffff url("../img/loadercircles.gif") left 6px no-repeat;
	visibility:hidden;
	float: left;
	height: 23px;
	padding: 9px 0px 0px 30px;
	text-align: left;
	width: 325px;
}

.popUpPrivWrap
{
	padding: 0px 0px 0px 5px;
}

.popUpRadio
{
	margin: 0px 0px 0px 3px;
}

.popUpHzLine
{
	border:0; 
	border-top: 1px solid #CCCCCC; 
	height: 0; background: #CCCCCC;
}

.popButtonPane
{
	margin-top:16px;
	!margin-top:12px;
	text-align:right;
}

.popUpBtnCanel
{
	color:#6f6f6f;
	font: 12px Arial, Helvetica, sans-serif;
	height:24px;
	padding: 2px 1px 2px 1px;
	margin: 0px 6px 0px 0px;
}

.popUpBtnSave
{
	color:#2357ae;
	font: 12px Arial, Helvetica, sans-serif;	
	height:24px; 
	padding: 2px 3px 2px 3px;
}

	
.friendsPopup_wrapper {position:absolute;top:30%;text-align: center;}
body > div.friendsPopup_wrapper {position:fixed;}
.friendsPopup_box {border:4px solid #6698CB;margin-left:auto;margin-right:auto;padding:8px;
position:relative;width:500px;background: #FFFFFF;}
.friendsPopup_content {background-color:#FFFFFF;border-top: 4px solid #B9D1F0;min-height:4em;
text-align:left;padding-top: 8px;font-weight: bold;color: #555555;}
* html .friendsPopup_content {height:100px;}
.friendsPopup_buttons {margin-top:10px;text-align:right;}
.friendsPopup_buttons button {padding:0px 10px;}
.friendsPopup_title {background:#FFFFFF url(/modules/common/static/img/icon_friends.gif) no-repeat scroll left top;background-position: 0px 2px;
padding: 0 0 0 20px;color:#6698CB;font-size:16px;font-weight: bold;
height:20px;text-align:left;vertical-align: top;border-bottom: 1px solid #6698CB;}



/* Create CategoryPage tooltip style */
.tellAboutTip
{	
	width: 200px;
	color: #000;
    text-align: left;
}

.tellAboutTop
{
	display: block;
	padding: 15px 15px 0;
    background: url("../img/bubble.gif") no-repeat top left;
}

.tellAboutText
{
	display: block;
	padding: 10px 15px 10px; 
	background: url("../img/bubble_filler.gif") repeat bottom; 
	border-bottom:1px solid #bbbbbb; 
}

.tellAboutTopdown
{
	display: block;
	padding: 15px 15px 0;
    background: url("../img/bubble_point_down.gif") no-repeat top left;
}

.tellAboutTextAbove
{
	display: block;
	padding: 10px 15px 10px; 
	background: url("../img/bubble_filler.gif") repeat bottom; 
	border-top:1px solid #bbbbbb; 
}


/* Pager Control
---------------------------------------------------------- */

a.highlight{
	text-decoration: none;
	}

a.disabledPaging
{
	text-decoration: none;
	font-weight:normal;
	color: #808080;
}

a.catName
{
	margin-right: 7px;	
}

div.pagingContainer,div.pagingContainer *
{
	padding:0;
	margin:0;
}

div.pagingContainer
{		
	clear:both;
	padding:5px 4px 10px 4px;
	margin:0 4px 5px 0px;
}

div.pagingContainer a
{

	font-weight:normal;
	text-decoration:none;	
	padding:1px .2em;
	_padding:2px .2em
}

div.pagingContainer a
{
	border-color:#E5E5E5

}

div.pagingContainer a:hover
{
	color:#e2f6ff;
	background-color:#84b1c8;
	border-color:#445a65
}

div.pagingContainer span.currentpage
{
	border-color:#445a65;
	background-color:#e7d082;
	font-weight:bold;
	color:#000

}
div.pagingContainer div.pagingLeft
{

	float:left;
	padding-right:1em
}

div.pagingContainer div.pagingCenter
{
	float:left


}

div.pagingContainer div.pagingRight
{
	padding-left:1em;
	float:right;
	white-space:nowrap


}

div.pagingContainer span.disabled
{
	color:#999;
	font-style:italic


}

div.pagingContainer div.bottom
{
	height:1px
}

div.pagingOf
{
	display:inline;
}

.FriendProgressBackground
{
	background-color:Black;
	filter:alpha(opacity=60);
	opacity:0.6;
	text-align:center;
	vertical-align:middle;	
	color:White;
	font-size:15px;	
	font-family:Verdana;
	font-weight:bold;
	padding-top:40px;	
	cursor:pointer;
	z-index:600;
}

.buttonList Label
{
	padding-right:12px;	
	line-height:30px;
}

.buttonList INPUT
{
	margin-left:0px;
	!margin-left:-4px;	
	margin-right:4px;
	!margin-right:1px;		
}

.alphabar_wrapper 
{
	margin-top: 10px;
}


.categoryListView
{
	background: #efefef url("../img/bkg_friendssearch.gif") top left repeat;
	border:1px solid #d7d7d7;
	display: inline;
	float: left;
	margin: 0px 0px 10px 10px;
	width: 902px;
}

.categoryDetailsView
{
	background: #efefef url("../img/bkg_friendssearch.gif") top left repeat;
	display: inline;
	float: left;
	margin: 0 10px;
	border:1px solid #d7d7d7;
}

.categoryHeaderView
{
	border-bottom: 1px solid #ccc;
	display: inline;
	float: left;
	/*margin-left: 10px;*/
	padding: 10px 0 8px;
	width: 766px;
}

.categoryUpdateError
{
	color:#cc0000;
	display:none;
	font-size:11px;	
	font-family:Verdana;
	font-weight:normal;
	padding-bottom: 7px; 
	padding-top: 7px; 
}

.categoryNameErr
{
	color: #cc0000;
	display: none;
	font-size:11px;	
	font-family:Verdana;
	font-weight:bold;
	padding-left: 3px;
	padding-right: 2px; 
}

.viewable_by
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	padding-right: 7px;
}

.categoryCharacterView
{
	display:none;
	font-size:11px;	
	font-family:Verdana;
	font-weight:normal; 
	padding-bottom: 7px;
}

.categoryCharacterCount
{
	color: #cc0000;
	font-size:11px;	
	font-family:Verdana;
	font-weight:normal;
}

.categoryEditName
{
	display:none;
	font-size:11px;	
	font-family:Verdana;
	font-weight:normal;
	line-height: 0px;
	width:510px;
}

.categoryNoExistingViewer, .categoryNoExisting
{
	font-size:12px;	
	font-family:Verdana;
	font-weight:normal;
	height:80px;	
	margin-top:40px;
	margin-bottom:115px; /*SPONSORSHIP CHANGE: Modified for category sponsorship work, revert this change after sponsorship is over */
	_margin-bottom:25px;
	width:450px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-weight:700;
	line-height:20px;
	color:#333333;
}

.noCatsSpace
{
	margin-bottom:13px;
}

.categoryHiddenFriends
{
	font-size:11px;	
	font-family:Verdana;
	font-weight:normal;
}

.categoryDisplayName
{
	overflow: hidden;
	position: relative;
	width:485px;
}

.categoryDefA
{
	color: #003399;
	cursor: pointer;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
}

.categoryReportA
{
	color: #003399;
	cursor: pointer;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
}


.categoryDefBold
{
	font: normal normal bold 11px Verdana;
}

.categoryFriendCount
{
	font: normal normal bold 11px Verdana;
}

.categoryDefLabel
{
	font: normal normal normal 11px Verdana;
    text-decoration:none;
}

.categoryModalLabel
{
	font: normal normal bold 13px Verdana;
    text-decoration:none;
}

.categoryNameLabel
{
	color: #003399;
	font: normal normal bold 14px Verdana;
}

.categoryEditCtrls
{
	background-color: #FFFFFF;
	border: solid 1px #d7d7d7;
	height: 89px;
	float: right;
	margin: 12px 12px 12px 0px;
	padding: 5px 5px 5px 5px;
	width: 175px;
}

.categoryInfoView
{
	float: left;
	padding: 15px 0px 0px 0px;  /*trbl*/
	width: 500px;
}

.categoryHelpImg
{
	height: 13px;
	padding: 0px 3px 0px 3px;
	vertical-align: middle;
	width: 13px;
}

.hiddenFriendsImg
{
	height: 13px;
	padding: 0px 3px 0px 3px;
	vertical-align: middle;
	width: 13px;
}

.categoryNoExistingViewer
{
	margin-top:110px;
	margin-bottom:30px;
}

.categoryRenameLink
{
	bottom: 0px;
	position:absolute;
	padding-left: 7px;
	margin-top:100px;
	margin-bottom:20px;
}

.privacyDescription
{
	color: #979797;
	font: normal normal normal 11px Verdana;
}

.toolTipDefLabel
{
	color: #003399;
	font: normal normal bold 12px Verdana;
}

.toolTipDefText
{
	font: normal normal normal 11px Verdana;
}

.FriendsNoMembers
{
	font-size:12px;	
	font-family:Verdana;
	font-weight:normal;
	clear: both; 
	text-align: center; 
	padding:25px 10px 80px 10px;
	width:884px;
	margin-left:10px;
	margin-right:10px;
	font-weight:700;
	color:#333333;
}

.TooManyError
{	
	margin-top:15px;
	margin-bottom:25px;
}

.categoryEditPrivacy
{
	display: none;	
}

.categoryPrivacyInputLeft
{
	margin-left: -5px;
}

.categoryPrivacyInput
{
	margin-left: 5px;
}

.categorySavingName
{
	background: #d2e6fa url("../img/icon_loading.gif") left 6px no-repeat;
	display: none;
	height: 20px;
	padding-left: 23px;
	padding-top: 7px;
	width: 351px;
}

.friendCount
{
	font-size:11px;	
	font-family:Verdana;
	font-weight:bold;
	padding-left: 5px;
	padding-right: 7px;
}

.hiddenFriendCount
{
	font-size:11px;	
	font-family:Verdana;
	font-weight:normal;
	padding-right: 12px;
}

.categoryPrivHelp
{
	height: 17px;
	padding: 0px 5px 3px 5px;
	width: 17px;
}

.categoryPrivTitle
{
	font-size:11px;	
	font-family:Verdana;
	font-weight:normal;
}

.categoryPrivLabel
{
	color: #003399;
	font-size:11px;	
	font-family:Verdana;
	font-weight:bold;
}

.categoryPrivText
{
	font-size:11px;	
	font-family:Verdana;
	font-weight:normal;
}

.friendsLine
{
	height:15px;
}

.viewableByLine
{
	height: 15;
	padding: 3px 0px 0px 0px;
}

SPAN.greyInfo 
{
	color:#666666;
}

SPAN.redCountDown
{
	color:#CC0000;
}

/*For ABI Popup*/
.popupIframe 
    {
      width:705px;
      height:565px;
    }
.iframeContainer 
    {
      width:705px;
      margin-left:auto;
      margin-right:auto;
      position:relative;
    }
.ABIHead
{
      font-weight:bold;
}

.ABILinks a {
color:#0000FF;
cursor:pointer;
font-weight:normal;
text-decoration:underline;
}

.hide
{
	display:none;
}

/*Sponsorship
SPONSORSHIP CHANGE: Added for category sponsorship work, remove this after sponsorship is over 
--------------*/
.catsponsorstruct{ border: none; display:inline; margin-top:-6px; position:relative}
.catsponsorcell{ vertical-align:middle; }

td.catsponsortx
{
	font: normal 700 12px Verdana;
	color: Black;
	font-size:12px;
	font-weight:700;
	line-height:20px;
	text-align:center;	
}

span.catsponsoronmanage
{
	position: absolute;
	!position: relative;	
	margin-left: 15px;		
	margin-top: -5px;
	!margin-top: 3px;		
}