/******* BEGIN: Including global_sponsoredarea.css *******/

/******* END: Including global_sponsoredarea.css *******/


/******* BEGIN: Including global_notifications.css *******/
#notification-menu h3 {
	text-align: left;
}

#notifications {
	min-height: 200px;
	background-color: #FFF;
	margin: 5px 5px 20px 5px;
	width: 180px;
}

#notifications li.loading {
	padding-top: 20px;
}
/******* END: Including global_notifications.css *******/


/******* BEGIN: Including global_chat.css *******/
/* @override 
   http://testtrunk.bebo.com/c/chat/_default.css
   http://localhost:8080/c/chat/_default.css
*/

/* @group Dock */
/* rendered for old/unsupported browsers */
div#dock-not-supported {
   position: absolute;
   width: 120px;
   padding: 5px;
   background-image: url(http://s.bebo.com/img/chat/dock-background.png);
   background-repeat: repeat-x;
   background-position: bottom;
   color: #FFF;
   text-align: center;
   font-size: .9em;
}
div#dock-not-supported p {
   margin: 0 0 5px 0;
}

#dock {
   position: fixed;
   bottom: 0px;
   right: 0px;
   z-index: 99;
   background-image: url(http://s.bebo.com/img/chat/dock-background.png);
   background-repeat: repeat;
   background-position: bottom;
   padding: 10px 10px 5px 8px;
   font-family: tahoma, arial, sans-serif;
}

#dock li,
#dock li ul,
#dock li ul li {}

#dock #dock-anchor {
   float: left;
   height: 53px;
   width: 15px;
}

#dock a.close {
	position: absolute;
	top: 7px;
	right: 3px;
	opacity: .4;
}
#dock a.close:hover {
	opacity: 1;
}

#dock ul#dock-items {
	float:left;
	padding-right: 10px;
	padding-top:2px;
}

/* to support grouping of icons */
#dock li.group-container,
#dock ul li ul.group li {
	clear:right;
	float:left;
	position:relative;
}

#dock li.group-container ul li {
   margin-left: 10px;
   margin-right: 5px;
}

#dock li.separater {
}

#dock li div.icon {
   display: inline;
   cursor: pointer;
   overflow-x: hidden;
   text-align: center;
}

#dock li div.icon img {
   margin-bottom: 1px;
   cursor: pointer;
}

#dock li div.icon img:hover {
   border: 1px solid #FFF;
}

/* application group is to use smaller icons */
#dock li ul.applications div.icon {
}

#dock li ul.applications div.icon img {
}



/* @end */


/* @group Chat Dock */

#dock li ul.chat-conversations li {
	clear:right;
	float:left;
   position: relative;
   width: 48px;
   overflow-x: hidden;
}

#dock li ul.chat-conversations li img.status-icon {
   position: absolute;
   top: 37px;
   left: 19px;
}

#dock li div.unread-count {
   position: absolute;
   top: 30px;
   left: 0px;
   width: 22px;
   height: 15px;
   background-image: url(http://s.bebo.com/img/chat/unread_messages.png);
   color: #FFF;
   font-size: 9px;
   text-align: center;
   line-height: 14px;
}

#dock li#chat-dock img.icon {
   height: 48px;
   width:  48px;
   border: none;
}
/* @end */




/* @group Tooltips */
div.hoverbox div,
div.hoverbox table {
   margin: 0;
   padding: 0;
}

div.hoverbox img.close,
div.hoverbox img.minimize {
   position: absolute;
   top: 5px;
   right: 5px;
   z-index: 9999;
   width: 13px;
   height: 13px;
}
div.hoverbox img.minimize {
   right: 22px;
}

div.hoverbox div.top,
div.hoverbox div.bottom {
   margin: 0;
   padding: 0;
   height: 3px;
   background-color: #DD0;
}

div.hoverbox .top td,
div.hoverbox .bottom td {
   margin: 0;
   padding: 0;
   height: 3px;
}

div.hoverbox .right,
div.hoverbox .left {
   margin: 0;
   padding: 0;
   width: 3px;
}

div.hoverbox .top .left {
   background-image: url(http://s.bebo.com/img/chat/corner-top-left.png);
}
div.hoverbox .top .center {
   background-image: url(http://s.bebo.com/img/chat/border-top.png);
   background-position: top;
   background-repeat: repeat-x;
}
div.hoverbox .top .right {
   background-image: url(http://s.bebo.com/img/chat/corner-top-right.png);
}

div.hoverbox .bottom .left {
   background-image: url(http://s.bebo.com/img/chat/corner-bottom-left.png);
}
div.hoverbox .bottom .center {
   background-image: url(http://s.bebo.com/img/chat/border-bottom.png);   
   background-position: bottom;
   background-repeat: repeat-x;
}
div.hoverbox .bottom .right {
   background-image: url(http://s.bebo.com/img/chat/corner-bottom-right.png);
   background-position: right;
   background-repeat: repeat-y;
}

div.hoverbox .middle .left {
   background-image: url(http://s.bebo.com/img/chat/border-left.png);
   background-position: left;
   background-repeat: repeat-y;
}

div.hoverbox .middle .center {
   position: relative;
   background-image: url(http://s.bebo.com/img/chat/background.png);
   color: #CCC;
}

div.hoverbox .middle .right {
   background-image: url(http://s.bebo.com/img/chat/border-right.png);
   background-position: right;
   background-repeat: repeat-y;
}

img#tip-stem-bottom {
   display: none;
   z-index: 100;
   height: 9px;
   width: 14px;
}
/* @end */

/* @group Drop Down */
ul.chat-drop-down,
ul.chat-drop-down ul {
   display:  block;
   padding: 0;  
   margin: 0;
   list-style: none;
   color: #CCC;
   cursor: pointer;
}

ul.chat-drop-down li {
   display: block;
   cursor: pointer;
   padding: 2px 14px 2px 20px;
   background: no-repeat left center;
   background-image: url(http://s.bebo.com/img/chat/arrow-right-v2.png);
}
ul.chat-drop-down ul li {
   white-space: nowrap;
}
ul.chat-drop-down.active li {
   background: no-repeat left center;
   background-image: url(http://s.bebo.com/img/chat/arrow-down-v2.png);
   background-color: #646464;
}
ul.chat-drop-down li:hover {
   color: #FFF;
}
ul.chat-drop-down ul {
   position: absolute;
   padding: 3px;
   background-color: #646464;
   font-size: .95em;
   left: 0px;
   top: 30px;
   border-top: 1px solid #333;
}
ul.chat-drop-down.active ul li,
ul.chat-drop-down ul li {
   padding: 2px 5px 3px;
   margin-left: 0px;
   background: none;
}
ul.chat-drop-down.active ul li:hover {
   background-color: #4B4B4B;
}
/* @end */



/* @group Chat Buddy List */

#buddy-list {
   display: block;
   color: #333;
   /* status color #8d8d8d */
}

#buddy-list .middle .center {
   width:  180px;
}

#buddy-list .close {
   position: absolute;
   display: block;
   top: 5px;
   right: 4px;
}

#buddy-list-container {
   margin: 4px 0 0 4px;
   position: relative;
   text-align:left;
}

div#buddy-list-container img#avatar {
   height: 20px;
   width: 20px; 
   padding-right: 7px;
}

#buddy-list-container h3,
#buddy-list-container h4 {
   font-family:arial, helvetica, sans-serif;
   position: absolute;
   top: 0px;
   left: 60px;
   width: 120px;
   font-size: 1em;
   padding: 3p 0 0 0;
   margin: 0;
   overflow: hidden;
}

div#buddy-list-container ul#chat-availibility ul {
   width: 100px;
}

div#buddy-list-container ul.chat-drop-down {
   position: absolute;
   top: 29px;
   left: 52px;
   font-size: .9em;
}
div#buddy-list-container ul#chat-buddy-list li#no-friends-online {
   border: none;
   text-align: center;
   padding-top: 50px;
} 

div#buddy-list-container ul#chat-buddy-list {
   clear: both;
   padding: 0;
   margin: 5px 5px 20px 0;
   background-color: #FFF;
   color: #444;
   min-height: 200px;
   overflow: auto;
}

div#buddy-list-container ul#chat-buddy-list li {
   list-style: none;
   padding: 5px 0 2px 4px;
   font-size: .9em;
   border-bottom: 1px dotted #CCC;
   cursor: pointer;
   clear: both;
   height: 1.3em;
   overflow: hidden;
}

ul#chat-buddy-list li .display-name { 
   display:inline-block;
   display:-moz-inline-box;
   width:135px;
   float:left;
   overflow:hidden;
}

div#buddy-list-container ul#chat-buddy-list li img.status-icon {
   padding: 0 6px 0 0;
   float: left;
}
/* @end */

/* @group Chat Conversation */

wbr:after { content: "\00200B" }

div.conversation {
   max-width: 210px;
   font-size: .9em;
   line-height: 1.3em;
   text-align:left;
}
div.conversation h1 {
   margin-right: 50px;
   overflow: hidden;
   font-size: 1.4em;
   font-family:arial, helvetica, sans-serif;
   line-height: 1.4em;
}
div.conversation h1 a {
   padding: 2px 0 0 5px;
   margin: 0;
   display: block;
   font-size: 0.9em;
   font-weight: bold;
   color: #d2d2d2;
}

div.conversation ul.conversation-actions {
   position: relative;
   width: 80px;
   margin-top: 5px;
}

div.conversation ul.dialogue {
   margin: 0;
   padding: 2px 1px 1px 1px;
   list-style: none;
   min-height: 200px;
   max-height: 500px;
   /*
   overflow-x: hidden;
   overflow-y: auto;
   */
   overflow: hidden;
   width: 208px;
   max-width: 208px;
}

div.conversation ul.dialogue li {
   position: relative;
   clear: both;
   color: #555;
   margin: 4px 0 0 0;
}

div.conversation ul.dialogue li b {
   margin: 0px;
   padding: 0px;
}
div.conversation ul.dialogue li b.rbottom, 
div.conversation ul.dialogue li b.rtop,
div.conversation ul.dialogue li b.rbottom b,
div.conversation ul.dialogue li b.rtop b {
   background-color: transparent;
   font-size: 0px;
   line-height: 0px;
   height: 1px;
   *display: none; /*hiding rounded corners from ie7*/
}
div.conversation ul.dialogue li b.rbottom b.r1, 
div.conversation ul.dialogue li b.rtop b.r1 {
   display: block;
   height: 1px;
   background: #dadada none repeat scroll 0 0;
   margin: 0 1px;
}
div.conversation ul.dialogue li.me b.rbottom b.r1, 
div.conversation ul.dialogue li.me b.rtop b.r1 {
   background: #FFF none repeat scroll 0 0;
}

div.conversation ul.dialogue li div.content {
   position: relative;
   background-color: #dadada;
   margin: 0px;
   padding: 0;
}

div.conversation ul.dialogue li div.content br.separator {
   display: none;
}

div.conversation ul.dialogue li.me div.content {
   background-color: #FFF;
}

div.conversation ul.dialogue li div.timestamp{
   position: absolute;
   right: 3px;
   top: 2px;
   margin: 0;
}

div.conversation ul.dialogue li div.content h2 {
   padding: 2px 0px 2px 5px;
   margin: 0;
   color: #622d2a;
   font-size: 1.1em;
   font-weight: bold;
}

div.conversation ul.dialogue li.me div.content h2 {
   color: #4F6864;
}

div.conversation ul.dialogue li div.content p {
   font-size: 1em;
   padding: 0 4px 3px 4px;
   margin: 0px 3px 0px 5px;
   word-wrap: break-word;
}

div.conversation ul.dialogue li.system div.content {
   padding: 2px 0 2px 5px;
   background-color: #7E7E7E;
   color: #BBB;
}
div.conversation ul.dialogue li.system b.rbottom b.r1, 
div.conversation ul.dialogue li.system b.rtop b.r1 {
   background-color: #7E7E7E;
}
div.conversation ul.dialogue li.system div.content div.timestamp {
   color: #CCC;
}

div.conversation ul.dialogue li div.content p.first {
   word-wrap: break-word;
}

div.conversation input {
   width: 202px;
   margin: 6px 0 0 0px;
   padding: 3px;
   border: none;
}
div.conversation input.disabled {
   background-color: #CCC;
}
div.conversation div.report-abuse {
   float: right;
}
#dock li.chat-conversation .icon {
   width: 48px;
}
/* @end */
/******* END: Including global_chat.css *******/


/******* BEGIN: Including global_video.css *******/
/* Video_jsp video what's hot module */
div.VideoHotContainer {
	background:top left no-repeat;
	background-color:#222;
	/*background-image:url(http://s.bebo.com/img/video/corner_topleft.gif);*/
	width:640px;
}
.profile-mod .VideoHotContainer {
	background:transparent;
	width:auto;	
}
body#Video_jsp .VideoHotContainer .hd {
	text-align:right;
	padding:10px 10px 0 10px;
}
div.VideoHotContainer h3,
body#Video_jsp .VideoHotContainer h3
{
	white-space:nowrap;
}
div.VideoHotContainer a { color:#eee;}

.profile-mod .VideoHotContainer h3 {
	background:transparent;
	height:auto;
	padding:0;
	font-size:100%;
	overflow:visible;
}
div.VideoHotContainer div.guidance {
	padding:0px 10px 5px 12px;
	font-size:.9em;
}

div.VideoHotContainerBody {
	background:top right repeat-y;
	/*background-image:url(http://s.bebo.com/img/video/corner_rightborder.gif);*/
	margin:0;
	padding:0 10px;
}
.profile-mod .VideoHotContainerBody {
	background:transparent;
	padding:0;	
}
div.VideoHotActions { /* position:absolute; */ /*left:230px;
width:180px; */
	margin-top:3px;
	margin-bottom:12px;
	padding:3px 10px 0 0;
	text-align:right;
	font-size:0.9em;
	color:#666;
}

div.VideoHotActions a:link, div.VideoHotActions a:visited
	{
	color:#E00;
	text-decoration:none;
}

div.VideoHotVideo { 
	text-align:center;
	margin:0 10px 0 10px;
	padding:0;
	border:1px solid #444;
	background-color:#000;
}
.profile-mod .VideoHotVideo {
	border:none;
	margin:0;	
}
div.VideoHotContainerFooter {
	background:bottom left no-repeat;
	/*background-image:url(http://s.bebo.com/img/video/corner_bottomleft.gif);*/
}

div.VideoHotContainerFooter p {
	background:bottom right no-repeat;
	/*background-image:url(http://s.bebo.com/img/video/corner_bottomright.gif);*/
	display:block;
	padding:15px;
	margin:-2em 0 0 0;
}

/* Channel Surfer modules */
#content .ChannelSurfContainer {
	position:relative;
}

#content .ChannelSurfNavigation table td {
	padding:2px;
	text-align:center;
}

#content .ChannelSurfNavigation table th {
	width:12px;
	height:75px;
}

#content .ChannelSurfNavigation table td#current {
	background:red;
}


#content .ChannelSurfContent table td {
	width:33%;
	margin:0;
	padding:14px 10px 4px 14px;
}


/* channel browse module */
.ChannelBrowseContainer {
	/*background:url(http://s.bebo.com/img/video/outline_topleft.gif);*/
	top left:no-repeat;
	width:970px;
}

.ChannelBrowseContainer h2 {
	background:top right no-repeat;
	/*background-image:url(http://s.bebo.com/img/video/outline_topright.gif);*/
	padding:14px 0px 14px 22px;
	margin:0;
}

.ChannelBrowseActions {
	position:absolute;
	left:600px;
	width:160px;
	margin-top:14px;
	padding:0 10px 0 0;
	text-align:right;
	font-size:1em;
	color:#666;
}

.ChannelBrowseActions a:link,.ChannelBrowseActions a:visited {
	color:#ee0000;
	text-decoration:none;
}

.ChannelBrowseContainerBody {
	background:top right repeat-y;
	/*background-image:url(http://s.bebo.com/img/video/outline_rightborder.gif);*/
	margin:0;
	margin-top:-2em;
	padding:16px;
}

.ChannelBrowseNavigation {
	height:650px;
	width:126px;
	margin:0;
	padding:0;
}

.ChannelBrowseNavigation ul {
	margin:18px 0 0 0;
	padding:0;
	font-size:1em;
	line-height:2.3em;
}

.ChannelBrowseNavigation ul li {
	text-align:right;
	list-style:none;
	padding:0 12px 0 0;
}

.ChannelBrowseNavigation ul li a {
	color:#666666;
	text-decoration:none;
	margin:0;
	padding:0;
}

.ChannelBrowseNavigation ul li a:hover {
	color:#ee0000;
	text-decoration:underline;
}

.ChannelBrowseNavigation li.current {
	background:#fff;
}

.ChannelBrowseClips {
	background:#fff;
	left:160px;
	top:54px;
	height:660px;
	width:800px;
	text-align:left;
	font-size:0.9em;
	color:#666;
}

.ChannelBrowseClips table td {
	padding:8px 8px 4px 8px;
	margin:0;
}

.ChannelBrowseClips a {
	color:#6685c2;
	text-decoration:none;
	line-height:1.2em;
}

.ChannelBrowseClips a:hover {
	color:#496fba;
	text-decoration:underline;
}

.ChannelBrowseContainerFooter {
	background:bottom left no-repeat;
	/*background-image:url(http://s.bebo.com/img/video/outline_bottomleft.gif);*/
}

.ChannelBrowseContainerFooter p {
	background:bottom right no-repeat;
	/*background-image:url(http://s.bebo.com/img/video/outline_bottomright.gif);*/
	display:block;
	padding:15px;
	margin:-2em 0 0 0;
}
/******* END: Including global_video.css *******/


/******* BEGIN: Including global_platform.css *******/


/* Style for api developer tools */

#platform-content h1 {color: #0063DC;}

#platform-content h3 {color: #ED0303;
  border-bottom: 2px solid #3d3d3d;
  margin-bottom: .2em;
}

.clear {width: 1px; height: 1px; line-height: 1px; visibility: hidden; clear: both; margin: 0; padding:0 }
.clear2 {clear: both; font-size: 0px; line-height: 0px; height: 0px; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


#api-browser {}
#api-browser td{vertical-align: top;}
#controls {}
#preview {}

#preview-content {border: 1px solid #cccccc; min-height: 250px; overflow: auto;}

#titlebar { 
  font-weight: bold;
  font-size: 1.2em;
  margin: 1em;
  display: inline;
}

#titlebar * { float: left}
#titlebar #title { margin: 0; padding: 0 5em; vertical-align: middle; line-height: 1.5em; display: block; float: left;
 background-image: url(http://s.bebo.com/img/title_bar_bg.png);
 height: 23px;
 margin: 0;
}

#platform-content input, #platform-content select { 
   margin: .5em;
}


#platform-content input.button{
   margin: 0;
   margin-left: -2px;
}


#platform-content label {margin: .5em; display: block; float: left; line-height: 1.5em; width: 15%;clear: both;}
#platform-content textarea { width: auto; margin: .5em;}
#platform-content textarea.preview, #platform-content textarea.editor { width: 100%;}
#tools-links ul, #tools-links li{display:inline; margin: 0; padding:0;}


#render-time {font-size: .8em; float: right; margin-top: .5em;}

.dashboard{}
.dashboard ul { list-style: none;
   display: inline; 
   margin: 0; 
   padding: 0;
} 
.dashboard li { display: inline;
  margin: .2em 0;
  padding: 0 .3em;
  border-right: 1px solid #cccccc;
  float: left;
}
.dashboard .separator{ width: auto; height: 1px;visibility: visible; border: none; border-top: 1px solid #cccccc;}
.dashboard .help { float: right; border: none;}
.dashboard #last { border: 0;}
.dashboard .create-button{float: right; margin-right: .5em;}
.shorten { padding: 0; margin: 0;}
.no_padding {padding: 0;}
.add_border { border-bottom: 2px solid #cccccc;}

h2.error { margin: .2em 0;}

#content .tabs, #content #tools-links {margin-top: .2em;
border: 1px solid #cdcdcd;
padding: 0;
margin-bottom: .5em;
background-image: url(http://s.bebo.com/img/page/light-gradient-sm.png);
}

#content .tabs ul { margin: 0; padding: 0;}
#content .tabs li, #content #tools-links li {
 display: inline;
 margin: 0 .5em 0 0;
 font-size: 1.1em;
 padding: 0 .5em;
 border-right: 1px dashed #d0d0d0;
}
#content .tabs li a { color: #999999;
   text-transform: uppercase;
   text-decoration: none;
}

#content .tabs li a:hover { color: #ED0303;}

#content .tabs li.current, #content #tools-links li.current {background-image: url(http://s.bebo.com/img/page/dark-gradient-sm.png);
  border: 1px #464646;
  list-style-image: url(http://s.bebo.com/img/page/right-arrow.png);
  list-style-position: inside;
}

#content .tabs li.current a, #content #tools-links li.current a { color: #ccc;}
#content .tabs li.current a:hover, #content #tools-links li.current a:hover { color: #fff; text-decoration: none;}

/* sn-editor stuff */
.editor-cancel { margin-left: .5em;}
.divider { height: 1px; border: none; border-top: 2px solid #d5d6da;}
label.checkbox, #platform-content label.checkbox{ float: none; display: inline;}

.editor-button {
    background-color: transparent;
  } 
  
  .editor-button {
    background-color: #c75140;
    border: 2px #a33928 outset;
    padding: 3px 6px;
    margin:6px 0 0 0;
    color: #ffffff;
    font-size: 0.9em;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
}

.editor-button:hover{
    text-decoration: underline;
}

.editor-button:active{
    border-style: inset;
    background-color: #d86558e;
    padding: 3px 6px;
    margin:6px 0 0 0;
    outline: none;
}


/* profile stuff */
.module_navigation ul { display: inline;}
.module_navigation li { display: inline;}
.subtitle_text { font-size: 11px; padding: 5px 10px 10px; }

/* band styles */
.band-item {
   display: inline;
   float: left;
   margin: .5em 0;
}
.band-item img{float: left;
   margin-right: 1em;
}
.band-item h4{ margin: 0 0 .2em 0;
   border: 0;
   padding: 0;
}
.band-item .info { margin-right: 1em;}

/* End band syles */

/* mp3 player styles */
.mp3-player {  line-height: 1em;}
.mp3-player * { vertical-align: middle; }
.mp3-player span { margin-left: .5em;}
.mp3-artist { font-weight: bold;}
.mp3-album {font-style: italic;}


/* autocomplete styles */
.platform-throbber {display: none;
   vertical-align: middle;
   margin-right: .25em;
}

div.autocompleter-loading{display: none; /* no ajax = no need for loading images*/
}

ul.autocompleter-choices span.autocompleter-queried{font-weight: bold;}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried{color: #fff;}
.username{position: absolute; right: 4px; font-style: italic;}

/* request form */
.multi-friend-select .tab-item-content {height: 275px;
   overflow: auto;
}
.multi-friend-select ul.friend-list{
   padding: 0 0;
   margin: 1em 0 0 0;
}
.friend-select{
   list-style: none;
   float: left;
   margin-right: 1em;
   margin-top: 1em;
   text-align: left;
   line-height: 1.2em;
   width: 150px;
}
.friend-select img{
   float: left;
   margin: 0 .5em;
}

.friend-select a {display: block;
   padding: .5em 0;
   border: 1px solid transparent;
}

.friend-select a:hover { border: 1px solid #c2c2c2;
   background-color: #eeeeee;
}

.friend-select p{margin: 0; padding: 0;} 

.multi-friend-select .added{
   background-image: url(http://s.bebo.com/img/page/button-gradient.png);
   
}
.multi-friend-select .added a{border: 1px solid #9e1818; color: #000;}
.multi-friend-select .added a:hover{background-color: #b54e4e; color: #000;}
.request-form .buttons {margin-top: 1em;}
.request-form .buttons input { margin-right: 1em;}
.email-invite {left:3px;bottom:5px;width:90%;position:relative;}

/* internal tags */
.quick-tabs ul {display: inline; padding: 0;margin: 0;
}
li.quick-tab {
   display: inline;
   margin: 0 .25em 0 0;
   background-color: #c1c1c1;
   border: 1px solid #c1c1c1;
   border-bottom: none;
   font-size: .95em;
   font-weight: normal;
   padding: .2em 1em 1px 1em;
}

.quick-tabs li.current {
   background-color: #eee;
   border: 1px solid #d7d8d8;
   border-bottom: 1px solid #eee;
   color: #c1c1c1;
}
.quick-tabs li a { color: #666;}
.quick-tabs li a:hover {
   text-decoration: none;
   color: #ed0303;
}

.quick-tabs li.current a { color: #000;}
.quick-tabs li.current a:hover {text-decoration: none;}
#content .tab-content {border: 1px solid #d7d8d8;
    background-color: #eee;
}

.tab-item-content{padding: 4px;clear: both;}

.app-contest-content{
  border: 2px solid #A33928;
  background-color: #eee;
  padding-left: 4px;
  padding-bottom: 4px;
}

/* internal timing */
.snml-timing {
   float: right;
   font-size: .9em;
}

/* documentation */ 
#documentation { float: left; width: 70%;}
#documentation h1 { margin-top: 1em; border-bottom: 1px solid #aaa;}
#quick-nav {margin-top: 1em; font-size: .95em;}
#quick-nav ul{padding: .2em .5em; display: inline; background-color: #e7e8eb; margin: 0;}
#quick-nav li{display: inline; margin-left: .5em; color: #999;}
#quick-nav li img { vertical-align: middle; border: 0; margin-right: .25em;}

#quick-nav a {color: #666666; font-weight:  bold;}
#quick-nav h3 { display: inline; color: #666; margin-right: .5em; padding: 0;}

#documentation-nav { float: left; clear: left; margin-right: 1em; overflow: auto; width: 27%;}
#order {font-size: .75em; display: block;}
#order a {margin-left: .5em;}
#documentation-nav ul{margin: 0;  margin-left: 2em; padding:0}
#documentation-nav li{list-style: none; margin-bottom:.2em;}
#documentation-nav li.index {margin-left: -2em; margin-top: 1em; margin-bottom: .5em; border-bottom: 1px solid #aaa;}
#documentation-nav li.index img { margin-right: .5em; margin-left: 0;}
#documentation-nav li img {vertical-align: middle; margin-left: 5px;}

#current-tag{border-left: 1px solid #d5d6da; margin: 0 1em; text-align: center;
   background-image: url(http://s.bebo.com/img/platform_doc_current.gif);
   background-repeat: no-repeat;
   background-position: right center;
   padding-right: 10px;
}
#current-tag a { color: #14597D; margin-left: .5em;}
#related-tags ul {display: inline; padding: 0;}
#related-tags li{display: inline; margin-left: .25em;}
.attributes li,#valid-contexts li {list-style: none; margin-bottom: .5em; margin-left: 2em;}
.attributes label, #valid-contexts label {font-weight: bold;}
.attributes .attribute-type {font-style: italic; margin-right: .5em;}
#code-preview #preview-content{min-height: 0px;}

/* snql css.. */
#snql-nav {float: left; width: 20%; }
#snql-nav ul {margin-left: 0; padding-left: 0; }
#snql-nav ul li {list-style: none; font-weight: bold; }
#snql-nav ul ul {padding-left: 2em; }
#snql-nav ul ul li {font-weight: normal; margin-left: 0; padding-left: 0; }
#snql-table-doc {float: left; width: 70%; }
#snql-table-doc #columns dt {font-weight: bold; } 
#snql-table-doc #columns dd {margin-bottom: 1em; } 
#snql-table-doc #columns .primary-key {display: inline; background: darkblue; margin-left: .5em; padding-left: .5em; padding-right: .5em; color: white; font-weight: normal; } 
#snql-table-doc #columns .foreign-key {display: inline; background: lightblue; margin-left: .5em; padding-left: .5em; padding-right: .5em; color: black; font-weight: normal; } 
#snql-table-doc #columns .indexable {display: inline; background: green; margin-left: .5em; padding-left: .5em; padding-right: .5em; color: white; font-weight: normal; } 
#snql-table-doc #columns .protected {display: inline; background: purple; margin-left: .5em; padding-left: .5em; padding-right: .5em; color: white; font-weight: normal; } 
#snql-table-doc #columns .not-supported {display: inline; background: red; margin-left: .5em; padding-left: .5em; padding-right: .5em; color: white; font-weight: normal; } 

#snql-overview-doc {float: left; width: 70%; }

#snql-operators-doc {float: left; width: 70%; }
#snql-operators-doc dt {font-weight: bold; clear: left; float: left; display: block; width: 3em; }
#snql-operators-doc dd {float: left; display: block; margin-left: 0; margin-bottom: 1em;}

#snql-function-doc {float: left; width: 70%; }
#snql-function-doc dt {font-weight: bold; }
#snql-function-doc dd {margin-left: 2em; }
#snql-function-doc dl {margin-left: 0; padding-left: 0;}
#snql-function-doc dl dl {padding-left: 2em; margin-bottom: 1em; }
#snql-function-doc .required {display: inline; background: pink; margin-left: .5em; padding-left: .5em; padding-right: .5em; font-weight: normal; } 

/* end of snql css */

#top-rated-applications { background-color:#ffffff; color:#000000; border:0px; padding:8px 0px 20px 0px;}
#top-rated-applications h1 {float: left; background-color:#ffffff; color:#000000;}
#top-rated-applications a.view-all {float: right; }
#top-rated-applications .quick-tabs {margin-top: 12px; }
#top-rated-applications .quick-tabs ul {padding: 0px; }
#top-rated-applications .quick-tabs li { padding:2px 11px 5px 11px; margin-right:4px;}
#top-rated-applications .quick-tabs li a {line-height: 20px; }
#top-rated-applications .quick-tabs li a:hover {  color: #ed0303; }
#top-rated-applications .quick-tabs li.current { background-color:#eeeeee; color:#c1c1c1; border:1px solid #cccccc; border-bottom:0px;  }
#top-rated-applications .tab-item-content {height:100px; padding:25px 12px;}
#top-rated-applications .tab-item-content div {float: left; width: 122px; text-align: center; }
#top-rated-applications .title {display: block; text-align: center; }
#top-rated-applications a img {border: 1px solid black; margin-bottom: 2px; }
#top-rated-applications .rating {font-size: 9px; }
#top-rated-applications .rating .app-rating {display: block; margin: 0 auto;}

#app-tool-tip {position: absolute; width: 265px; text-align: left; background: url(http://s.bebo.com/img/AppToolTipBottom.png) no-repeat bottom center; padding-bottom: 9px; z-index: 1000; }
#app-tool-tip-inner {width: 255px; border: solid 1px #EAD020; border-bottom: none; background: #FFFADE; padding: 4px 4px 10px; }
* html #app-tool-tip-inner {width: 265px; }
#app-tool-tip h1 {float: none; margin-bottom: .75em; font-size: 1.3em; }
#app-tool-tip label {float: left; clear: left; display: block; width: 112px; }
#app-tool-tip ul {margin: 0; padding: 0; display: block; float: left; width: 138px; }
#app-tool-tip ul li {display: block; float: left; list-style: none; margin-right: .5em; border: none; }
#app-tool-tip .friends-rating, #app-tool-tip .bebo-rating {float: left; display: block; margin-top: 2px; }

.app_review {display:none; margin:10; padding:10;}
.app_review a {color: black !important; }

.listing-item {
   clear: both;   
   background: white; 
   margin-top: 0px;
   margin-bottom:0px;
   border-top: 1px solid #cfcfcf; 
   padding-left:30px; 
   padding-bottom:10px; 
   padding-top: 10px;
   vertical-align: top;
   font-size:small;
   font-family: arial,helvetica,clean,sans-serif;
 }
.listing-content {float:left; width:460px;}
.listing-image {float:left; width:70px;}
.listing-author {clear:both; color:#999999; font-size:smaller; padding-top:0.5em;}
.listing-action {float:right; color:#999999; font-size:smaller; padding-bottom:0.5em;}

#application-container ul {list-style: none; padding: 0; margin: 0;}
#application-container ul.even {float: left; }
#application-container ul.odd {float: right; }

.application-directory {
   background: #eee; 
   width: 100%;
}
.application-showcase {
   background: #fff;
   width: 99%;
   height: 300px;
   float: center;
}

.showcase-application {
   background: #fff;
   width: 99%;
   height: 300px;
   float: center;
}

.application-browse {
   background: #eee; 
   padding: 0px; 
   border: 4px solid #eee; 
   margin: 0 0 12px 0; 
   width:760px;
   table-layout: auto;
}
.application-categories {
   padding: 8px; 
   border: 0px; 
   margin: 10px 0 0 0; 
   width:160px;
   color: #7995CD;
   vertical-align: top;
   
}
.application-topcategory {
   font-size: 1.2em;
}
.application-subcategory {
   margin-left: 6px;
   font-size: 1em;
}
.application-listing {
   background: white; 
   width: 540px; 
   margin-top: 10px;
   margin-bottom:10px; 
   padding-left:30px; 
   padding-bottom:10px; 
   vertical-align: top;
}
.application-summary { 
   padding-top:15px; 
   vertical-align: top;
}
.application-pagination{
   padding-right:30px; 
   float: right;
}
#content .featured {
   border: 1px solid #E2C822;
   background-color: #FFF9D7;
   background-image: url(http://s.bebo.com/img/platform/featured-band.png);
   background-repeat: no-repeat;
   background-position: scroll right top; 
}

.app-icon {width: 60px; height: 60px; border: none; }
.app .footer {text-align: right; font-size: 14px; margin-top: 10px;}

div.upload-icon {float: left; } 
div.upload-icon img {border: 1px solid black; display: block; margin-top: 3px;}

/* drop down styles */

.drop-down {   background: #fff;
   border: 1px solid #ccc;
   display: inline-block;
   position: relative;
   padding: .25em;
   margin: .2em;
}

.drop-down .drop-down-menu {background: #ccc;
   position: absolute;
   top: 1.7em;
   left: -1px;
   right: 0;
   white-space: nowrap;
   width: 100%;
   z-index: 100;
   }
   
.drop-down .arrow { border-left: 1px solid #ccc;
   padding-left: 5px;
   margin: 0;
}

.drop-down .arrow img { vertical-align: middle;}

.drop-down-options { display: block;
   padding-left: 0;
   text-align: left;
   position: absolute;
   left: 0;
   left: auto;
   background-color: #fff;
   border: 1px solid #ccc;
   margin: 0;
   padding: 0;
   _line-height: 1em;
}
.drop-down-options li { list-style: none;
   margin: 0;
   padding: 0;
}

.drop-down-options li a{ display: block;
   width: 10em;
   padding: 0 .25em;
   margin: 0;
   text-decoration: none;
}

.drop-down-options li a:hover { background-color: #ccc;
}

.drop-down a { padding: 0;}

pre.code { background:#F7F7F7 none repeat scroll 0%;
   border:1px solid #D7D7D7;
   margin:1em 1.75em;
   overflow:auto;
   padding:0.25em;
   font-family:"Courier New",Courier,monospace; font-size:100%; 
}

/* Pop up dialog for sn:dialog */
   .dialog { border: 1px solid #999; width: 400px;display: none;}
   .dialog-title { 
      background-image: url(http://s.bebo.com/img/page/header-back.png);
        border-bottom: 1px solid #999;
        color: #fff;
        margin: 0;
        padding: .25em .5em;
   }
   .buttons {text-align: right; border-top: 1px solid #ccc;
        margin: .25em 0;
        padding: 5px;
        background-color: #f7f7f7;
   }
   .dialog .content { padding: .5em;}
/* end sn:dialog */

/* sn:mediaheader */
.mediaheader .separator{ width: auto; height: 1px;visibility: visible; border: none; border-top: 1px solid #cccccc;}
.mediaheader-title {font-weight:bold; font-size:1.1em; margin-bottom:1px;}
.mediaheader ul {list-style: none; display: inline; margin: 0; padding: 0;} 
.mediaheader li {display: inline; margin: .2em 0; padding: 0 .3em; border-right: 1px solid #cccccc; float: left;}
/* end sn:mediaheader */

/* sn:submit */

a.yourmom, a.submit-button { 
	display:-moz-inline-box; 
	display:inline-block; 
	cursor:pointer; 
	height:22px; 
	background-color: transparent;
	background-image: url(http://s.bebo.com/img/buttonsubmit.gif);
	background-repeat: no-repeat;
	background-position: 0 0; 
	vertical-align:middle; 
	position:relative; 
	margin:0 8px 0 0; 
	padding:0; 
	outline:none; 
}
a.yourmom span, a.submit-button span { 
	white-space:nowrap; 
	cursor:pointer; 
	font-size:7.5pt; 
	text-transform:uppercase; 
	display:-moz-inline-box; 
	display:inline-block; 
	background:transparent no-repeat 100% 0; 
	background-image: url(http://s.bebo.com/img/buttonsubmit.gif);
	color:#fff; 
	padding:5px 11px 0px 0px; 
	_position:relative; 
	margin:0 -9px 0 9px; 
	_top:0; 
	_right:-11px; 
	height:17px; 
	vertical-align:text-top; 
	outline: none; 
}
a.yourmom:hover, a.submit-button:hover { text-decoration:none; }
a.yourmom:active, a.submit-button:active { background-position:0 100%; outline:none; }
a.yourmom:active span, a.submit-button:active span { background-position:100% 100%; outline:none; }
/* end sn:submit */
/* App doc header */
#appDocHeaderLastRow {
	border-bottom: 1px solid #ddd;
	margin: 10px auto 0px auto;
	padding: 0 0 8px 0;
	clear: both;
	list-style: none;
	width: 780px;
}

#appDocHeader {
	margin: 10px auto 0px auto;
	padding: 0 0 8px 0;
	clear: both;
	list-style: none;
	width: 780px;
}

#appDocHeader li,#appDocHeaderLastRow li {
	display: inline;
	padding: 0;
	margin: 0;
}

#appDocHeader a,#appDocHeaderLastRow a {
	text-decoration: none;
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
	padding: 1em;
}

#appDocHeader li a:hover,#appDocHeaderLastRow li a:hover {
	color: #ed0303;
	text-decoration: underline;
}

#appDocHeader li.current a,#appDocHeaderLastRow li.current a {
	background: transparent no-repeat scroll 50% 80%;
	background-image: url(http://s.bebo.com/img/page/sub-nav-active.png);
	color: #999;
	text-decoration: none;
}


/******* END: Including global_platform.css *******/


/******* BEGIN: Including global.css *******/
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
*/ /**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body {
	font:13px arial, helvetica, clean, sans-serif;
	*font-size:small;
	*font:x-small;
}

table {
	font-size:inherit;
	font:100%;
}

/**
 * 99% for safari; 100% is too large
 */
select,input,textarea {
	font:99% arial, helvetica, clean, sans-serif;
}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre,code {
	font:100% monospace;
	*font-size:90%;
	background:#eee;
}
pre {
	padding:8px;
	border:1px solid gray;	
}
/**
 * Default line-height based on font-size rather than "computed-value"
 * see:http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {
	line-height:1.22em;
}

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
*/
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,legend
	{
	margin:0;
	padding:0;
}
p {margin-bottom:7px;}
/*
table {
	border-collapse:collapse;
	border-spacing:0;
}
*/
fieldset,
img {
	border:0;
}

address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}

div {
	zoom:1;
}

a:link,a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/*exceptions to link underlining*/
#global-nav li a:hover,
.button:hover {
	text-decoration:none;
}

input[type="checkbox"] {
	margin-right:3px;
}

/*default bulleted list*/
ol {
	padding-left:20px;
	*padding-left:0;	
}
ol li {
	display:list-item;	
}
ul.reset ul,
ul.default ul {
	list-style-type:circle;
	padding-left:20px;	
}
ul.reset ul ul,
ul.default ul ul {
	list-style-type:square;	
}
ul.reset li,
ul.default li {
	margin-bottom:5px;
	margin-left:5px;
	padding-left:13px;
	background-image:url(http://s.bebo.com/img/list_bullet.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
}
ul.reset li li,
ul.default li li {
	margin-left:0;
	padding-left:0;
	background:transparent;	
}
/*inline lists*/
ul.inline-list li {
	display:inline-block;
	*display:inline;
	padding:0 5px 0 6px;
	margin:0;
	border-left:1px solid #C5C2BC;
	white-space:nowrap;
	line-height:1em;
}
ul.inline-list li.first {
	border:none;
	padding-left:0;
}
/*breadcrumbs*/
ul.breadcrumbs {
	display:inline;
	clear:none;	
}
ul.breadcrumbs li {
	display:inline;
	padding:0;
	border:none;
	white-space:nowrap;	
}
ul.breadcrumbs li.active a:link,
ul.breadcrumbs li.active a:visited,
ul.breadcrumbs li.active a:hover {
	color:#333;
	cursor:default;
	text-decoration:none;
}
/*PAGE LAYOUT*/ 
/*tested in:
FF 3.0,
FF 2.x,
IE 7,
IE 6,
Opera 9.5,
Safari 3.1.2
*/
body {
	text-align:center;
	padding-bottom:110px;
}

/*main page containers*/
#hd.page-head,
#bd.page-body .main,
#ft.page-foot {
	clear:both;
	float:none;
	text-align:left;
	margin:0 auto;
}

#hd.page-head {
	position:relative;
	z-index:10;
	/*high z-index so drop-down menus appear layered over the rest of the page*/
	text-align:center;
	min-width:1008px;
	
	background-color:black;
	background-position:0 100%;
}
#hd .adSlug {
	color:#666666;
}
#hd.page-head #global-nav {
	margin:0 auto;
	width:994px;
	position:relative;
	text-align:center;
}
#bd.page-body {
	width:100%;
	position:relative;
}

#bd.page-body .main,
#ft.page-foot {
	width:1008px;
}
#bd.page-body .app-bd .main {
	width:auto;
	background:transparent;
}
/*classes to go after .page-body*/
.lyt-1col, /*one col*/ 
.lyt-2col-a, /*2 col, small left, big right*/ 
.lyt-2col-b, /*2 col, big left, small right*/
.lyt-2col-c, /*2 col, 50/50 */
.lyt-3col /*3 col, small left, big middle, small right */ {
	text-align:left;
	position:relative;
	clear:both;
	float:none;
}
.col-a,
.col-b,
.col-c,
.col-bc {
	clear:right;
	float:left;
	position:relative;	
}
.col-a {
	margin-left:10px;
	margin-right:10px;
	_margin-left:5px;
	_margin-right:5px; /*fix for double margin issue in ie6*/
}
.col-b {
	margin-right:10px;	
	_margin-right:5px;
}
#content .col-a {
	margin-left:0;	
}
#content .col-b {
	margin-right:0;	
}
/*one col, fluid width*/
.lyt-multi .lyt-1col .col-a,
.lyt-multi .lyt-1col-f .col-a {
	clear:both;
	float:none;
}
.lyt-multi .lyt-1col .col-a .mod .bd,
.lyt-multi .lyt-1col-f .col-a .mod .bd {
	padding-right:0;
	padding-left:0;
}

/*2 col with large fluid right*/
/*left col*/
.lyt-2col-a .col-a {
	_display:inline; /*fix for ie double margin float issue */
	width:270px;
	margin:0 10px;
	_margin:0 5px;
}

/*right col*/
.lyt-2col-a .col-b {
	width:680px;
}
/*profile page overwrite*/
.lyt-profile .col-a {
	width:190px;	
}
.lyt-profile .col-b {
	width:760px;
}
/*2col, large fluid left - default sizes for lrec*/ 
/*left col*/
.lyt-2col-b .col-a {
	width:630px;
}
#content .lyt-2col-b .col-a {
	width:430px;	
}
/*right col*/
.lyt-2col-b .col-b {
	width:320px;
}

/*lyt-2col-b with sky*/
.lyt-sky .col-a {
	width:790px;
}

.lyt-sky .col-b {
	width:160px;
}
#content .lyt-sky .col-a {
	width:590px;	
}
/*2col, 50/50*/
.lyt-2col-c .col-a,
.lyt-2col-c .col-b {
	width:475px;
}

.lyt-2col-c .col-a .mod {
	margin-right:0px;
	margin-left:0px;
}

/*.lyt-2col-c .col-b .mod {
	margin-right:0px;
	margin-left:0px;
}
*/

.lyt-2col-d .col-a{
	width:550px;
}
.lyt-2col-d .col-b {
	width:400px;
}

/*3col, large fluid center*/
.lyt-3col .col-a {
	width:190px;
}

.lyt-3col .col-bc {
	width:760px;
}
.lyt-3col .col-bc .col-b,
.lyt-3col .col-bc .col-c {
	width:375px;
}
.lyt-3col .col-bc .lyt-1col .col-a {
	width:760px;
	margin-left:0;	
}
/*classic layout*/
.lyt-classic {
	width:760px;
	margin:auto;	
}
.lyt-classic .col-a {
	margin-left:0;	
	margin-right:0;
}
.lyt-classic .col-b {
	margin-left:10px;
	margin-right:0;	
}
/*module defaults*/
.mod {
	clear:both;
	float:none;
	margin:0 0 10px 0;
	position:relative;
}

.mod .hd {
	clear:both;
	float:none;
	padding-top:10px;
	padding-left:10px;
	position:relative;
}

.mod h2,
.mod h3 {
	font-size:100%;
	font-weight:bold;
}
.mod .hd h2,
.mod .hd h3 {
	display:inline;	
	clear:right;
	float:left;
}
.mod h2 span,
.mod h3 span {
	font-weight:normal;	
	color:#666;
}
.mod .hd .more {
	display:inline-block;
	clear:right;
	float:left;
	border-left:1px solid #999;
	padding-left:5px;
	margin-left:4px;
}
.mod .hd .cta {
	vertical-align:middle;
}
.mod .hd .pagination,
.sub-head .pagination,
.mod .ft .pagination {
	clear:none;
	float:right;
}
.mod .hd .actions .pagination {
	clear:right;
	float:left;	
	margin-right:7px;
}
.mod .hd .pagination li,
.sub-head .pagination li,
.mod .ft .pagination li {
	display:inline;	
	margin:0 2px;
}
.mod .hd .pagination li.active a,
.sub-head .pagination li.active a,
.mod .ft .pagination li.active a {
	color:#666;
	text-decoration:underline;
}
.mod .hd .pagination li.prev,
.mod .hd .pagination li.next,
.sub-head .pagination li.prev,
.sub-head .pagination li.next,
.mod .ft .pagination li.prev,
.mod .ft .pagination li.next {
	display:inline;
	width:8px;
	height:12px;
}
.mod .hd .pagination li.prev a,
.mod .hd .pagination li.next a,
.sub-head .pagination li.prev a,
.sub-head .pagination li.next a,
.mod .ft .pagination li.prev a,
.mod .ft .pagination li.next a {
	display:inline-block;
	width:8px;
	height:12px;
	margin:0;
	background:url(http://s.bebo.com/img/arrows-page.png) no-repeat 0 3px;	
	background-repeat:no-repeat:
}
.mod .hd .pagination li.prev a,
.sub-head .pagination li.prev a,
.mod .ft .pagination li.prev a {
	background-position:0 -47px;	
}
.mod .hd p {
	clear:both;
	float:none;	
}
.mod .bd {
	clear:both;
	float:none;
	padding:10px;
}
.mod .show-more,
.mod .show-less {
	font-size:80%;
	text-align:right;
	border-top:1px solid #e0ddd7;
	margin-top:10px;
	padding-top:10px;	
}
.mod .bd p.sponsored-content {
	font-size:80%;
	text-align:right;	
}
.mod .ft {
	text-align:right;
	padding:5px 10px;
}
.default-mod .hd h2,
.default-mod h3 {
	font-weight:normal;
	font-size:150%;
	font-family:georgia, times new roman, serif;	
}
.profile-mod .hd {
	padding:0;	
}
.profile-mod .hd h2 {
	font-weight:normal;	
}
.main-mod {
	background:#d7d9d4;
}
.alt-mod {
	background:#c5c5c3;
}
.main-mod .hd,
.highlight-mod .hd {
	padding-top:5px;
}
.highlight-mod {
	background-color:#5e6872;
	color:#fff;
}
.highlight-mod .hd {
	border-bottom:1px solid #7d868d;
	padding-bottom:8px;
}
.highlight-mod .hd h2,
.highlight-mod .hd h3 {
	font-family:georgia, times new roman, serif;
	font-weight:normal;
	font-size:150%;
	color:#fff;
}
.highlight-mod a:link,
.highlight-mod a:visited {
	color:#73badd;
}

.highlight-mod .hd .arrow-down {
	border-top-color:#73badd;
}
.featured-mod {
	background:#4c535b;
}
.featured-mod .hd h2 {
	color:#fff;
}
.app-bd .snml {
	position:relative;
}
.dashboard-mod {
	background:#d7d9d4;	
}
.dashboard-mod .mod-content {
	padding-bottom:1px;	
}
.dashboard-mod .hd {
	padding-top:0;
	padding-right:5px;
	padding-bottom:2px;
	min-height:20px;
	position:relative;
}
.dashboard-mod .hd h2 {
	display:inline;
	clear:right;
	float:left;
	padding-bottom:5px;
	padding-top:3px;
}
.dashboard-mod .hd span.more {
	margin-top:3px;	
}
.dashboard-mod .hd .dropdown,
.dashboard-mod .hd form,
.dashboard-mod .hd .actions {
	clear:none;
	float:right;
}
.dashboard-mod .hd .actions span.button-wrapper{
	margin-right:0;
	margin-left:2px;
}
.dashboard-mod .hd .pagination {
	padding-top:3px;	
}
.bebobox .prev-next,
.dashboard-mod .prev-next,
.dashboard-mod .hd .actions .action-buttons {
	clear:none;
	float:right;
}
.bebobox .prev-next,
.dashboard-mod .prev-next {
	width:57px;	
	margin-left:5px;
}
.bebobox .prev-next li,
.dashboard-mod .prev-next li {
	display:inline-block;
	float:left;
}
.bebobox .prev-next li.next,
.dashboard-mod .prev-next li.next {
	float:right;	
}
.bebobox .prev-next li a,
.bebobox .prev-next li input,
.dashboard-mod .prev-next li a {
	display:inline-block;
	margin-top:0;
}
.bebobox .prev-next li.prev a,
.bebobox .prev-next li.next a,
.bebobox .prev-next li.prev input,
.bebobox .prev-next li.next input,
.dashboard-mod .prev-next li.prev a,
.dashboard-mod .prev-next li.next a {
	background-image:url(http://s.bebo.com/img/buttons_nextprev.png);
	_background-image:url(http://s.bebo.com/img/buttons_nextprev.gif);
	height:21px;
	width:27px;	
}
.prev-next li input {
	border:0;	
}
.prev-next li.prev a,
.prev-next li.prev input {
	background-position:0 0;	
}
.prev-next li.next a:hover,
.prev-next li.next input:hover {
	background-position:0 -100px;	
}
.prev-next li.next a:active,
.prev-next li.next input:active {
	background-position:0 -200px;	
}
.prev-next li.prev .disabled {
	background-position:0 -300px;
}
.prev-next li.next a,
.prev-next li.next input {
	background-position:0 -400px;	
}
.prev-next li.next a:hover,
.prev-next li.next input:hover {
	background-position:0 -500px;	
}
.prev-next li.next a:active,
.prev-next li.next input:active {
	background-position:0 -600px;	
}
.prev-next li.next .disabled,
.prev-next li.next input.disabled:hover {
	background-position:0 -700px;
}
.dashboard-mod .tabbed {
	padding-bottom:0;
	margin-top:-3px;
}
.dashboard-mod .tabbed h2 {
	display:block;	
	clear:both;
	float:none;
}
.dashboard-mod .tabbed .tab-wrapper {
	clear:right;
	float:left;
}
.dashboard-mod #quick-tabs-wrapper div.more,
.dashboard-mod .quick-tabs div.more {
	border:none;
	position:absolute;
	right:5px;
	top:3px;
	text-align:right;
	z-index:1;
}
.dashboard-mod #quick-tabs-wrapper div.more {
	top:-2px;	
}
.dashboard-mod #quick-tabs-wrapper div.more .dropdown-title,
.dashboard-mod .tabbed div.more .dropdown-title {
	font-weight:bold;
}
.dashboard-mod .bd {
	background:#fff;
	margin:0 4px 3px 4px;	
}
.dashboard-mod .dashboard-form {
	background-color:#e2e4ce;	
}
.dashboard-mod .ft {
	padding:2px 5px 3px 0;
}
.dashboard-mod .ft .form-buttons {
	margin:0;
	text-align:right;	
}
/* end layout containers */ 
/*END LAYOUT*/ 

/*page chrome*/
body {
	background:#e1e3de;
	color:#333;
}
#hd {
	background:url(http://s.bebo.com/img/hd-bg.png);
	background-repeat:repeat-x;
}

.main {
	background:transparent url(http://s.bebo.com/img/chrome_shadow.png) repeat-y 0 0;
	_background-image:url(http://s.bebo.com/img/chrome_shadow.gif);
	background-repeat:repeat-y;
}

.lyt-multi {
	background-color:#fff;
	min-height:500px;
	margin-left:14px;
	margin-right:14px;
	padding-top:12px;
	padding-bottom:1px;
}

#ft.page-foot {
	background:transparent url(http://s.bebo.com/img/chrome_btm_cr.png) no-repeat 0 0;
	_background-image:url(http://s.bebo.com/img/chrome_btm_cr.gif);
	background-repeat:no-repeat;
	padding-top:20px;
}

/*bebo font defaults*/
h1.page-title,
h2.page-title,
h2.sub-title {
	font-family:georgia, times new roman, serif;
	font-weight:normal;
}

h1.page-title,
h2.page-title {
	font-size:180%;
}
h2.sub-title {
	font-size:150%;
	color:#333;	
}
.footnote,
.timestamp,
.datestamp,
.stats,
.form-footnote,
span.char-counter {
	font-size:80%;
	color:#666;
}
span.small,
p.small,
a.small,
li.small,
ul.small li {
	font-size:80%;
}
span.large,
p.large {
	font-size:120%;	
}
.title,
.subtitle {
	font-style:italic;
}

a:link,
a:visited {
	color:#069;
}
em.warning {
	color:red;	
}
em.new {
	color:red;
	font-size:80%;
	font-weight:bold;	
}
/*page defaults*/
dl dt {
	display:block;
	clear:both;
	font-weight:bold;
}

dl dd {
	margin-bottom:8px;
}
.scrollbars {
	scrollbar-3dlight-color:#e1e3de;
	scrollbar-highlight-color:#e1ecf0;
	scrollbar-shadow-color:#73badd;
	scrollbar-darkshadow-color:#5e6872;
	scrollbar-arrow-color:#fff;	
	scrollbar-face-color:#b8cfd6;
	scrollbar-track-color:#e1e3de;
}
.hide {
	/* used to visually hide text, but allows screenreaders to read it */
	display:block;
	position:absolute;
	text-align:left;
	left:-5000px;
	font-size:0;
}

.not-shown {
	display:none;
}

.shown {
	display:block;
}
.inline {
	display:inline;	
}
li.last {
	border:0;
}
img.captcha-img {
	border:1px solid #ccc;	
}
div.wrapper {
	clear:both;
	float:none;	
}
/*icons*/
.add-photo a,
.add-video a,
.add-app a,
.add-group a,
.edit-profile a,
a.close,
span.close,
a.delete,
li.help a,
a.help,
li.create-channel a,
li.manage a {
	display:inline-block;
	color:#666;
	font-size:80%;
	background:transparent url(http://s.bebo.com/img/sprite_icons.png) no-repeat 0 0;
	_background-image:url(http://s.bebo.com/img/sprite_icons.gif);
	background-repeat:no-repeat;
	padding-left:17px;
	padding-top:2px;
	min-height:18px;
	_height:18px;
}
a.close,
span.close,
a.help,
a.delete {
	height:16px;
	width:16px;	
	min-height:16px;
	padding:0;
}
.add-photo a {
	background-position:0 -100px;
}

.add-video a {
	background-position:0 -50px;
}

.add-app a,
.add-group a {
	background-position:0 -650px;
}
a.close,
span.close {
	background-position:0 -1000px;	
}
li.help a,
a.help {
	background-position:0 -550px;	
}
li.manage a {
	background-position:0 -300px;	
}
.edit-profile a {
	background-position:0 -300px;	
}
a.delete {
	background-position:0 -450px;	
}
/*open & close arrows*/
.arrow {
	/*visual pointer for opening a sub-menu. default is a down-pointing arrow. define arrow's color locally */
	display:-moz-inline-box;
	display:inline-block;
	font-size:0;
	line-height:0;
	height:1px;
	width:1px;
	border-style:solid;
	border-width:4px;
	border-color:transparent;
	_border-color:cyan;
	_filter:chroma(color="cyan");
	vertical-align:middle;
}

.arrow-right {
	border-left-color:#069;
}

.arrow-left {
	border-right-color:#069;
}

.arrow-up {
	border-bottom-color:#069;
	margin-top:-7px;
}

.arrow-down {
	border-top-color:#069;
}
/*slider*/
.slider-nav a.prev,
.slider-nav a.next,
.slider-wrapper,
.slider-bg,
.slider-handle {
	background-image:url(http://s.bebo.com/img/sprite_slider.gif);
	background-repeat:no-repeat;
	height:20px;	
}
.slider-nav {
	width:318px;
	margin:auto;	
	margin-top:7px;
}
.slider-wrapper {
	clear:right;
	float:left;
	background-position:100% 0;
	width:290px;
	position:relative;
}
.slider-bg {
	background-position:0 0;
	position:relative;
	left:-2px;
}
.slider-handle {
	width:20px;	
	background-position:0 -100px;
	cursor: move;
}
.slider-nav a.prev,
.slider-nav a.next {
	display:block;
	clear:right;
	float:left;
	margin-top:2px;
	width:12px;	
}
.slider-nav a.prev {
	background-position:0 -200px;
	margin-right:2px;	
}
.slider-nav a.next {
	background-position:0 -300px;
	margin-left:2px;	
}
/*mini id card for 2.0 photos and future 2.0 sub profile pages*/
#mini-profile {
	margin-bottom:0;
}
#mini-profile #user-nav {
	clear:right;
	float:left;	
}
#mini-profile .bd {
	padding-top:0;	
}
#user-nav .bd {
	padding-bottom:0;
}
#user-nav span.thumb {
	display:block;
	clear:right;
	float:left;
	margin-right:10px;
	width:40px;
	height:40px;	
}
#user-nav .user-name {
	clear:right;
	float:left;	
}
#user-nav .user-name h1.page-title {
	line-height:1em;
}
#user-nav .user-name .profile-submenu {
	clear:right;
	float:left;	
}
#user-nav .user-name .profile-submenu li {
	display:none;
}
#user-nav .user-name .profile-submenu li.active {
	display:block;
	font-size:180%;	
}
#user-nav .user-name .inline-list {
	clear:both;
	float:none;	
}
#mini-profile #saying {
	clear:none;
	float:right;
	max-width:450px;
	_width:450px;
}
/*module subnav */
ul.sub-menu {
	text-align:right;
	clear:both;
	margin-bottom:10px;
}

ul.sub-menu li {
	display:inline;
	padding:0 5px 0 6px;
	border-left:1px solid #e9e9e9;
	white-space:nowrap;
	line-height:1em;
}
ul.sub-menu li.first {
	border:none;	
}
/* page sub-nav */
.sub-nav {
	clear:both;
	float:none;
	margin:0 10px 10px 10px;	
}
#page-head .sub-nav {
	margin-left:0;	
}
.sub-nav li {
	clear:none;
	float:left;
	font-weight:bold;
	padding-right:7px;
	margin-right:7px;
	margin-bottom:5px;
	border-right:1px solid #c5c2bc;
	white-space:nowrap;
	white-space:nowrap;
	list-style:none;
}
.sub-nav li.selected a {
	color:#333;
}

.sub-nav li.last {
	border:0;
	margin-right:0;
	padding-right:0;
	float:none;
}

.sub-nav-form {
	padding:10px;
	background:#c7c6c1;
}

.sub-sub-nav {
	margin:5px 10px 10px 10px;
}
.mod .sub-nav {
	margin:0;	
}
/*navigation tabs*/
.tabs {
	background:#d7d9d4;
	position:relative;
}

.tabs li {
	clear:right;
	clear:none;
	float:left;
	margin-top:2px;
	margin-bottom:-1px;
	padding:3px 10px;
	text-align:center;
	white-space:nowrap;
}

.tabs li em {
	font-size:80%;
	font-weight:bold;
	color:#356500;
}

.tabs li.selected,
.tabs li.active {
	background:#fff;
}
.tabs li.selected a,
.tabs li.active a {
	font-weight:bold;
	color:#333;
}
.default-mod .tabbed {
	padding:0;	
}
.default-mod .tabbed .tabs {
	background:transparent;	
}
.default-mod .tabbed .tabs li {
	font-size:150%;
	font-family:georgia, times new roman, serif;
}
.filtered {
	margin-top:4px;
	margin-bottom:4px;	
}
.filtered li.active,
.filtered li.selected,
.filtered li.active a,
.filtered li.selected a {
	background:url(http://s.bebo.com/img/tab-filter.png);
	_background-image:url(http://s.bebo.com/img/tab-filter.gif);
	background-repeat:no-repeat;
	position:relative;
}
.filtered li.selected,
.filtered li.active {
	background-position:100% 0;
	padding:0;
}
.filtered li.selected a,
.filtered li.active a {
	display:inline-block;
	_display:inline;
	color:#fff;
	background-position:0 0;
	padding:4px 10px;
	left:-3px;
}

.tabs li a:hover {
	text-decoration:none;	
}
.tabs .tab-action {
	position:absolute;
	right:0;
	top:0;
}

.tab-wrapper select {
	font-size:80%;	
}
.tab-wrapper .tab-content p.empty {
	font-weight:bold;
	text-align:center;
	margin:50px auto 70px auto;
}

.tab-mail {
	min-height:80px;
}

.tab-mail p.empty {
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	padding-top:50px;
}

.tab-wrapper .tab-foot {
	text-align:right;
	font-weight:bold;
	padding:0 8px;
}

.tab-wrapper .tab-mail {
	padding-left:0;
}
/* pagination */
.pagination {
	clear:both;
	float:none;	
}
.pagination .show-page {
	border-right:1px solid #c5c2bc;
	padding-right:10px;
	margin-right:10px;
}
.pagination .pgn-list span,
.pagination .pgn-list a {
	margin-right:4px;
}
/* page-level errors */
div.errors-wrapper,
div.warnings-wrapper,
ul.errors,
#error, 
ul#error-list {
	color:#fff;
	background:url(http://s.bebo.com/img/bg_error.png) repeat;
	background-repeat:repeat;
	margin:0 10px 10px 10px;
	padding:10px 10px 2px 10px;
}
#error {
	padding:10px;	
}
.mod .errors-wrapper {
	margin:0 0 10px 0;	
}
div.warning {
	color:#fff;
	background-image:url(http://s.bebo.com/img/bg_warning.png);
	padding:6px 6px 1px 6px;	
}
div.warning a:link,
div.warning a:visited {
	color:#73badd;	
}
div.errors-wrapper ul.page-errors {
	background-image:url(http://s.bebo.com/img/icon_error.png);
	_background-image:url(http://s.bebo.com/img/icon_error.gif);
	background-repeat:no-repeat;
	padding-left:27px;
	min-height:18px;
	_height:18px;
}
div.errors-wrapper ul.page-errors li {
	padding-bottom:8px;
}
div.errors-wrapper a,
div.warnings-wrapper a,
ul.errors a,
#error a, 
ul#error-list a {
	color:#73badd;
	font-weight:bold;
}
#ie6-nag {
	display:none;
	_display:block;	
}
/* system message */
div.system-message {
	text-align:center;
	background:#fc0;
	padding:3px 0;
}
div.system-message p {
	font-weight:bold;
	margin:0;
}
div.service-warning {
	background:#fffecb;
	padding:10px;
}
div.warning .bebo-announce {
	border:4px solid #fff;	
}
/* module sections*/
ul.sections li,
div.section {
	border-bottom:1px solid #e0ddd7;
	padding-bottom:10px;
	padding-top:10px;
}

ul.sections li li {
	border-bottom:0;
	padding:0;
	margin:0;
}

.highlight-mod div.section {
	border-bottom-color:#7d868d;
}
.main-mod div.section {
	border-bottom-color:#c5c2bc;	
}
/* data table*/
.data-table td,
.data-table th {
	padding:3px 5px;
}
.data-table td.timestamp {
	color:#999;
}
.data-table th {
	border-bottom:1px solid #e0ddd7;	
}
/*sort*/
.sort-bucket {
	background:#fff2df;
	border-bottom:1px solid #d7d9d4;
	padding:10px;
	margin-bottom:7px;
}
.sort-bucket .bebo-announce {
	margin-bottom:10px;	
}
/*thumbnail grids*/
ul.grid,
div.grid {
	clear:both;
	float:none;
}

ul.grid li,
div.grid div {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    min-height:60px;
    _height: 60px;
	width:70px;
	padding:0 7px 5px 7px;
	margin:0;
	overflow:hidden;
	_overflow-y:visible;
	word-wrap: break-word;
}
ul.grid-nav li {
	clear:right;
	float:left;	
}
ul.thumb-only li {
	width:60px;
	height:60px;	
}
ul.grid li span.thumb,
div.grid div span.thumb {
	display:block;
	clear:both;
	position:relative;	
}
ul.main-grid li {
	width:120px;
/*	height:137px;*/
}
ul.albums-grid li {
	width:100px;
/*	height:135px;*/
}
ul.albums-grid .photo-count {
	font-size:80%;
}
ul.video-grid li {
	width:90px;
/*	height:122px;*/
	padding:0 3px 5px 3px;
}
ul.video-grid li.prev,
ul.video-grid li.next {
	width:auto;
	height:auto;
	overflow:visibile;
}
ul.video-grid li span.thumb {
	background-position:50% 50%;
	width:90px;
	height:70px;
	position:relative;
	overflow:hidden;
}
ul.sort-grid li {
	display:block;
	clear:none;
	float:left;
	margin:0;
	padding:5px 10px 9px 10px;
	height:116px;
	_overflow:hidden;
}
ul.sort-grid li.active,
ul.sort-list li.active {
	background:#e2e4ce;	
}
.sort-list li {
	clear:both;
	float:none;
	zoom:1;	
}
.thumb-list li {
	clear:both;
	float:none;
	margin-bottom:10px;
	padding-left:70px;
	position:relative;
	min-height:60px;
	_height:60px;
}
.video-thumbs li {
	padding-left:100px;
	min-height:70px;	
}
.video-thumbs .thumb {
	width:90px;
	height:70px;
	overflow:hidden;
}
.video-thumbs .thumb .video {
	display:block;
	overflow:hidden;	
}
/*grid-layout is for thumbnails with their labels next to them (instead of under), but each li is still in a grid pattern*/
.grid-layout li {
	clear:none;
	float:left;
	border:1px solid #e0ddd7;
	padding:4px;
	margin:0 8px 8px 0;
	width:47%;
	height:70px;
	overflow:hidden;
	position:relative;
}
.thumb-list .thumb {
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
}
.thumb-list .info-wrapper,
.thumb-list .thumb-label {}

.thumb-list .info-wrapper h5,
.thumb-list .thumb-label h5 {
	font-size:100%;
	font-weight:bold;	
	margin-bottom:5px;
	padding-right:20px;
}
.thumb-list .info-wrapper p {
	 max-height: 3.66em;
	 overflow: hidden;
}
.thumb-list .info-wrapper .media-info p {
   height: inherit;
}

.thumb-list li .media-info {
	font-size:80%;
	white-space:nowrap;
	margin-top: 5px;
}
.thumb-list .media-info a:link,
.thumb-list .media-info a:visited {
	color:#fff;
}
.thumb-list li .thumb-label span.user {
	display:block;
	clear:both;
	font-weight:bold;	
}
/* skins  */
.skin-list li,
.skin-list .list-item {
	border-bottom:1px solid #e0ddd7;
	padding-bottom:7px;
	position:relative;
	padding-left:230px;
	min-height:44px;
}
.versions li {
	padding-left:280px;	
}
.skin-list .thumb {
	clear:both;
	float:none;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	width:220px;
	height:44px;
}
.versions .thumb {
	left:50px;	
}
.versions .skin-version {
	width:44px;
	height:44px;
	position:absolute;
	top:0;
	left:0;
	background:#e1e3de;
}
.versions .new {
	background:#74bade;
}
.skin-list .thumb img {
	display:block;
   position: absolute;
   left: -155px;	
}
.skin-list li .info-wrapper {
	clear:both;
	float:none;
	width:auto;
}
.skin-list .info-wrapper .skin-details {
	clear:right;
	float:left;
}
.skin-list .info-wrapper .skin-details h4 {
	font-weight:bold;	
}
.skin-list .info-wrapper .skin-details p {
	font-size:80%;
}
.skin-list .info-wrapper .skin-action {
	clear:none;
	float:right;
	text-align:right;
} 

/*blog posts*/
.posts li {
	border-bottom:1px solid #e0ddd7;
	padding-bottom:10px;
	padding-top:10px;
}

.posts h4.post-title {
	font-size:100%;
	font-weight:bold;
	margin-bottom:8px;
}

.posts .post-preview {
	margin-bottom:8px;
}

.posts .post-foot {
	text-align:right;
}

.posts .post-foot .footnote {
	float:left;
}

/*navigation*/
.grid-nav-wrapper span.prev,
.grid-nav-wrapper span.next,
.grid-nav-wrapper ul {
	display:block;
	clear:right;
	float:left;
}
#channel-nav.grid-nav-wrapper {
	height:60px;
	overflow:hidden;
	position:relative;	
}
#channel-nav.grid-nav-wrapper ul {
	width:270px;
}
li.next a,
li.prev a,
.grid-nav-wrapper span.prev a,
.grid-nav-wrapper span.next a {
	display:block;
	margin-top:20px;;
	background-image:url(http://s.bebo.com/img/sprite_arrow.png);
	_background-image:url(http://s.bebo.com/img/sprite_arrow.gif);
	background-repeat:no-repeat;
	width:25px;
	height:25px;
}
li.next a,
.grid-nav-wrapper span.next a {
	background-position:0 -400px;
}
li.next a:hover,
.grid-nav-wrapper span.next a:hover {
	background-position:0 -500px;
}
li.next a:active,
.grid-nav-wrapper span.next a:active {
	background-position:0 -600px;
}
li.prev a,
.grid-nav-wrapper span.prev a {
	background-position:0 0;
}
li.prev a:hover,
.grid-nav-wrapper span.prev a:hover {
	background-position:0 -100px;
}
li.prev a:active,
.grid-nav-wrapper span.prev a:active {
	background-position:0 -200px;
}
.grid-nav-wrapper li.selected .thumb {
	border:4px solid #ccc;
}
/*inline editing*/
.editable {
	background-color:#FFFFD3;
	cursor:pointer;	
}
.inline-edit {
	background-color:#E1E3DE;
}
.inline-edit form {
	margin:5px;	
}
.inline-edit textarea,
.inline-edit input.text-input {
	background-color:#ffffd3;	
}
/*popups (aka lightbox)*/
.popup {
	position:fixed;
	_position:absolute;
	z-index:10;
	padding:8px;
	overflow:hidden;
}

.popup-content {
	border:1px solid #999;
	background:#dcdbd6;
	position:relative;
	z-index:2;
}

.popup .inner-wrapper {
	border:1px solid #fff;
}

.popup .x1 {
	display:block;
	background:#000;
	position:fixed;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	_height:600px;
	opacity:.20;
	filter:Alpha(opacity='20');
}

.popup .hd {
	padding:10px;
	min-width:380px;
	max-width:580px;
	text-align:left;
}

.popup .hd h2,
.popup .hd h3 {
	float:left;
	font-size:130%;
	font-family:arial, helvetica, sans-serif;
}

.popup .close {
	display:block;
	position:absolute;
	right:5px;
	top:6px;
	height:16px;
	width:16px;
}

.popup .bd {
	background:#fff;
	margin:0 10px;
	padding:10px;
	min-height:200px;
	_height:200px;
	min-width:380px;
	_width:400px;
	text-align:left;
}

.popup .ft {
	text-align:center;
	padding:0 10px 10px 10px;
	min-width:380px;
	max-width:580px;
}

.popup .ft span {
	margin-top:10px;
}

.captchastep .popup-content .bd {
   min-height:170px;
   min-width:442px;
   _width:442px;
}

/*security tip bubble*/
.security-wrapper {
	background:url(http://s.bebo.com/img/lock-privacy.gif) no-repeat 50% 100%;
	background-repeat:no-repeat;
	background-position:45% 100%;
	margin-right:55px;
	margin-top:20px;
	padding-bottom:50px;
	width:260px;
}
.security-wrapper .security,
.security-wrapper .security-text {
	background:url(http://s.bebo.com/img/bubble-yellow.png) no-repeat 0 100%;
	background-position:0 100%;
	background-repeat:no-repeat;
	position:relative;
}
.security-wrapper .security {
	padding-bottom:23px;	
}
.security-wrapper .security-text {
	background-position:0 0;
	padding:30px;
	top:-10px;
}
.security-wrapper .security-text h3{
	font-size:130%;
	color:#333;
	font-family:arial, helvetica, sans-serif;
	margin-bottom:10px;
}
/*growl notifications*/
ul#growl {
	position:fixed;
	top:41px;
	left:0px;
	width:250px;
	z-index:500;
}

ul#growl li {
	list-style:none;
}

ul#growl li table {
	width:100%;
}

ul#growl li table .top td,ul#growl li table .bottom td {
	margin:0;
	padding:0;
	height:3px;
}

ul#growl li table .right,ul#growl li table .left {
	margin:0;
	padding:0;
	width:3px;
}

ul#growl li table .top .left {
	background-image:url(http://s.bebo.com/img/growl/corner-top-left.png);
}

ul#growl li table .top .center {
	background-image:url(http://s.bebo.com/img/growl/border-top.png);
	background-position:top;
	background-repeat:repeat-x;
}

ul#growl li table .top .right {
	background-image:url(http://s.bebo.com/img/growl/corner-top-right.png);
}

ul#growl li table .bottom .left {
	background-image:url(http://s.bebo.com/img/growl/corner-bottom-left.png);
}

ul#growl li table .bottom .center {
	background-image:url(http://s.bebo.com/img/growl/border-bottom.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

ul#growl li table .bottom .right {
	background-image:url(http://s.bebo.com/img/growl/corner-bottom-right.png);
	background-position:right;
	background-repeat:repeat-y;
}

ul#growl li table .middle .left {
	background-image:url(http://s.bebo.com/img/growl/border-left.png);
	background-position:left;
	background-repeat:repeat-y;
}

ul#growl li table .middle .center {
	position:relative;
	background-image:url(http://s.bebo.com/img/growl/background.png);
	color:#EEE;
	padding:5px;
}

ul#growl li table .middle .right {
	background-image:url(http://s.bebo.com/img/growl/border-right.png);
	background-position:right;
	background-repeat:repeat-y;
}

/*thumbnails*/
span.thumb-photo,
a.thumb-photo {
	display:block;
	border:1px solid #999;
	width:85px;
	height:85px;
}

.thumb-photo img {
	display:block;
	border:5px solid #fff;
}

/*forms*/
.form-wrapper label,
.form-wrapper h3.label {
	display:block;
	clear:both;
	float:none;
	font-size:100%;
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	color:#333;
	margin-top:10px;
}
.form-wrapper label.inline-label {
	display:inline;
	clear:none;
}
.form-wrapper label span {
	font-weight:normal;
	font-size:80%;
}
.form-wrapper label span span {
	font-size:100%;	
}
.form-wrapper input.text-input,
.form-wrapper textarea,
.form-wrapper select {
	display:block;
	clear:both;	
}
.form-wrapper input.inline-input {
	display:inline;
	clear:none;
	margin-right:5px;
}
.form-wrapper fieldset {
	margin-bottom:20px;
	position:relative;
}
.form-wrapper fieldset legend {
	font-size:130%;
	font-weight:normal;
	color:#333;
	*margin-left:-7px;	
}
.form-wrapper .form-footnote {
	position:relative;
}
ul.form-list li {
	margin-bottom:4px;
	position:relative;
}

ul.form-list li input,
.form-wrapper .form-footnote input {
	position:relative;
	top:3px;
	*top:0px;
	margin-right:3px;
}

ul.form-list li label,
.form-wrapper .form-footnote label {
	display:inline;
	font-weight:normal;
}
.form-wrapper .birthday-fields select {
	display:inline;
	clear:none;
	margin-right:3px;
}
.form-wrapper .email-fields select,
.form-wrapper .email-fields .text-input {
	display:inline;
	clear:none;	
}
.inactive,
a:link.inactive,
a:visited.inactive {
	color:#bbb;	
}
a:hover.inactive {
	text-decoration:none;
	cursor:default;
}
p.char-count {
	float:left;
	font-size:80%;	
}
p.char-count label {
	font-weight:normal;
	display:inline;
	clear:none;	
}
p.inline-form {
	white-space:nowrap;
}

div.form-buttons { /*wraps form buttons*/
	clear:both;
	float:none;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
}
span.button-wrapper,
span.button-wrapper .button {
	display:-moz-inline-box;
	display:inline-block;
	background-color:transparent;
	background-image:url(http://s.bebo.com/img/button-standard.png);
	_background-image:url(http://s.bebo.com/img/button-standard.gif);
	background-repeat:no-repeat;
	width:auto; /*ie padding fix*/
	overflow:visible;
	_position:relative;
	outline:none;
}
span.cta,
span.cta .button,
span.cta-green,
span.cta-green .button {
	background-image:url(http://s.bebo.com/img/button-cta.png);
	_background-image:url(http://s.bebo.com/img/button-cta.gif);
	font-size:120%;	
}
span.cta-large,
span.cta-large .button {
	background-image:url(http://s.bebo.com/img/sprite_button_large.png);
	_background-image:url(http://s.bebo.com/img/sprite_button_large.gif);	
	font-size:150%;
}
span.button-wrapper {
	background-position:100% 0;
	padding-right:4px;
	margin-right:5px;
	margin-left:2px;
}
span.button-wrapper .button {
	font-weight:bold;
	background-position:0 0;
	border:0;
	color:#fff;
	padding-right:6px;
	padding-left:8px;
	padding-bottom:2px;
	margin-left:-2px;
	_margin-left:0;
	height:25px;
	min-width:30px;
	_left:-2px;
	text-align:center;
}
span.cta .button,
span.cta-green .button {
	height:37px;	
}
span.button-wrapper a.button:link,
span.button-wrapper a.button:visited,
span.button-wrapper a.button:hover {
	color:#fff;
	padding-left:10px;
	text-decoration:none;
}
span.button-wrapper:hover {
	background-position:100% -100px;
}
span.button-wrapper:hover .button {
	background-position:0 -100px;
	outline:0;
}
span.btn-small .button,
span.cancel-small .button,
span.disabled-small .button,
span.btn-action-small .button {
	font-size:80%;
	height:21px;
}
span.cancel .button,
span.cancel a.button:link,
span.cancel a.button:visited,
span.cancel a.button:hover,
span.cancel-small .button {
	color:#666;	
}
span.disabled .button,
span.disabled a.button:link,
span.disabled a.button:visited,
span.disabled a.button:hover,
span.disabled-small .button {
	color:#999;
}
span.cancel {
	background-position:100% -800px;
}
span.cancel .button {
	background-position:0 -800px;
}
span.btn-small {
	background-position:100% -400px;
}
span.btn-small .button {
	background-position:0 -400px;
}
span.cancel-small {
	background-position:100% -1200px;
}
span.cancel-small .button {
	background-position:0 -1200px;
}
span.btn-action {
	background-position:100% -2400px;
}
span.btn-action .button {
	background-position:0 -2400px;
}
span.btn-action-small {
	background-position:100% -2800px;
}
span.btn-action-small .button {
	background-position:0 -2800px;
}
span.button-wrapper:active,
span.pressed,
span.pressed:active,
span.pressed:hover {
	background-position:100% -200px;
}
span.button-wrapper:active .button,
span.pressed .button,
span.pressed:active .button,
span.pressed:hover .button {
	background-position:0 -200px;
}
span.cta-green {
	background-position:100% -1200px;	
}
span.cta-green .button {
	background-position:0 -1200px;	
}
span.cta-green:hover {
	background-position:100% -1300px;	
}
span.cta-green:hover .button,
span.cta-green .button:hover {
	background-position:0 -1300px;	
}
span.cta-green:active {
	background-position:100% -1400px;	
}
span.cta-green:active .button,
span.cta-green .button:active {
	background-position:0 -1400px;	
}
span.disabled,
span.disabled:hover,
span.disabled:active {
	background-position:100% -3200px;
}
span.disabled .button {
	background-position:0 -3200px;	
}
span.disabled-small,
span.disabled-small:hover,
span.disabled-small:active {
	background-position:100% -3300px;
}
span.disabled-small .button,
span.disabled-small:hover .button,
span.disabled-small:active .button,
span.disabled-small .button:hover,
span.disabled-small .button:active {
	background-position:0 -3300px;
}

span.btn-small:hover {
	background-position:100% -500px;
}

span.btn-small:hover .button {
	background-position:0 -500px;
	outline:0;
}

span.btn-small:active,
span.pressed-small,
span.pressed-small:active,
span.pressed-small:hover {
	background-position:100% -600px;
}
span.btn-small:active .button,
span.pressed-small .button,
span.pressed-small:active .button,
span.pressed-small:hover .button {
	background-position:0 -600px;
}
span.cancel:hover {
	background-position:100% -900px;
}
span.cancel:hover .button {
	background-position:0 -900px;
}
span.cancel:active {
	background-position:100% -1000px;
}
span.cancel:active .button {
	background-position:0 -1000px;
}
span.cancel-small:hover {
	background-position:100% -1300px;
}
span.cancel-small:hover .button {
	background-position:0 -1300px;
}
span.cancel-small:active {
	background-position:100% -1400px;
}
span.cancel-small:active .button {
	background-position:0 -1400px;
}
span.btn-action:hover {
	background-position:100% -2500px;
}
span.btn-action:hover .button {
	background-position:0 -2500px;
}
span.btn-action:active {
	background-position:100% -2600px;
}
span.btn-action:active .button {
	background-position:0 -2600px;
}
span.btn-action-small:hover {
	background-position:100% -2900px;
}
span.btn-action-small:hover .button {
	background-position:0 -2900px;
}
span.btn-action-small:active {
	background-position:100% -3000px;
}
span.btn-action-small:active .button {
	background-position:0 -3000px;
}
span.cta:hover {
	background-position:100% -100px;	
}
span.cta:hover .button {
	background-position:0 -100px;	
}
span.cta:active {
	background-position:100% -200px;	
}
span.cta:active input.button {
	background-position:0 -200px;	
}
span.cta-large:hover {
	background-position:100% -60px;
}
span.cta-large:hover .button {
	background-position:0 -60px;
}
span.cta-large:active {
	background-position:100% -120px;
}
span.cta-large:active .button {
	background-position:0 -120px;
}

/* link that looks like a button */
span.button-wrapper a.button {
	line-height:1.8em;
	*height:2.1em;
	margin-left:-3px;
	_margin-left:0;
	_left:-3px;
	padding-top:1px;
	padding-bottom:0;
}
span.cta-large a.button {
	font-family:georgia, times new roman, serif;
	font-weight:normal;
	height:53px;
	line-height:1.8em;
	padding-left:16px;
	padding-right:14px;
	_padding-left:19px;
}
#bd span.button-wrapper a.button:link,
#bd span.button-wrapper a.button:visited {
	color:#fff;	
}
#bd span.cancel a.button:link,
#bd span.cancel a.button:visited,
#bd span.cancel-small a.button:link,
#bd span.cancel-small a.button:visited {
	color:#666;	
}
/* badges (callouts) */
.badge,
.badge span {
	display:inline-block;
	background:url(http://s.bebo.com/img/badge-red.png);
	background-repeat:no-repeat;
	position:relative;
}
.badge {
	background-position:100% 0;
	padding-right:3px;
	margin-left:3px;
}
.badge span {
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	margin-left:-3px;
	*left:-3px;
	padding:2px 3px 2px 6px;
	background-position:0 0;
}

div.form-wrapper, fieldset.form-wrapper {
	clear:both;
	float:none;
}
/*tag cloud*/
.tag-cloud li {
	display:inline;	
}
.tag-cloud li.tag-x-small {
	font-size:100%;
}
.tag-cloud li.tag-small {
	font-size:120%;
}
.tag-cloud li.tag-med {
	font-size:150%;
}
.tag-cloud li.tag-large {
	font-size:180%;
}
.tag-cloud li.tag-x-large {
	font-size:200%;
}
/*global nav*/
#hd #global-nav {
	height:41px;
}

#hd #global-nav h1.logo {
	clear:right;
	float:left;
	background:url(http://s.bebo.com/img/bebologo/global-logo.png) no-repeat 0 0;
	_background-image:url(http://s.bebo.com/img/bebologo/global-logo.gif);
	margin:9px 15px 0 20px;
	_margin:9px 8px 0 10px;
	width:68px;
	height:21px;
}

#hd #global-nav h1.logo a {
	display:block;
	width:68px;
	height:21px;
}

#hd #global-nav #nav-links {
	clear:right;
	float:left;
}

#hd #global-nav #nav-links li {
	clear:right;
	float:left;
	padding-right:2px;
	position:relative;
}

#hd #global-nav #nav-links li.selected,
#hd #global-nav #nav-links li:hover {
	background:url(http://s.bebo.com/img/hd-bg-active.png);
	background-position:100% 0;
}

#hd #global-nav #nav-links li a {
	display:block;
	color:#e0ddd7;
	font-weight:bold;
	padding:12px 6px 13px 8px;
}
#hd #global-nav #nav-links li a:hover,
#hd #global-nav #nav-links li.selected a {
	color:#fff;
}

#hd #global-nav #nav-links li.selected a,
#hd #global-nav #nav-links li a:hover {
	background:url(http://s.bebo.com/img/hd-bg-active.png);
	background-position:0 0;
}
#hd #global-nav #nav-links li#explore-tab ul#more-menu {
	position:relative;
}
#hd #global-nav #nav-links li#explore-tab span.pointer {
	display:inline-block;
	padding-right:12px;	
	background:url(http://s.bebo.com/img/arrow-down-gray.png) no-repeat 100% 5px;
	background-repeat:no-repeat;
	_background-image:url(http://s.bebo.com/img/arrow-down-gray.gif);
	background-position:100% 5px;
}
#hd #global-nav #nav-links li#explore-tab a:hover span.pointer {
	background-image:url(http://s.bebo.com/img/arrow-down-white.png);
	_background-image:url(http://s.bebo.com/img/arrow-down-white.gif);
}

#hd #global-nav #nav-links li#explore-tab .dropdown-wrapper {
	display:none;
	background:url(http://s.bebo.com/img/opaque-78.png);
	_background:#111;
	border:1px solid #3c3c3c;
	border-top:none;
	padding-right:0;
	position:relative;
	zoom:1;
	left:0;
}

#hd #global-nav #nav-links li#explore-tab .dropdown-wrapper li {
	display:block;
	clear:both;
	float:none;
	color:#fff;
	padding-right:0;
}

#hd #global-nav #nav-links li#explore-tab .dropdown-wrapper li a {
	display:block;
	padding:4px 9px;
	background:transparent;
	text-align:left;
	min-width:70px;
}
#hd #global-nav #nav-links li#explore-tab .dropdown-wrapper li a:hover {
	background-color:#c50004;	
}

#hd #global-nav .site-help {
	clear:none;
	float:right;
	margin-right:8px;
	width:125px;
}
#hd #global-nav .site-help #logged-in,
#hd #global-nav .site-help #login-links {
	clear:none;
	float:right;
}
#hd #global-nav .site-help #login-links {
	margin-top:12px;
}
#hd #global-nav .site-help #logged-in li a,
#hd #global-nav .site-help #login-links li a {
	color:#fff;
}

#hd #global-nav .site-help .search {
	clear:right;
	float:left;
	padding-top:9px;
	width:170px;
}
#hd #global-nav .site-help .text-input {
	display:inline;
	clear:right;
	float:left;
	width:140px;
	margin-right:4px;
	color:#666;
}

#hd #global-nav .site-help .search button {
	display:inline-block;
	float:left;
	background-color:transparent;
	background-image:url(http://s.bebo.com/img/button-search.png);
	_background-image:url(http://s.bebo.com/img/button-search.gif);
	background-repeat:no-repeat;
	border:0;
	padding:0;
	width:20px;
	height:20px;
}

#hd #global-nav .site-help .search button:hover {
	background-position:0 -100px;
}

#hd #global-nav .site-help .search button:active {
	background-position:0 -200px;
}

#hd #global-nav #aol-de-promo-logo {
  position:absolute;
  right:-60px;
  top:10px;
}

/*global foot*/
#ft.page-foot {
	text-align:right;
	position:relative;
}

#ft .foot-links {
	float:left;
	font-size:80%;
	margin-left:16px;
}

#ft .foot-links li,
#ft .legal li {
	display:inline;
	margin:0 5px;
	text-align:left;
	white-space:nowrap;
}

#ft .legal {
	font-size:80%;
	margin-right:100px;
}
#ft .lang-selector {
	font-size:80%;
	position:absolute;
	right:16px;
	top:17px;
	text-align:left;
}

#ft .lang-selector li a {
	background-image:url(http://s.bebo.com/img/sprite_flags1.png);
	_background-image:url(http://s.bebo.com/img/sprite_flags1.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	min-height:16px;
}

#ft .lang-selector li.lang-lang a {
  display:block;
}

#ft .flag-us a {
	background-position:0 0;
}

#ft .flag-nl a {
	background-position:0 -50px;
}

#ft .flag-fr a {
	background-position:0 -100px;
}

#ft .flag-de a {
	background-position:0 -150px;
}

#ft .flag-it a {
	background-position:0 -200px;
}

#ft .flag-pl a {
	background-position:0 -250px;
}

#ft .flag-es a {
	background-position:0 -300px;
}

#ft .flag-gb a {
   background-position:0 -350px;
}


#ft .lang-selector li a {
	vertical-align:top;
}

/*HACKS - keep to a minimum, please*/ 
/*clearfix*/
.clearfix:after,
div:after,
ul:after,
.comment-list li:after,
.section li:after,
.thumb-list li:after,
.quiz-list:after,
.field-list li:after,
.comment-form:after {
	display:block;
	visibility:hidden;
	clear:both;
	font-size:0;
	line-height:0;
	height:0;
	content:"";
}

.clearfix,
.tabs,
.section li,
.grid,
.grid li,
.todo,
.your-stats,
.quiz-list,
.field-list li,
.thumb-list li {
	zoom:1;
}
.status {
	display:block;
	font-size:80%;
	font-weight:bold;
	background:transparent url(http://s.bebo.com/img/status_grd.png) repeat-x 0 0;
	border:1px solid #333;
	padding:0;
	margin:-7px auto 0 auto;
	position:relative;
	letter-spacing:1px;
	text-align:center;
	white-space:nowrap;
}
.official {
	background-position:0 0;
	color:#fff;
}
.online {
	background-position:0 -20px;
	color:#fff;	
}
.idle {
	background-position:0 -60px;
	color:#666;	
}
.thumb-list li .status,
.grid li .status {
	padding:0;
	width:58px;
	position:absolute;
	bottom:0;
	left:0;
}
/* comments*/
.comment-form {
	background:#d7d9d4;
	padding:10px 10px 0 10px;
	margin-bottom:10px;
}
.comment-form .char-counter {
	clear:none;
	float:right;
	margin-top:4px;
}
.comment-form label.inline-label {
	clear:right;
	float:left;	
	margin-top:0;
	margin-bottom:5px;
}
.comment-form .textarea-wrapper {
	clear:both;
	float:none;
	margin:5px 0;
	min-height:40px;
}
.comment-form .textarea-wrapper .user-image {
	display:block;
	clear:right;
	float:left;
	margin-right:10px;
	width:40px;
	height:40px;
}
.comment-form .textarea-wrapper textarea {
	display:block;
	clear:right;
	float:left;
	width:89%;
	height:40px;
}
.comment-form .form-buttons {
	margin-top:0;	
}
.comment-list li {
	clear:both;
	float:none;
	min-height:60px;
	_height:60px;
	margin-bottom:10px;
	padding-bottom:10px;
	position:relative;
	border-bottom:1px solid #e0ddd7;
}
.comment-list .user-name {
	font-weight:bold;	
}
.comment-list li p {
	font-weight:normal;
}

.comment-list li .thumb {
	display:block;
	clear:right;
	float:left;
	margin-right:8px;
}
.comment-list li .comment-content {
	clear:right;
	float:left;	
}
#comment-contents li .comment-content {
	width:91%;
}
.comment-list li .comment-foot {
	clear: left;
	display:block;
	text-align:right;
	font-size:80%;
}
.comment-list li .comment-foot .datestamp {
	font-size:100%;
}
.comment-list li .comment-foot .review-writer{
	float:left;
}
.comment-list .comment-photo {
	text-align:center;
}

.comment-list .luv,
.comment-list .stars {
	position:absolute;
	right:0;
	top:0;
}
.comment-list p.comment-text strong.review-title{
	display:block;
	clear:both;	
}
/*inline comments*/
span.post-comment {
	display:block;
	float:right;
	font-size:80%;
	padding-left:13px;
	background:url(http://s.bebo.com/img/icon-comment.png) no-repeat 0 2px;
	background-repeat:no-repeat;
	background-position:0 2px;
}
.inline-comments {
	clear:both;
	float:none;	
}
.inline-comments li,
#changes .updates-list li .inline-comments li {
	background:#e5e5e3;
	padding:5px 5px 5px 55px;
	margin-bottom:2px;
	position:relative;
	min-height:0;
}
.inline-comments li .comment-content {
	float:none;	
}
.inline-comments li .comment-foot {
	position:absolute;
	top:5px;
	right:5px;	
}
.inline-comments li .comment-content p {
	position:relative;
	padding-right:50px;	
}
.inline-comments li .comment-content .delete-comment {
	font-size:80%;
	padding-left:11px;
	background:url(http://s.bebo.com/img/icon-comments.png) no-repeat 0 -48px;
	background-repeat:no-repeat;
	background-position:0 -48px;
	position:absolute;
	bottom:0;
	right:0;	
}
.inline-comments li.write-comment input {
	color:#666;
}
.inline-comments .more-comments-toggle {
	padding-right:12px;
	background-image:url(http://s.bebo.com/img/arrows-page.png);
	background-repeat:no-repeat;
	background-position:100% 4px;	
}
.inline-comments .thumb,
.inline-form .thumb {
   display:block;
   position:absolute;
   left:0;
   margin-left:5px;  
}
.inline-form {
	clear:both;
	float:none;
	padding:5px;	
	margin-bottom:0;
	border:none;
}
.changes-comments .inline-form {
	display:none;
	position:relative;
	top:0;
	left:0;
}
.changes-comments .inline-form .form-wrapper,
.changes-comments .inline-form form {
	position:relative;	
}

.inline-form .errors-wrapper {
	margin-bottom:6px;
	padding-bottom:6px;	
}
.inline-form .char-counter {
	margin-top:0;	
}
.inline-form .form-buttons {
	text-align:right;
	padding-left:50px;
	margin-bottom:0;
}
.inline-form .form-buttons .comment-enhance {
	float:left;
	font-size:80%;	
	margin-bottom:3px;
}
.inline-form .form-buttons .comment-enhance .add-smack {
	margin-right:10px;	
}
.inline-form .textarea-wrapper {
	margin-top:0;
	margin-left:-5px;
	padding-left:55px;
	_padding-left:60px;
	position:relative;
}
.inline-form .textarea-wrapper textarea {
	width:99%;
}
/*official label (old - needs to get folded into "status official")*/
span.official-label {
	height:0;
	width:0;
}

.official span.official-label {
	display:block;
	background:transparent url(http://s.bebo.com/img/official_sm.gif) no-repeat 50% 0;
	background-repeat:no-repeat;
	background-position:50% 0;
	width:60px;
	height:11px;
	margin-top:-12px;
	position:relative;
	z-index:2;
}

/* friend scraper */
form.friends-scraper {
	padding-top:20px;	
}
form.friends-scraper .scraper-wrapper {
	border:1px solid #999;
	width:710px;
	margin:0 auto 20px auto;
}
form.friends-scraper .scraper-head {
	border-bottom:1px solid #e0ddd7;
	background:#efedee;
	padding:3px 7px;
}
form.friends-scraper .scraper-head input {
	vertical-align:top;
	margin-right:3px;	
}
form.friends-scraper .scraper-head label {
	display:inline;
	clear:none;
	font-weight:normal;
	margin:0;
}
form.friends-scraper .scraper-body {
	background:#fff;
	height:370px;
	overflow:auto;
	overflow-y:auto;
	overflow-x:hidden;
	padding:7px 7px 0 7px;
	position:relative;
}
form.friends-scraper .scraper-body h4 {
	font-weight:bold;
	margin-bottom:10px;	
}
form.friends-scraper .scraper-body .friend-list {
	position:relative;
}
form.friends-scraper .scraper-body .friend-list li {
	clear:none;
	float:left;
	margin:0 35px 10px 10px;
	padding-left:20px;
	height:65px;
	width:40%;
	position:relative;
	overflow:hidden;
}
form.friends-scraper .scraper-body .friend-list li input {
	position:absolute;
	left:0;
	top:3px;
	*top:1px;
}
form.friends-scraper .scraper-body .friend-list li label {
	display:block;	
	zoom:1;
	min-height:65px;
	font-weight:normal;
}
form.friends-scraper .scraper-body .friend-list li label:after {
	content:"";
	display:block;
	visibility:hidden;
	height:1px;
	font-size:0;
	line-height:0;
}
form.friends-scraper .scraper-body .friend-list li .thumb {
	display:block;
	clear:right;
	float:left;
	border:1px solid #ccc;
	width:60px;
	height:60px;
	margin-right:10px;
}
form.friends-scraper .scraper-body .friend-list li .thumb-label {
	display:block;
	clear:right;
	float:left;
	font-size:100%;
	width:198px;
}
form.friends-scraper .scraper-body .friend-list li .thumb-label em {
	font-style:italic;
}
form.friends-scraper .scraper-body .friend-list li .thumb-label .name-email,
form.friends-scraper .scraper-body .friend-list li .thumb-label .asl,
form.friends-scraper .scraper-body .friend-list li .thumb-label .fof {
	display:block;
	clear:both;
}
form.friends-scraper .scraper-body .friend-list li .thumb-label .name-email {
	margin-bottom:7px;
}
form.friends-scraper .cta-wrapper {
	text-align:center;
	position:relative;
	width:30%;
	margin:auto;
}
form.friends-scraper .cta-wrapper .button-wrapper {
	margin:auto;
}
form.friends-scraper .cta-wrapper a.skip {
	position:absolute;
	top:10px;
	right:10px;
}
/* dark media recs module */
#media.mod .bd {
	padding:0px;	
}
#media .section {
	padding-left:10px;
	padding-right:10px;	
	width:300px;
	overflow:hidden;
}
#media .sponsored {
	background:#4c535b;	
}
#media .section .section-head {
	clear:both;
	float:none;	
	margin-bottom:10px;
}
#media .section h3,
#media .section h2,
#media .section h4.areatitle {
	display:block;
	clear:right;
	float:left;
	font-size:150%;
	font-weight:normal;
	font-family:georgia, times new roman, serif;
	color:#fff;
}
#media .section .more {
	font-size:80%;
	display:block;
	clear:none;
	float:right;
	margin-top:5px;
}
#media .sponsored .more {
	margin-right:10px;
}
#media .section .info-wrapper h5 {
	font-size:100%;
	font-weight:bold;	
	margin-bottom: 5px;
	text-transform: capitalize;
	height: 1.22em;
	overflow: hidden;
}
#media .section li .info-wrapper p {
	 max-height: 3.66em;
	 overflow: hidden;
}
#media .section li .info-wrapper .media-info p {
   height: inherit;
}

#media .section li .media-info {
	font-size:80%;
	white-space:nowrap;
	margin-top: 5px;
}
#media .media-info a:link,
#media .media-info a:visited {
	color:#fff;
}
#media .close {
	position:absolute;
	right:0;
	background-position:0 -1050px;
	height:14px;
	width:14px;
	min-height:14px;
}
#media .close:hover {
	background-position:0 -1000px;
}
#media ol.rankings {
	clear:both;
	float:none;
	font-size:120%;
	font-weight:bold;		
}
#media ol.rankings li {
	margin-bottom:15px;	
	*vertical-align:top;
}
#media ol.rankings li p {
	font-size:80%;
	font-weight:normal;
	text-align:right;	
}
#media ol.rankings li p .game-name {
	font-weight:bold;
	float:left;
}
#media ol.rankings li p .views {
	color:#ccc;
	font-weight:normal;	
}
#media ol.rankings li p .rank-bar {
	display:block;
	margin-top:5px;
	width:100%;
	text-align:left;
}
#media ol.rankings li p .rank-bar .bar-fill {
	display:block;
	height:10px;
	background-color:#ccc;	
}

/*featured (sponsored) nav*/
.featured-nav {
	position:absolute;
	bottom:10px;
	right:10px;	
}
.featured-nav span {
	display:inline-block;	
	font-size:150%;
	border:2px solid #fff;
	text-align:center;
	background:transparent;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-left:3px;
}
.featured-nav span.deselected {
	filter:alpha(opacity=50);
	opacity:.50;	
}
.featured-nav span a:link,
.featured-nav span a:visited {
	color:#fff;	
}
.featured-nav span.deselected a:link {
	color:rgba(255,255,255,.50);
	opacity:.50;
}
.featured-nav span a:hover {
	text-decoration:none;
}
.featured-nav #saNavPrv,
.featured-nav #saNavNxt {
	display:none;	
}
.featured-nav span strong {
	display:inline-block;
	line-height:1.4em;
	width:26px;
}
/* lrec / mpu */
#lrec.mod .mod-content {
	background:transparent;
	text-align:center;
}

#lrec h3,#lrec .adSlug {
	font-size:77%;
	color:#666;
}


/* confirmation box */

/*fixes for ie6*/
#bebobox_bg {
	_display:none !important;	
}
#bebobox_ds,
div.bebobox {
	_position:absolute !important;
}
/*end fixes for ie6*/
/* end:BeboBox js class */ /* @group Photo Selector */
div.photo_select_container {
	width:600px;
}

div.photo_select_container div.select-row {
	position:relative;
	margin-bottom:5px;
}

div.photo_select_container div.select-row span.select-count {
	display:block;
	position:absolute;
	top:0px;
	right:0px;
}

div.photo_select_container ul.items {
	overflow-y:auto;
	height:300px;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}

div.photo_select_container ul.items li {
	cursor:pointer;
	float:left;
	text-align:center;
	width:120px;
	height:140px;
	margin:0 0 0 10px;
	border:1px solid transparent;
}

div.photo_select_container ul.items li:hover {
	border:1px solid #FEB;
	background-color:#FFC;
}

div.photo_select_container ul.items li a {
	display:block;
	height:1.1em;
	overflow:hidden;
	margin:2px 0 3px;
}

div.photo_select_container ul.items li p.small.light {
	font-style:italic;
}

div.photo_select_container ul.items li img {
	margin:10px auto 0 auto;
	display:block;
	clear:both;
	height:90px;
	width:90px;
}

div.photo_select_container ul.items li.photo {
	height:140px;
	margin-bottom:10px;
}

div.photo_select_container ul.items li.selected {
	border:1px solid #AAA;
	background-color:#EEE;
}

div.photo_select_container p.small {
	margin:0;
	padding:0;
	font-size:8pt;
}

div.photo_select_container p.light {
	color:#555;
}

div.photo_select_container p.button-row img {
	cursor:pointer;
	float:right;
	margin-left:20px;
}
div.photo_selector_popup {
	max-height:255px;
	width:600px;
	overflow-y:auto;
	position:relative;
}
div.photo_selector_popup .albums-grid li {
	padding:2px 2px 0 12px;
}
div.photo_selector_popup .grid li:hover {
	background:#7fa821;	
	color:#fff;
}
div.photo_selector_popup .grid li:hover .thumb-label a {
	color:#fff;
}
/* @end */ /* @group Photo Scroller */
div.photo-scroller {
	margin:20px 0;
}

div.photo-scroller ul {
	margin:0 0 5px 0;
	padding:0;
}

div.photo-scroller ul li {
	margin:5px 5px 0 0;
	padding:0;
	display:inline;
	height:30px;
	width:30px;
}

div.photo-scroller ul li img {
	height:30px;
	width:30px;
	opacity:0.8;
	cursor:pointer;
}

div.photo-scroller ul li img:hover {
	opacity:1;
}

div.photo-scroller ul li.active img {
	border:3px solid #888;
	opacity:1;
}

div.photo-scroller div.photo-container {
	position:relative;
	min-height:50px;
	min-width:50px;
}

div.photo-scroller div.photo-container img.throbber {
	position:absolute;
	top:10px;
	left:10px;
}

/* end */ 
/*rounded corners*/
.mod .mod-content {
	position:relative;
	z-index:3;
}

/* x1 = top-right, x1a = top-left, x2 = bottom-right, x2a = bottom-left */
.mod .x1,
.mod .x1a,
.mod .x2,
.mod .x2a {
	display:block;
	clear:both;
	text-align:left;
	font-size:0; /* for IE6 */
	height:5px; /* set height to the size of the corner */
	position:relative;
	background-image:url(http://s.bebo.com/img/cr_outside_white.png);
	_background-image:url(http://s.bebo.com/img/cr_outside_white.gif);
	background-repeat:no-repeat;
	z-index:3;
}

.mod .x1,.mod .x2 {
	width:100%; /* scales with the module */
}

.mod .x1a,.mod .x2a { /* left corners */
	width:5px;
	left:0;
}

.mod .x1 {
	background-position:100% -5px;
	top:0;
}

.mod .x1a {
	background-position:0 0;
}

.mod .x2 { /* bottom corners get moved */
	position:absolute;
	background-position:100% -15px;
	bottom:0; /* overlap bottom border */
}

.mod .x2a {
	background-position:0 -10px;
}
/*announcement*/
#announcements li,
#compatibility li {
   position: relative;
}
#announcements li a.close, 
#compatibility li a.close {
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 10;
	_right:10px;
}
#compatibility {
	display: none;
	margin-top: -7px;
}
#compatibility li div.bebo-announce {
	*margin-top:-22px;	
}
.bebo-announce,
#status {
	color:#963;
	background:#fce7c4 url(http://s.bebo.com/img/bg_message.png) repeat 0 0;
	padding:6px 10px 3px 10px;
	position:relative;
}
#status {
	margin-bottom:10px;	
}
#status .close-link {
	position:absolute;
	right:10px;
	top:6px;
	font-weight:normal;
}
#status .close-link:hover {
	text-decoration:none;	
}
#status .close-link .close {
	vertical-align:middle;	
}
#compatibility div.bebo-announce {
	background:#fce7c4 url(http://s.bebo.com/img/grd_orange.png);
	background-position:0 100%;	
	font-weight:bold;
	_height:27px;
	padding:4px 10px 0 10px;
}
.bebo_country_it div.bebo-announce-alllang,
.bebo_country_pl div.bebo-announce-alllang,
.bebo_country_fr div.bebo-announce-alllang,
.bebo_country_nl div.bebo-announce-alllang,
.bebo_country_es div.bebo-announce-alllang,
.bebo_country_de div.bebo-announce-alllang {
	display:none;
}
div.bebo-announce .footnote {
	color:#963;
}
div.profile-announce p.announce-text {
	clear:right;
	float:left;
	margin-right:10px;
	width:64%;
}
div.profile-announce .cta-wrapper {
	clear:right;
	float:left;	
	min-width:204px;
	text-align:center;
	padding-top:10px;
}
div.old-profile-announce,
div.new-profile-announce {
	clear:both;
	float:none;
	margin-top:10px;
	border:4px solid #fff;	
}
#content #top_box div.old-profile-announce a:link,
#content #top_box div.old-profile-announce a:visited {
	color:#069;	
}
div.old-profile-announce .cta-wrapper {
	text-align:center;	
}
#content #top_box div.old-profile-announce a.button:link,
#content #top_box div.old-profile-announce a.button:visited {
	text-decoration:none;
	color:#fff;	
	font-weight:bold;
}
div.new-profile-announce {
	clear:both;
	float:none;
	margin:10px;	
}
#id-card.mod div.new-profile-announce a:link,
#id-card.mod div.new-profile-announce a:visited {
	color:#069;
}
#id-card.mod div.new-profile-announce a.button:link,
#id-card.mod div.new-profile-announce a.button:visited {
	color:#fff;	
}
div.new-profile-announce .cta-wrapper {
	text-align:center;	
}

/*aol search iframe fixes*/
.footerbebo #ExtractHeaderOrFooter_jsp {background:transparent;}

/* use this style on links that are only for admin eyes */
a.admin_only, .admin_only a {background:red; color:white;}

/*************************/ 
/*********BEBO 1.0********/
/*************************/ 

/*make old bebo happy*/
.content-wrap a:link,.content-wrap a:visited {
	color:#7995cd;
	text-decoration:none;
}

.content-wrap a:hover {
	color:#4166af;
	text-decoration:underline;
}

.content-wrap h1 {
	font-family:arial, helvetica, sans-serif;
	font-size:167%;
	font-weight:normal;
	margin:0 0 0.3em 0;
}

.content-wrap h2 {
	color:#333;
	font-family:arial, helvetica, sans-serif;
	font-size:153.9%;
	font-weight:normal;
	margin:10px 0;
}

.content-wrap .mod .hd h2,
.content-wrap .mod .hd h3 {
	margin-top:0;
}

.header {
	font-size:153.9%;
	color:#333;
	margin-top:0px;
	margin-bottom:10px;
}

.content-wrap h4 {
	font-weight:bold;
}

.content-wrap td {
	margin:auto;
	padding:auto;
}

.content-wrap .skin table {
	border-collapse:collapse;
	border-spacing:0;
}

.content-wrap table.skin-table {
	border-collapse:separate;
	border-spacing:5px;
}
.content-wrap #top_box table.top_font {
	margin:10px 0;	
}
/* wbr fix for opera */
wbr:after {
	content:"\00200B"
}

#tab-bar {
	position:relative;
	overflow:visible;
}

/* Sub Navigation bar */
#subNavMenu {
	border-bottom:1px solid #ddd;
	margin:10px auto;
	padding:0 0 8px 0;
	clear:both;
	list-style:none;
	max-width:900px; /*fixing i18n layout funkiness*/
}

#subNavMenu li {
	clear:right;
	float:left;
	padding:0 0 5px 0;
	margin:0;
}
#subNavMenu a {
	text-decoration:none;
	font-size:11px;
	color:#666;
	text-transform:uppercase;
	padding:1em;
}

#subNavMenu li a:hover {
	color:#ed0303;
	text-decoration:underline;
}

#subNavMenu li.selected a {
	background:transparent no-repeat scroll 50% 80%;
	background-image:url(http://s.bebo.com/img/page/sub-nav-active.png);
	color:#999;
	text-decoration:none;
}

/* birch table code */
.xs {
	FONT-SIZE:10px;
}

.xs_c {
	FONT-SIZE:10px;
	TEXT-ALIGN:center;
}

.s {
	FONT-SIZE:11px;
}

.s_c {
	FONT-SIZE:11px;
	TEXT-ALIGN:center;
}

.s_bc {
	FONT-SIZE:11px;
	TEXT-ALIGN:center;
	FONT-WEIGHT:bold;
}

.s_b {
	FONT-SIZE:11px;
	FONT-WEIGHT:bold;
}

.s_r {
	FONT-SIZE:11px;
	TEXT-ALIGN:right;
}

.s_br {
	FONT-SIZE:11px;
	FONT-WEIGHT:bold;
	TEXT-ALIGN:right;
}

.m_c {
	TEXT-ALIGN:center;
}
.m_c .m_c {
	max-width:780px;	
}
.m_l {
	TEXT-ALIGN:left;
}

.m_r {
	TEXT-ALIGN:right;
}

.m_b {
	FONT-WEIGHT:bold;
}

.content-wrap .m_b_white:link,
.content-wrap .m_b_white:visited {
	COLOR:#ffffff;
	FONT-WEIGHT:bold;
}

.m_b_green {
	COLOR:green;
	FONT-WEIGHT:bold
}

.m_b_red {
	COLOR:red;
	FONT-WEIGHT:bold
}

.l {
	FONT-SIZE:13px;
}

.l_c {
	FONT-SIZE:13px;
	TEXT-ALIGN:center;
}

.l_b {
	FONT-SIZE:13px;
	FONT-WEIGHT:bold;
}

.xl {
	FONT-SIZE:11pt;
	line-height:16px;
}

.xxl {
	FONT-SIZE:18pt;
}


/* advertising:start */
.adContainer > iframe {
	border: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

div.advertisement {
	position:relative;
	font-size:0.85em;
	font-weight:normal;
	text-align:center;
}

div.advertisement div.adContainer {
	margin:auto;
}

#banner_ad_refresh  > .advertisement {
	padding-bottom: 13px;
	
}

div.advertisement.sky div.container {
	width:160px;
	overflow:hidden;
}

div.advertisement.sky,div.advertisement.SKYSCRAPER {
	padding-bottom:15px;
	width:160px;
	overflow:hidden;
}  /*make sure the floated picker isnt covered up*/
div.advertisement.sky a.picker {
	float:right;
	padding-right:5px;
}

div.advertisement.banner {
	margin:auto;
	width:728px;
	padding-bottom:15px;
}

div.advertisement.banner span.adSlug {
	position:absolute;
	bottom:2px;
	right:5px
}

div.advertisement.banner div.container {
	width:728;
	height:90px;
}

div.advertisement.MPU .adContainer {
	width:300px;
}

div.advertisement div.c-site-index {
	margin-bottom:20px;
}

div.advertisement div.Home_jsp {
	margin-bottom:15px;
}

div.light.round div.advertisement {
	padding-bottom:4px;
}

/* google appears to always include their own ad tag */
div.advertisement.lrec.google span.adSlug {
	display:none
}

div.advertisement.banner.google span.adSlug {
	display:none
}

div.advertisement.sky.google span.adSlug {
	display:none
}

/* yahoo uses their own ad tag */
div.advertisement.MPU.YAHOO span.adSlug,
div.advertisement.MPU.RIGHTMEDIA span.adSlug,
div.advertisement.lrec.yahoo span.adSlug,
div.advertisement.lrec.rightMedia span.adSlug {
	display:none
}

div.advertisement.banner.yahoo span.adSlug,
div.advertisement.banner.rightMedia span.adSlug {
	display:none
}

div.advertisement.SKYSCRAPER.YAHOO span.adSlug,
div.advertisement.SKYSCRAPER.RIGHTMEDIA span.adSlug,
div.advertisement.sky.yahoo span.adSlug,
div.advertisement.sky.rightMedia span.adSlug {
	display:none
}

div.advertisement .ad_slug {
	font-size:0.95em;
	font-weight:normal;
	text-align:center;
}

div.advertisement.banner .ad_slug {
	position:absolute;
	bottom:2px;
	right:5px;
	text-align:right;
}


/* advertising:end */ /* forms */
.content-wrap fieldset label {
	line-height:22px;
	width:9em;
	float:left;
	text-align:left;
	margin-right:0.5em;
	display:block;
	font-size:11px;
	color:#666666;
	font-weight:bold;
}

.content-wrap fieldset label.radio-label {
	float:none;
	display:inline;
	font-weight:normal;
}

.content-wrap fieldset p {
	padding:3px;
	margin:0px;
	clear:both;
}

.content-wrap fieldset p.required label em {
	font-weight:bold;
	font-style:normal;
	font-size:180%;
	vertical-align:bottom;
	color:#ed0303;
}

.content-wrap fieldset .submit {
	margin-top:10px;
	text-align:center;
}

.content-wrap fieldset .submit input {
	margin-right:10px;
}

.content-wrap .fieldsetLegendOut {
	position:relative;
	background:#eee;
	padding:7px;
	border:1px solid #ddd;
	margin-top:3em;
}

.content-wrap .fieldsetLegendOut legend span {
	font-size:1.4em;
	font-weight:bold;
	position:absolute;
	top:-1.8em;
}

.content-wrap fieldset.LegendOut {
	margin:0px;
	margin-top:3em;
}

.content-wrap fieldset.legendOut {
	position:relative;
	background:#eee;
	padding:7px;
	border:1px solid #ddd;
	margin-top:3em;
}

.content-wrap fieldset.legendOut legend span {
	font-size:1.4em;
	font-weight:bold;
	position:absolute;
	top:-1.5em;
}

.content-wrap fieldset.LegendOut span small {
	font-size:.7em;
	padding-left:10px;
	font-weight:normal;
}

/* forms:end */ /* content */
div#content {
	margin:auto;
	width:780px;
	margin-top:10px;
	margin-bottom:0px;
	text-align:left;
	padding-bottom:3em;
	min-height:300px;
}
body.layout_beboblank {
 text-align: left;
}
body.layout_beboblank div#content {
  margin:0; padding:0;
  width:auto;
}
	
div#content .box {
	margin-bottom:15px;
}

/* content:end */ /* All these need to be classes instead of ids */

#note {
	margin:0 10px 10px 10px;
	padding:10px;
	border:solid 1px #bdc7d8;
	background:#fff;
}

#form {
	background:#eee;
	border:1px solid #ddd;
	padding:7px;
}

#form .form_header {
	font-size:16px;
	font-weight:bold;
	color:#ED1111;
}

#form .s {
	color:#444;
}

#form td {
	font-size:11px;
	color:#666;
}

#form .label {
	font-weight:normal;
	color:#444;
	font-size:11px;
	text-align:right;
	padding-right:1em;
}

#form .form_label {
	font-weight:normal;
	color:#444;
	font-size:11px;
	text-align:right;
	padding-right:1em;
	padding-top:3px;
	display:block;
	font-weight:bold;
}

#form .field_l {
	text-align:left;
}

#form input,#form select {
	color:#444;
	font-size:11px;
}

#blue_box {
	background:#eee;
	padding:5px;
	border:1px solid #ddd;
}  /*please deprecate*/
.blue_box {
	background:#eee;
	padding:5px;
	border:1px solid #ddd;
}

#yellow_box {
	background:#fff9d7;
	padding:5px;
	border:1px solid #e2c822;
}  /*please deprecate*/
.yellow_box {
	background:#fff9d7;
	padding:5px;
	border:1px solid #e2c822;
}  /*please deprecate*/
.yellow_header {
	font-size:16px;
	color:#e2c822;
	font-weight:bold
}  /*please deprecate*/
#green_box {
	background:#ddffdd;
	padding:5px;
	border:1px dotted #cccccc;
}  /*please deprecate*/
.green_header {
	font-size:16px;
	color:#0A65A4;
	font-weight:bold
}  /*please deprecate*/
.username_url {
	color:black;
	text-decoration:none;
}

.username_url:hover {
	color:#0063DC;
	text-decoration:underlined;
}

/* Mail-specific */
#mail h2,#mail h3,#mail h4,#mail h5,#mail h6 {
	color:#D32360;
	margin:0;
	padding:0;
}

#mail img.avatar {
	width:42px;
	height:42px;
	float:left;
	margin-right:5px;
}

#mail span.timestamp {
	font-size:11px;
	color:#666;
}

#mail p.listowner {
	font-size:10px;
}

#mail {
	width:760px;
	margin:8px auto;
	position:relative;
	text-align:left;
}

#mail #inbox img.avatar,#mail #thread img.avatar {
	margin:5px 0 0 22px;
	width:60px;
	height:60px;
	border:1px solid #333;;
	vertical-align:top;
	background:#ddd;
	float:left;
}

#mail #inbox,#mail #thread {
	width:574px;
	margin:0 0 6px 0px;
	padding:0;
	list-style-type:none;
	border-top:1px solid #bcbcbc;
}

#mail #inbox div,#mail #thread div.header {
	border-top:0px solid #bcbcbc;
	border-left:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	position:relative;
	padding:0;
	margin:0;
	height:70px;
	background-position:right;
	background-repeat:no-repeat;
}

#mail #thread div.body {
	border-left:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	border-bottom:1px solid #bcbcbc;
	border-top:0;
	background-repeat:no-repeat;
}

#mail #inbox div {
	border-bottom:1px solid #bcbcbc;
}

#mail #thread span.timestamp,#mail #inbox span.timestamp {
	position:absolute;
	bottom:5px;
	left:88px;
	padding:0 .3em .2em .3em;
	background-color:#f6f6f6;
	text-align:center;
	border:1px solid #bcbcbc;
}

#mail #inbox .subject,#mail #thread .subject {
	font-size:12px;
	position:absolute;
	top:0;
	left:88px;
	top:5px;
	height:20px;
	overflow:hidden;
	width:470px;
	white-space:nowrap;
}

#mail #inbox a.username,#mail #thread a.username {
	font-size:12px;
	position:absolute;
	top:25px;
	left:88px;
	color:#666;
}

#mail img.unreadmsg {
	width:16px;
	height:16px;
	position:absolute;
	top:27px;
	left:3px;
	z-index:1000;
}

#mail img.attach {
	width:16px;
	height:16px;
	position:absolute;
	left:3px;
}

#mail #thread img.attach {
	top:5px
}

#mail #inbox img.attach {
	bottom:5px;
}

/* aplatti:padding is throwing off mail.  I'm going to specifically redefine the above
   style for mail because I assume it was changed for a reason somwhere else. */
#mail img.avatar,ul.thumbs li img {
	padding:0px;
	clear:right;
}

#mail .checkbox {
	position:absolute;
	top:2px;
	left:0px;
}

/* Please Document, pagination? */
#pages a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#58564A;
	background:#FEF8E0;
	border:1px solid #E0D0B8;
	padding-left:7px;
	padding-right:7px;
	padding-top:1px;
	padding-bottom:1px;
	margin-left:3px;
	display:block;
	float:left;
}

#pages a:hover {
	background:#EDE7D1;
}

#pages .pagesLinkCurrent {
	background:#F0F7FB;
	border:1px solid #C1D4DE;
}

#pages .pagesLinkCurrent:hover {
	background:#D9EAF6;
	border:1px solid #C1D4DE;
}

#pages .pagesLinkNext,#pages .pagesLinkNext:hover {
	background-image:url(http://s.bebo.com/img/pages_link_next.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:56px;
	height:19px;
	border:0px;
	padding-left:12px;
	padding-top:2px;
	display:block;
	text-align:left;
}

#pages .pagesLinkPrev,#pages .pagesLinkPrev:hover {
	background:url(http://s.bebo.com/img/pages_link_prev.gif);
	background-position:right top no-repeat;
	width:82px;
	height:19px;
	border:0px;
	padding-right:5px;
	padding-top:2px;
	display:block;
	text-align:right;
}


.rssLink {
	float:right;
	vertical-align:bottom;
	padding:1px;
}

/* Please Document */
table.chart {
	width:100%;
	border-bottom:1px solid rgb(207, 207, 207);
}

table.chart th {
	align:center;
	border-top:1px solid rgb(207, 207, 207);
}

table.chart td {
	border-top:1px solid rgb(207, 207, 207);
}

table.chartBody {
	width:100%;
	border:0px;
}

table.chartBody td {
	border:0px;
}

.updateTime {
	font-size:10px;
	color:gray;
}

td.changes-separator {
	padding:5px 0;
}

td.changes-separator div.separator {
	border-bottom:1px dotted #797979;
	height:1px;
	overflow:hidden;
}

/* News Items aka Spotlights, inheirits thumb styles */
ul.news-items {
	margin:0;
	padding:0;
	list-style:none;
	margin:1.5em 0;
}

.news-item,ul.news-items li {
	position:relative;
	_height:110px;
	min-height:110px;
}

#content ul.news-items h3, 
#content .news-item h3 {
	font-weight:bold;
	font-size:1.4em;
	color:#ed1111;
	margin:0;
}

ul.news-items h4,.news-item h4 {
	margin:5px 0 0 90px;
}

#content ul.news-items h3 a, 
#content .news-item h3 a {
	color:#ed1111;
	text-decoration:none;
}

#content ul.news-items h3 a:hover,
#content .news-item h3 a:hover {
	color:#8f1111;
	text-decoration:none;
}

ul.news-items img,.news-item img {
	position:absolute;
	top:25px;
	left:0px;
}

ul.news-items p,.news-item p {
	margin:5px 0 10px 90px;
}

/* Typical 60x60 thumbs with marshmallow bg thingy */
ul.thumbs {
	margin-bottom:1.5em;
	margin:0;
	padding:0;
	list-style:none;
	font-size:12px;
}

ul.thumbs li {
	position:relative;
	margin-right:20px;
	float:left;
	display:inline;
	width:80px;
	text-align:center;
	height:124px;
	overflow:hidden;
}

ul.thumbs li a {
	text-decoration:none;
}

ul.thumbs li span {
	display:block;
}

img.avatar,ul.thumbs li img,ul.news-items li img {
	border:9px solid #fff;
	text-decoration:none;
	height:60px;
	width:60px;
	margin-bottom:3px;
}

img.avatar a:hover img,ul.thumbs li a:hover img {
	background-position:0 -80px;
}

/* Official thumbs for bands */
ul.news-items li img.official,ul.thumbs li img.official {
	position:absolute;
	top:55px;
	left:5px;
	width:49px;
	height:11px;
	background-image:none;
	background-color:transparent;
}

div.module_body img.small-official {
	position:relative;
	top:-8px;
	width:49px;
	height:11px;
	background-image:none;
	background-color:transparent;
}

img.avatar.medium,ul.thumbs.medium li {
	width:110px;
	height:150px;
}

/* Medium Thumbs*/
ul.thumbs.medium li a:hover img {
	background-position:0 -110px;
}

ul.thumbs.medium li img {
	background-color:transparent;
	background-image:url(http://s.bebo.com/img/page/profile-medium-back.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:90px;
	width:90px;
}

ul.thumbs.medium li img.onlineNow {
	position:absolute;
	top:82px;
	left:12px;
	background-image:none;
	width:66px;
	height:12px;
}

ul.thumbs.medium li img.official {
	position:absolute;
	top:82px;
	left:12px;
	background-image:none;
	width:66px;
	height:12px;
	background-color:transparent;
}

/* Small Thumbs*/
ul.thumbs.small li a:hover img {
	background-position:0;
}

ul.thumbs.small li img {
	background:none;
	padding:0;
}

ul.thumbs.small li.nav {
	width:20px;
	height:60px;
}

ul.thumbs.small li.nav img {
	background:transparent;
	border:0px;
	padding-top:20px;
	text-decoration:none;
	height:20px;
	width:20px;
	margin-bottom:3px;
}

/* Please Document */
/* jesh:this is used for rounding around ad placements throughout the site */
.dark {
	background-color:#2C2C2C
}

.round b.rtop,
.round b.rbottom {
	display:block
}

.round b.rtop b,.round b.rbottom b {
	display:block;
	height:1px;
	overflow:hidden;
	background:#D00
}  /* red to stand out */
.round b.r1 {
	margin:0 5px
}

.round b.r2 {
	margin:0 3px
}

.round b.r3 {
	margin:0 2px
}

.round b.rtop b.r4,
.round b.rbottom b.r4 {
	margin:0 1px;
	height:2px
}

.light.round b.rtop b,
.light.round b.rbottom b,
.light.round div.content {
	background-color:#D2D2D2
}


.dark.round b.rtop b,
.dark.round b.rbottom b,
.dark.round div.content {
	background-color:#2C2C2C;
}

/* we have to default margins to all the .round sub elements */
.content-wrap #changes h2 {
	margin:0;
	color:#ed0303;
}

.content-wrap #changes .actions {
	float:right;
}

.content-wrap #changes .actions a {
	color:#ed0303;
	line-height:20px;
}

.content-wrap #changes ul.nav {
	padding-left:0px;
	margin-left:0px;
}

.content-wrap #changes ul.nav li {
	padding:0 .9em;
	display:inline;
	border-bottom:1px solid #CCC;
}

/* Ad Block */
#adBlock {
	position:relative;
	margin:0 0 1.5em 0;
	zoom:1;
}

#adBlock.light {
	color:#000;
}

/* start:legacy navtab, please migrate  */
body#Map2_jsp .navtab {
	height:30px;
	background-image:url(http://s.bebo.com/img/subnav_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

body#Map2_jsp .navtabMenu {
	margin:auto;
	font-size:93%;
	width:760px;
	text-align:center;
	line-height:normal;
	padding:0;
	margin-top:8px;
}

body#Map2_jsp .navtabMenu ul {
	margin:0;
	padding:0;
	list-style:none;
}

body#Map2_jsp .navtabMenu li {
	float:left;
	padding:0;
	height:27px;
	margin-right:10px;
}

body#Map2_jsp .navtabMenu a {
	font-size:13px;
	float:left;
	display:block;
	padding:4px 9px 0px 12px;
	text-decoration:none;
	font-weight:bold;
	color:#14597D;
}

/* IE5Mac hack \*/
body#Map2_jsp .navtabMenu a {
	float:none;
}

/* end:IE5Mac hack */
body#Map2_jsp .navtabMenu a:hover {
	color:#14597D;
	text-decoration:underline;
}

body#Map2_jsp .navtabMenu .current {
	background-image:url(http://s.bebo.com/img/subnav_tab.gif);
	background-repeat:no-repeat;
	background-position:center top;
	border-width:0;
	padding:0;
}

body#Map2_jsp .navtabMenu .current a {
	background-image:url(http://s.bebo.com/img/subnav_tab_margin.gif);
	background-repeat:no-repeat;
	background-position:right top;
	color:#14597D;
}

body#Map2_jsp .navtabMenu .current a:hover {
	color:#14597D;
	text-decoration:underline;
}

/* end:legacy navtab */ /* apps canvas pages */
#app-createdby {
	position:relative;
	margin-top:20px;
	color:#AAAAAA;
}

/* begin tip - jason - dont know where else to put these styles */
div.tool-text {
	color:#fff;
	font-size:11px;
}

div.tool-title {
	color:#fff;
	font-weight:bold;
}

div.tool-tip {
	background-color:#222;
	padding:5px;
	z-index:13000;
}

/* end tip */ /*wtf? please docuument*/
#explore-dropdown {
	position:absolute;
	top:16px; *
	top:17px;
	right:10px;
	height:20px;
	width:25px;
	padding:5px 5px 0 0;
	cursor:pointer;
}

#dorky {
	background-image:url(http://s.bebo.com/img/explore_bg_dropdown.gif);
	background-repeat:repeat-x;
	border-top:none;
	background-color:#6a6a6a;
	padding:0;
	padding-bottom:8px;
}

#dorky li {
	font-size:11px;
	padding:2px 5px;
}

#dorky a,#dorky a:hover {
	line-height:1em;
	margin:0;
	padding:0;
	font-size:11px;
	text-decoration:none;
	display:block;
	padding-right:10px;
	outline:none;
	color:#999;
	padding-left:10px;
}

#dorky a:hover {
	background-image:url(http://s.bebo.com/img/explore-redarrow.gif);
	background-repeat:no-repeat;
	background-position:0 52%;
	color:white;
}

#dorky a:active {
	outline:none;
}

/* Container */ /* Generic container*/
.Container {
	background:top left no-repeat;
	background-image:url(http://s.bebo.com/img/music/corner_topleft.gif);
}

#content .Container h3 {
	margin:0 0 0 4px;
	padding:10px;
	color:#fff;
	font-size:1.5em;
	font-weight:normal;
	background:top right no-repeat;
	background-image:url(http://s.bebo.com/img/music/corner_topright.gif);
}

.ContainerBody {
	margin:0;
	margin:0;
	padding:22px;
	background:top right repeat-y;
	background-image:url(http://s.bebo.com/img/music/corner_rightborder.gif);
}

.ContainerBody td {
	margin:0;
	vertical-align:top;
	text-align:left;
	padding:4px;
}

.ContainerFooter {
	zoom:1;
	background:bottom left no-repeat;
	background-image:url(http://s.bebo.com/img/music/corner_bottomleft.gif);
}

.ContainerFooter p {
	display:block;
	padding:15px;
	margin:-2em 0 0 0;
	background:bottom right no-repeat;
	background-image:url(http://s.bebo.com/img/music/corner_bottomright.gif);
}

/* Thumb Lists */
.Container ul.thumbs-80 {
	margin:0;
	padding:0;
	list-item-type:none;
}

.Container ul.thumbs-80 li {
	list-style:none;
	float:left;
	width:92px;
	height:120px;
	margin:0;
	padding:0;
	overflow:hidden;
	text-align:center;
}

.Container ul.thumbs-80 li img {
	width:80px;
	height:80px;
}

/* White Container */
#content .WhiteContainer {
	background:top left no-repeat;
	background-image:url(http://s.bebo.com/img/white_container/corner_topleft.gif);
}

#content .WhiteContainer h3 {
	margin:0 0 0 4px;
	padding:10px;
	color:#fff;
	font-size:1.5em;
	font-weight:normal;
	background:top right no-repeat;
	background-image:url(http://s.bebo.com/img/white_container/corner_topright.gif);
}

#content .WhiteContainerBody {
	margin:0;
	margin:0;
	padding:22px;
	background:top right repeat-y;
	background-image:url(http://s.bebo.com/img/white_container/corner_rightborder.gif);
}

#content .WhiteContainerBody td {
	margin:0;
	vertical-align:top;
	text-align:left;
	padding:4px;
}

#content .WhiteContainerFooter {
	zoom:1;
	background:bottom left no-repeat;
	background-image:url(http://s.bebo.com/img/white_container/corner_bottomleft.gif);
}

#content .WhiteContainerFooter p {
	display:block;
	padding:15px;
	margin:-2em 0 0 0;
	background:bottom right no-repeat;
	background-image:url(http://s.bebo.com/img/white_container/corner_bottomright.gif);
}

/* Thumb Lists */
.WhiteContainer ul.thumbs-80 {
	margin:0;
	padding:0;
	list-item-type:none;
}

.WhiteContainer ul.thumbs-80 li {
	list-style:none;
	float:left;
	width:92px;
	height:120px;
	margin:0;
	padding:0;
	overflow:hidden;
	text-align:center;
}

.WhiteContainer ul.thumbs-80 li img {
	width:80px;
	height:80px;
}

/* Video Thumbnail wide-format wrapper for standard 90x90 thumbs */
.video-thumb  {
	width:90px;
	height:70px;
	position:relative;
	overflow:hidden;
}

#changes .videoThumb {
	margin: 0;
}
.video-thumb .play-video {
	background:url(http://s.bebo.com/img/icon/videoPlay3.gif) scroll no-repeat 0 0;
	width:18px;
	height:14px;
	position:absolute;
	top:66px;
	right:10px;
}

.videoThumb .nowShowing {
	padding-top:40px;
}

/* Migrating from Music Controller */
ul.video-list {
	list-style:none;
	margin:0;
	padding:0;
}

ul.video-list li {
	margin:0;
	padding:0;
	position:relative;
	height:66px;
	padding-top:4px;
	overflow:hidden;
	border-top:1px solid #eee;
}

ul.video-list li:first-child {
	border:0;
}

ul.video-list li h4 {
	margin:2px 0 0 0;
	line-height:15px;
	font-size:12px;
	color:#333;
}

ul.video-list li h4 a {
	color:#333;
}

ul.video-list li p {
	margin:0;
	font-size:10px;
	line-height:15px;
}

ul.video-list li p span.label {
	color:#555;
}

ul.video-list li .video-thumb-90 {
	float:left;
	margin-right:8px;
	width:94px;
	height:60px;
	border:1px solid black; /*text-align:center;*/
}

ul.video-list li .video-thumb-90 .video-thumb-wrapper {
	position:relative;
	margin-top:1px;
	width:92px;
	height:56px;
	border:1px solid white;
	overflow:hidden;
}

ul.video-list li .video-thumb-90 .video-thumb-wrapper img {
	position:absolute;
	top:-15px;
	left:1px;
}

ul.video-list li .video-thumb-90  .video-thumb-wrapper span.playbutton {
	background-image:url(http://s.bebo.com/img/videoPlay2.gif);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
	height:54px;
	width:90px;
}

/*ul.video-list li .video-thumb-90:hover .video-thumb-wrapper span.playbutton {visibility:hidden;}*/
	/* Video Views (Orangeish)*/
a .stat, .stat, a.stat, .views, a.views, a .views {
	color:#bb6f1e;
	font-weight:bold;
	text-decoration:none;
}


#profile_nav table {
	border-collapse:collapse;
	border-spacing:0;
}

#profile_nav li {
	clear:right;
	float:left;
}

.profile_tab,#profile_nav li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

#profile_nav li.selected a,.profile_tab_active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

.profilePagetitle {
	position:relative;
	top:-5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	margin:0px;
	padding-left:0px;
	padding-bottom:10px;
	font-weight:bold;
	text-align:left;
}

.profileSubPagetitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	margin:0px;
	padding-left:0px;
	padding-bottom:10px;
	padding-top:5px;
	text-align:left;
	line-height:1em;
}

#top_box {
	width:760px;
	padding:0px;
	background-repeat:no-repeat;
}

#top_box a {
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
}

#top_box td.interests-wrapper a:link,#top_box td.interests-wrapper a:visited
	{
	text-decoration:none;
}

#top_box td.interests-wrapper a:hover {
	text-decoration:underline;
}

.main_options {
	padding:0px;
	font-size:11px;
	margin:0px;
	padding-left:25px;
	height:20px;
	text-align:left;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:left center;
}

#content td.m_c #profileActions {
	text-align:left;
}


.module_body {
	width:375px;
	padding:0px;
	margin:0px;
	margin-bottom:6px;
	height:auto;
}

.skin td .mod {
	width:375px;
}

.module_header,
#content .mod .hd,
.profile-mod .hd {
	width:375px;
	height:44px;
	padding:0px;
	margin:0px;
}

.module_header h1,
#content .mod .hd h2,
#content .mod .hd h3 {
	font-size:130%;
	font-weight:bold;
	clear:both;
	float:none;
	display:block;
	background-repeat:no-repeat;
	background-position:left center;
	font-family:Arial, Helvetica, sans-serif;
}

/*jason  used in module expand collapse*/
.module_header H1 DIV.arrow_right {
	position:absolute;
	top:5px;
	left:-10px;
	width:4px;
	height:7px;
}

.module_header H1 DIV.arrow_down {
	position:absolute;
	top:7px;
	left:-12px;
	width:7px;
	height:4px;
}

.module_content { /*width:375px;*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0px;
	margin:0px;
	position:relative;
}

.module_content .content {
	width:355px;
	overflow:hidden;
	position:relative;
}

.module_navigation {
	font-size:11px;
	text-align:right;
}

.module_navigation_action {
	font-size:16px;
	text-align:center;
}

.module_content a {
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
}

.module_navigation_action a {
	font-size:16px;
	font-weight:normal;
	text-decoration:underline;
}

.module_line {
	background-color:#CFCFCF;
	height:1px;
}

.module_padding {
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
}

/* Language selector on apps directory page */
#app-lang-selector {
	position:relative;
	left:0px;
	margin:0;
	padding-top:5px;
	padding-left:20px;
}

#app-lang-selector li {
	list-style-type:none;
	white-space:nowrap;
	line-height:1.5em;
	position:relative;
}

#app-lang-selector ul.lang-list {
	display:none;
	background:#fff url(http://s.bebo.com/img/nav_language_background.gif) 0 0;
	background-repeat:repeat-x;
	border:1px solid #ddd;
	padding:5px;
	height:auto; /*change if other languages are added*/
	position:absolute;
	bottom:16px; /*change if other languages are added*/
	left:15px;
	z-index:200;
}

#app-lang-selector li.lang-lang {
	display:block;
	clear:both;
	float:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:12px;
}

#app-lang-selector li.lang-lang-all {
	display:block;
	clear:both;
	float:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:12px;
	padding-left:20px;
}

.app-lang-choose {
	padding-left:12px;
}

.app-lang-current {
	list-style-type:none;
}

/* Language Selector */
.lang-wrapper {
	position:relative;
	min-height:20px;
	_height:23px;
}

.lang-wrapper #lang-selector {
	float:right;
	margin:0;
	right:0;
}

#lang-selector li {
	list-style-type:none;
	white-space:nowrap;
	line-height:1.5em;
	position:relative;
}

#lang-selector ul.lang-list {
	display:none;
	background:#fff url(http://s.bebo.com/img/nav_language_background.gif) 0 0;
	background-repeat:repeat-x;
	border:1px solid #ddd;
	padding:5px;
	height:142px; /*change if other languages are added*/
	_height:135px; /*change if other languages are added*/
	position:absolute;
	top:-170px; /*change if other languages are added*/
	_top:-146px; /*change if other languages are added*/
	left:-24px;
	z-index:200;
}

#lang-selector ul.lang-list li a {
  color:#006699;
}

#lang-selector ul.lang-list-aol-websearch {
	display:none;
	background:#fff url(http://s.bebo.com/img/nav_language_background.gif) 0 0;
	background-repeat:repeat-x;
	border:1px solid #ddd;
	padding:5px;
	height:142px; /*change if other languages are added*/
	_height:135px; /*change if other languages are added*/
	position:absolute;
	top:15px; /*change if other languages are added*/
	left:-24px;
	z-index:200;
}

.lang-wrapper #lang-selector ul.lang-list {
	top:16px;
	_top:14px;
	left:auto; *
	left:0;
	height:auto;
}

#lang-selector li.lang-lang {
	display:block;
	clear:both;
	float:none;
	margin-bottom:7px;
	width:80px;
}

#lang-selector li.lang-lang-aol-websearch {
	display:block;
	clear:both;
	float:none;
	padding-top:1px;
	padding-bottom:1px;
}

/* End Language Selector */ 
/* begin:BeboBox js class */
.bebobox {
	z-index:9998;
	position:absolute;
	border:3px solid #fff;
	background-color:#e5e5e3;
	text-align:left;
	padding:10px;
	width:600px;
}
.bebobox h3 {
	font-size:150%;
}
.bebobox .box-bd {
	background:#fff;
	padding:15px;
	margin-top:10px;
	margin-bottom:7px;
	min-height:100px;
	position:relative;
}
.bebobox .button-row,
.bebobox .form-buttons {
	text-align:center;
	margin-bottom:0;
}
.bebobox .form-buttons .delim {
	font-weight:bold;
	margin-right:5px;
}
.app_review {
	width:420px;
	
}
/* end:BeboBox js class */
span.explicit {
	color:red;
	border:1px solid red;
	font-size:.7em;
	padding:1px;
	margin:0px auto;
}

div.guidance { /*    float:left; */
	text-align:left;
}

div#SponsoredVideo div.VideoHotActions {
	float:right;
	text-align:right;
}

div.VideoHotContainer h3 {
	text-align:left;
}

div.VideoHotContainer div.guidance {
	text-align:left;
	color:#fff;
	padding-top:3px;
}

.gray-container-notitle {
	background:url(http://s.bebo.com/img/gray_container/corner_topleft.gif);
	top left:no-repeat;
}

.gray-container-notitle h3 {
	background:top right no-repeat
		url(http://s.bebo.com/img/gray_container/corner_topright.gif);
	margin:0 0 -22px 6px;
	padding:10px;
	color:#333;
	font-size:1.5em;
	font-weight:normal;
}

.gray-container-notitle-body {
	background:top right repeat-y
		url(http://s.bebo.com/img/gray_container/corner_rightborder.gif);
	margin:0;
	padding:22px;
}

.gray-container-notitle-body p {
	margin:0 0 0 -4px;
	padding:0 0 6px 0;
}

.gray-container-notitle-footer {
	background:bottom left no-repeat
		url(http://s.bebo.com/img/gray_container/corner_bottomleft.gif);
}

.gray-container-notitle-footer p {
	background:bottom right no-repeat
		url(http://s.bebo.com/img/gray_container/corner_bottomright.gif);
	display:block;
	padding:15px;
	margin:-2em 0 0 0;
}

div#aol-signin-link img {
	padding-right:10px;
}

div#aol-signin-link a {
	vertical-align:bottom;
}

/*old bebo, new chrome*/

ul.errors li,ul.errors li.error {
	margin:0;
	padding:2px;
}

/* Style for api developer tools */
#platform-content h1 {
	color:#0063DC;
}

#platform-content h3 {
	color:#ED0303;
	border-bottom:2px solid #3d3d3d;
	margin-bottom:.2em;
}

.clear {
	width:1px;
	height:1px;
	line-height:1px;
	visibility:hidden;
	clear:both;
	margin:0;
	padding:0
}

.clear2 {
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}

/* End hide from IE-mac */
#api-browser {
	
}

#api-browser td {
	vertical-align:top;
}

#controls {
	
}

#preview {
	
}

#preview-content {
	border:1px solid #cccccc;
	min-height:250px;
	overflow:auto;
}

#titlebar {
	font-weight:bold;
	font-size:1.2em;
	margin:1em;
	display:inline;
}

#titlebar * {
	float:left
}

#titlebar #title {
	margin:0;
	padding:0 5em;
	vertical-align:middle;
	line-height:1.5em;
	display:block;
	float:left;
	background-image:url(http://s.bebo.com/img/title_bar_bg.png);
	height:23px;
	margin:0;
}

#tools-links ul,#tools-links li {
	display:inline;
	margin:0;
	padding:0;
}

#render-time {
	font-size:.8em;
	float:right;
	margin-top:.5em;
}

.dashboard {
	
}

.dashboard ul {
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}

.dashboard li {
	display:inline;
	margin:.2em 0;
	padding:0 .3em;
	border-right:1px solid #cccccc;
	float:left;
}

.dashboard .separator {
	width:auto;
	height:1px;
	visibility:visible;
	border:none;
	border-top:1px solid #cccccc;
}

.dashboard .help {
	float:right;
	border:none;
}

.dashboard #last {
	border:0;
}

.dashboard .create-button {
	float:right;
	margin-right:.5em;
}

.shorten {
	padding:0;
	margin:0;
}

.no_padding {
	padding:0;
}

.add_border {
	border-bottom:2px solid #cccccc;
}

h2.error {
	margin:.2em 0;
}

#content .tabs,#tools-links {
	margin-top:.2em;
	border:1px solid #cdcdcd;
	padding:0;
	margin-bottom:.5em;
	background-image:url(http://s.bebo.com/img/page/light-gradient-sm.png);
}

#content .tabs ul {
	margin:0;
	padding:0;
}

#content .tabs li,#tools-links li {
	display:inline;
	margin:0 .5em 0 0;
	font-size:1.1em;
	padding:0 .5em;
	border-right:1px dashed #d0d0d0;
}

#content .tabs li a {
	color:#999999;
	text-transform:uppercase;
	text-decoration:none;
}

#content .tabs li a:hover {
	color:#ED0303;
}

#content .tabs li.current,#tools-links li.current {
	background-image:url(http://s.bebo.com/img/page/dark-gradient-sm.png);
	border:1px #464646;
	list-style-image:url(http://s.bebo.com/img/page/right-arrow.png);
	list-style-position:inside;
}

#content .tabs li.current a,#tools-links li.current a {
	color:#ccc;
}

#content .tabs li.current a:hover,#tools-links li.current a:hover {
	color:#fff;
	text-decoration:none;
}

/* sn-editor stuff */
.editor-cancel {
	margin-left:.5em;
}

.divider {
	height:1px;
	border:none;
	border-top:2px solid #d5d6da;
}

label.checkbox,#platform-content label.checkbox {
	float:none;
	display:inline;
}

.editor-button {
	background-color:transparent;
}

.editor-button {
	background-color:#c75140;
	border:2px #a33928 outset;
	padding:3px 6px;
	margin:6px 0 0 0;
	color:#ffffff;
	font-size:0.9em;
	text-transform:uppercase;
	text-decoration:none;
	outline:none;
}

.editor-button:hover {
	text-decoration:underline;
}

.editor-button:active {
	border-style:inset;
	background-color:#d86558e;
	padding:3px 6px;
	margin:6px 0 0 0;
	outline:none;
}

/* Help bubble */
.bubble-container{
	display:inline;
    position: relative;
    z-index: 1000;
}
.help-bubble{
    display: none;
    position: absolute;
    background-image: url(http://s.bebo.com/img/help_bubble/help-wrapper-top.png);
    background-repeat: no-repeat;
    padding-top: 20px;
    width: 320px;
    z-index: 1000;
}

.help-bubble .message {
    background-image:url(http://s.bebo.com/img/help_bubble/help-wrapper.png);
    background-repeat:repeat-y;
    padding:10px;
    margin-bottom:0;
}

.help-bubble .close {
    background-image:url(http://s.bebo.com/img/help_bubble/help-wrapper-bottom.png);
    background-position:center bottom;
    background-repeat:no-repeat;    
    padding-bottom:10px;
}
/* end help bubble */

/* profile stuff */
.module_navigation ul {
	display:inline;
}

.module_navigation li {
	display:inline;
}

.subtitle_text {
	font-size:11px;
	padding:5px 10px 10px;
}

/* band styles */
.band-item {
	display:inline;
	float:left;
	margin:.5em 0;
}

.band-item img {
	float:left;
	margin-right:1em;
}

.band-item h4 {
	margin:0 0 .2em 0;
	border:0;
	padding:0;
}

.band-item .info {
	margin-right:1em;
}

/* End band syles */ /* mp3 player styles */
.mp3-player {
	line-height:1em;
}

.mp3-player * {
	vertical-align:middle;
}

.mp3-player span {
	margin-left:.5em;
}

.mp3-artist {
	font-weight:bold;
}

.mp3-album {
	font-style:italic;
}

/* autocomplete styles */
.platform-throbber {
	display:none;
	vertical-align:middle;
	margin-right:.25em;
}

div.autocompleter-loading {
	display:none; /* no ajax = no need for loading images*/
}
/* remove autocompleter-choices once we support photos redesign. -PaulM 7/14/09 */
ul.autocompleter-choices {
	position:absolute; 
	border:1px solid #cccccc;
	background-color:white;
	text-align:left;
	z-index:50;
}

ul.autocompleter-choices li {
	position:relative;
	cursor:pointer;
}

ul.autocompleter-choices li.autocompleter-selected {
	background:#cccccc;
	color:#fff;
}

ul.autocompleter-choices span.autocompleter-queried {
	font-weight:bold;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
	{
	color:#fff;
}

/* new photos styles to replace older stuff above -PaulM 7/14/09 */

ul.autocompleter-choices2 {
	position:relative;
	border:1px solid #ccc;
	background-color:white;
	border-right-color:#ccc;
	border-bottom-color:#ccc;
	text-align:left;
	z-index:50;
}

ul.autocompleter-choices2 li {
	display:block;
	clear:both;
	float:none;
	margin:0;
	overflow:visible;
	height:auto;
	width:auto;
	min-height:0;
	min-width:0;
	position:relative;
	padding:0.1em 1.5em 0.1em 1em;
	cursor:pointer;
	color:#333;
}

ul.autocompleter-choices2 li.autocompleter-selected {
	background:#ccc;
	color:#000;
}

ul.autocompleter-choices2 span.autocompleter-queried {
	font-weight:bold;
}

ul.autocompleter-choices2 li.autocompleter-selected span.autocompleter-queried {
	color:#000;
}

.username {
	position:absolute;
	right:4px;
	font-style:italic;
}

/* multi-friend selector styles */
.multi-select .added-username {
	display:inline-block;
	color:#fff;
	font-weight:bold;
	background-color:#4c980e;
	padding:2px;
	margin-right:4px;
	margin-bottom:2px;
	white-space:nowrap;
}
.multi-select .added-username a.remove {
	color:#fff;
	margin-left:5px;
	padding-left:3px;
	border-left:1px solid #fff;
}
.multi-select .added-username a:hover {
	text-decoration:none;	
}
.multi-select .autofill-selector {
	display:block;
	clear:both;
	float:none;
}
/* request form */
.multi-friend-select .tab-item-content {
	height:275px;
	overflow:auto;
}

.multi-friend-select ul.friend-list {
	padding:0 0;
	margin:1em 0 0 0;
}

.friend-select {
	float:left;
	width:150px;
}
.grid li.friend-select {
	float:none;
	width:150px;
}
.friend-select img {
	float:left;
	margin:0 .5em;
}

.friend-select a {
	display:block;
	padding:.5em 0;
	border:1px solid transparent;
}

.friend-select a:hover {
	border:1px solid #c2c2c2;
	background-color:#eeeeee;
}

.friend-select p {
	margin:0;
	padding:0;
}

.multi-friend-select .added {
	background-image:url(http://s.bebo.com/img/page/button-gradient.png);
}

.multi-friend-select .added a {
	border:1px solid #9e1818;
	color:#000;
}

.multi-friend-select .added a:hover {
	background-color:#b54e4e;
	color:#000;
}

.request-form .buttons {
	margin-top:1em;
}

.request-form .buttons input {
	margin-right:1em;
}

/* internal tags */
.quick-tabs ul {
	display:inline;
	padding:0;
	margin:0;
}

li.quick-tab {
	display:inline;
	margin:0 .25em 0 0;
	background-color:#c1c1c1;
	border:1px solid #c1c1c1;
	border-bottom:none;
	font-size:.95em;
	font-weight:normal;
	padding:.2em 1em 1px 1em;
}

.quick-tabs li.current {
	background-color:#eee;
	border:1px solid #d7d8d8;
	border-bottom:1px solid #eee;
	color:#c1c1c1;
}

.quick-tabs li a {
	color:#666;
}

.quick-tabs li a:hover {
	text-decoration:none;
	color:#ed0303;
}

.quick-tabs li.current a {
	color:#000;
}

.quick-tabs li.current a:hover {
	text-decoration:none;
}

#content .tab-content {
	border:1px solid #d7d8d8;
	background-color:#eee;
}

.tab-item-content {
	padding:4px;
	clear:both;
}

.app-contest-content {
	border:2px solid #A33928;
	background-color:#eee;
	padding-left:4px;
	padding-bottom:4px;
}

#content div.status {
	color:#333;
	background:#FFF9D7 none repeat scroll 0 0;
	border:1px solid #E2C822;
	margin:0 10px 10px;
	padding:10px;
}

#profileProfilePhotoTd span.status {
	background:transparent;
	border:0;
	display:block;
	margin:auto;
	padding:0;
	margin-top:-7px;
}

/* internal timing */
.snml-timing {
	float:right;
	font-size:.9em;
}

/* documentation */
#documentation {
	float:left;
	width:70%;
}

#documentation h1 {
	margin-top:1em;
	border-bottom:1px solid #aaa;
}

#quick-nav {
	margin-top:1em;
	font-size:.95em;
}

#quick-nav ul {
	padding:.2em .5em;
	display:inline;
	background-color:#e7e8eb;
	margin:0;
}

#quick-nav li {
	display:inline;
	margin-left:.5em;
	color:#999;
}

#quick-nav li img {
	vertical-align:middle;
	border:0;
	margin-right:.25em;
}

#quick-nav a {
	color:#666666;
	font-weight:bold;
}

#quick-nav h3 {
	display:inline;
	color:#666;
	margin-right:.5em;
	padding:0;
}

#documentation-nav {
	float:left;
	clear:left;
	margin-right:1em;
	overflow:auto;
	width:27%;
}

#order {
	font-size:.75em;
	display:block;
}

#order a {
	margin-left:.5em;
}

#documentation-nav ul {
	margin:0;
	margin-left:2em;
	padding:0
}

#documentation-nav li {
	list-style:none;
	margin-bottom:.2em;
}

#documentation-nav li.index {
	margin-left:-2em;
	margin-top:1em;
	margin-bottom:.5em;
	border-bottom:1px solid #aaa;
}

#documentation-nav li.index img {
	margin-right:.5em;
	margin-left:0;
}

#documentation-nav li img {
	vertical-align:middle;
	margin-left:5px;
}

#current-tag {
	border-left:1px solid #d5d6da;
	margin:0 1em;
	text-align:center;
	background-image:url(http://s.bebo.com/img/platform_doc_current.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:10px;
}

#current-tag a {
	color:#14597D;
	margin-left:.5em;
}

#related-tags ul {
	display:inline;
	padding:0;
}

#related-tags li {
	display:inline;
	margin-left:.25em;
}

.attributes li,#valid-contexts li {
	list-style:none;
	margin-bottom:.5em;
	margin-left:2em;
}

.attributes label,#valid-contexts label {
	font-weight:bold;
}

.attributes .attribute-type {
	font-style:italic;
	margin-right:.5em;
}

#code-preview #preview-content {
	min-height:0px;
}

/* snql css.. */
#snql-nav {
	float:left;
	width:20%;
}

#snql-nav ul {
	margin-left:0;
	padding-left:0;
}

#snql-nav ul li {
	list-style:none;
	font-weight:bold;
}

#snql-nav ul ul {
	padding-left:2em;
}

#snql-nav ul ul li {
	font-weight:normal;
	margin-left:0;
	padding-left:0;
}

#snql-table-doc {
	float:left;
	width:70%;
}

#snql-table-doc #columns dt {
	font-weight:bold;
}

#snql-table-doc #columns dd {
	margin-bottom:1em;
}

#snql-table-doc #columns .primary-key {
	display:inline;
	background:darkblue;
	margin-left:.5em;
	padding-left:.5em;
	padding-right:.5em;
	color:white;
	font-weight:normal;
}

#snql-table-doc #columns .foreign-key {
	display:inline;
	background:lightblue;
	margin-left:.5em;
	padding-left:.5em;
	padding-right:.5em;
	color:black;
	font-weight:normal;
}

#snql-table-doc #columns .indexable {
	display:inline;
	background:green;
	margin-left:.5em;
	padding-left:.5em;
	padding-right:.5em;
	color:white;
	font-weight:normal;
}

#snql-table-doc #columns .protected {
	display:inline;
	background:purple;
	margin-left:.5em;
	padding-left:.5em;
	padding-right:.5em;
	color:white;
	font-weight:normal;
}

#snql-table-doc #columns .not-supported {
	display:inline;
	background:red;
	margin-left:.5em;
	padding-left:.5em;
	padding-right:.5em;
	color:white;
	font-weight:normal;
}

#snql-overview-doc {
	float:left;
	width:70%;
}

#snql-operators-doc {
	float:left;
	width:70%;
}

#snql-operators-doc dt {
	font-weight:bold;
	clear:left;
	float:left;
	display:block;
	width:3em;
}

#snql-operators-doc dd {
	float:left;
	display:block;
	margin-left:0;
	margin-bottom:1em;
}

#snql-function-doc {
	float:left;
	width:70%;
}

#snql-function-doc dt {
	font-weight:bold;
}

#snql-function-doc dd {
	margin-left:2em;
}

#snql-function-doc dl {
	margin-left:0;
	padding-left:0;
}

#snql-function-doc dl dl {
	padding-left:2em;
	margin-bottom:1em;
}

#snql-function-doc .required {
	display:inline;
	background:pink;
	margin-left:.5em;
	padding-left:.5em;
	padding-right:.5em;
	font-weight:normal;
}

/* end of snql css */
#top-rated-applications {
	background:#eee;
	padding:8px;
	border:1px dotted #cccccc;
	margin:0 0 12px 0;
}

#top-rated-applications h1 {
	font-size:16px;
	line-height:16px;
	margin:0px;
	padding:0px;
}


.app-tiny {
	width:16px;
	height:16px;
}
#my-applications .hd,
#my-applications .bd,
#content #my-applications .hd,
#content #my-applications .bd {
	width:auto;
	height:auto;
	background:transparent;
}
#my-applications .hd,
#content #my-applications .hd {
	padding:10px 0 0 10px;	
}
#my-applications .bd,
#content #my-applications .bd {
	padding:10px;
}
#my-applications .hd h2,
#my-applications .hd h3,
#content #my-applications.mod .hd h2,
#content #my-applications.mod .hd h3 {
	display:inline;
	font-size:100%;
	font-weight:bold;
	font-family:arial, helvetica, sans-serif;
	color:#333;
	padding:0;
}
#my-applications ul.apps-list li {
	clear:none;
	float:left;
	margin-right:5px;
}
#my-applications ul.apps-list li img {
	border:1px solid #999;
}
#my-applications.expand ul.apps-list {
	display:none;
}

#my-applications a.toggle {
	display:inline-block;
	display:-moz-inline-box;
	clear:right;
	float:left;
	background-image:url(http://s.bebo.com/img/sprite_arrow.png);
	_background-image:url(http://s.bebo.com/img/sprite_arrow.gif);
	background-position:0 -800px;
	width:21px;
	height:21px;
	margin-right:10px;
}
#my-applications .drawer {
	display:block;
	clear:both;
	float:none;
}
#my-applications .drawer .grid {
	clear:both;
	float:none;	
}
#my-applications.expand .drawer {
	display:block;
	width:auto;
	overflow:visible;
}
#my-applications.expand .drawer .apps-grid span.thumb-label {
	text-align:center;
}

#my-applications.expand a.toggle {
	background-position:0 -1000px;
}
#content #my-applications.mod .bd a:link,
#content #my-applicatons.mod .bd a:visited {
	color:#7995CD;	
}
#top-rated-applications {
	background-color:#ffffff;
	color:#000000;
	border:0px;
	padding:8px 0px 20px 0px;
}

#top-rated-applications h1 {
	float:left;
	background-color:#ffffff;
	color:#000000;
}

#top-rated-applications a.view-all {
	float:right;
}

#top-rated-applications .quick-tabs {
	margin-top:12px;
}

#top-rated-applications .quick-tabs ul {
	padding:0px;
}

#top-rated-applications .quick-tabs li {
	padding:2px 11px 5px 11px;
	margin-right:4px;
}

#top-rated-applications .quick-tabs li a {
	line-height:20px;
}

#top-rated-applications .quick-tabs li a:hover {
	color:#ed0303;
}

#top-rated-applications .quick-tabs li.current {
	background-color:#eeeeee;
	color:#c1c1c1;
	border:1px solid #cccccc;
	border-bottom:0px;
}

#top-rated-applications .tab-item-content {
	height:100px;
	padding:25px 12px;
}

#top-rated-applications .tab-item-content div {
	float:left;
	width:122px;
	text-align:center;
}

#top-rated-applications .title {
	display:block;
	text-align:center;
}

#top-rated-applications a img {
	border:1px solid black;
	margin-bottom:2px;
}

#top-rated-applications .rating {
	font-size:9px;
}

#top-rated-applications .rating .app-rating {
	display:block;
	margin:0 auto;
}

#app-tool-tip {
	position:absolute;
	width:265px;
	text-align:left;
	background:url(http://s.bebo.com/img/AppToolTipBottom.png) no-repeat bottom center;
	padding-bottom:9px;
	z-index:1000;
}

#app-tool-tip-inner {
	width:255px;
	border:solid 1px #EAD020;
	border-bottom:none;
	background:#FFFADE;
	padding:4px 4px 10px;
}

* html #app-tool-tip-inner {
	width:265px;
}

#app-tool-tip h1 {
	float:none;
	margin-bottom:.75em;
	font-size:1.3em;
}

#app-tool-tip label {
	float:left;
	clear:left;
	display:block;
	width:112px;
}

#app-tool-tip ul {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:138px;
}

#app-tool-tip ul li {
	display:block;
	float:left;
	list-style:none;
	margin-right:.5em;
	border:none;
}

#app-tool-tip .friends-rating,#app-tool-tip .bebo-rating {
	float:left;
	display:block;
	margin-top:2px;
}

.app_review {
	display:none;
	margin:10;
	padding:10;
}

.app_review a {
	color:black !important;
}

.listing-item {
	clear:both;
	background:white;
	margin-top:0px;
	margin-bottom:0px;
	border-top:1px solid #cfcfcf;
	padding-left:30px;
	padding-bottom:10px;
	padding-top:10px;
	vertical-align:top;
	font-size:small;
	font-family:arial, helvetica, clean, sans-serif;
}

.listing-content {
	float:left;
	width:460px;
}

.listing-image {
	float:left;
	width:70px;
}

.listing-author {
	clear:both;
	color:#999999;
	font-size:smaller;
	padding-top:0.5em;
}

.listing-action {
	float:right;
	color:#999999;
	font-size:smaller;
	padding-bottom:0.5em;
}

#application-container ul {
	list-style:none;
	padding:0;
	margin:0;
}

#application-container ul.even {
	float:left;
}

#application-container ul.odd {
	float:right;
}

.application-directory {
	background:#eee;
	width:100%;
}

.application-showcase {
	background:#fff;
	width:99%;
	height:300px;
	float:center;
}

.showcase-application {
	background:#fff;
	width:99%;
	height:300px;
	float:center;
}

.application-browse {
	background:#eee;
	padding:0px;
	border:4px solid #eee;
	margin:0 0 12px 0;
	width:760px;
	table-layout:auto;
}

.application-categories {
	padding:8px;
	border:0px;
	margin:10px 0 0 0;
	width:160px;
	color:#7995CD;
	vertical-align:top;
}

.application-topcategory {
	font-size:1.2em;
}

.application-subcategory {
	margin-left:6px;
	font-size:1em;
}

.application-listing {
	background:white;
	width:540px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:30px;
	padding-bottom:10px;
	vertical-align:top;
}

.application-summary {
	padding-top:15px;
	vertical-align:top;
}

.application-pagination {
	padding-right:30px;
	float:right;
}

.app-icon {
	width:60px;
	height:60px;
	border:none;
}

.app .footer {
	text-align:right;
	font-size:14px;
	margin-top:10px;
}

div.upload-icon {
	float:left;
}

div.upload-icon img {
	border:1px solid black;
	display:block;
	margin-top:3px;
}

/* drop down styles */
.drop-down {
	background:#fff;
	border:1px solid #ccc;
	display:inline-block;
	position:relative;
	padding:.25em;
	margin:.2em;
}

.drop-down .drop-down-menu {
	background:#ccc;
	position:absolute;
	top:1.7em;
	left:-1px;
	right:0;
	white-space:nowrap;
	width:100%;
	z-index:100;
}

.drop-down .arrow {
	border-left:1px solid #ccc;
	padding-left:5px;
	margin:0;
}

.drop-down .arrow img {
	vertical-align:middle;
}

.drop-down-options {
	display:block;
	padding-left:0;
	text-align:left;
	position:absolute;
	left:0;
	left:auto;
	background-color:#fff;
	border:1px solid #ccc;
	margin:0;
	padding:0;
	_line-height:1em;
}

.drop-down-options li {
	list-style:none;
	margin:0;
	padding:0;
}

.drop-down-options li a {
	display:block;
	width:10em;
	padding:0 .25em;
	margin:0;
	text-decoration:none;
}

.drop-down-options li a:hover {
	background-color:#ccc;
}

.drop-down a {
	padding:0;
}

pre.code {
	background:#F7F7F7 none repeat scroll 0%;
	border:1px solid #D7D7D7;
	margin:1em 1.75em;
	overflow:auto;
	padding:0.25em;
	font-family:"Courier New", Courier, monospace;
	font-size:100%;
}

/* Pop up dialog for sn:dialog */
.dialog {
	border:1px solid #999;
	background:#fff;
	width:400px;
	display:none;
	text-align:left;
	position: fixed;
	_position: absolute;
}

.dialog-title {
	background-image:url(http://s.bebo.com/img/page/header-back.png);
	border-bottom:1px solid #999;
	color:#fff;
	margin:0;
	padding:.25em .5em;
}

.buttons {
	text-align:right;
	border-top:1px solid #ccc;
	margin:.25em 0;
	padding:5px;
	background-color:#f7f7f7;
}

.dialog .content {
    padding:.5em;
}

/* end sn:dialog */ /* sn:mediaheader */
.mediaheader .separator {
	width:auto;
	height:1px;
	visibility:visible;
	border:none;
	border-top:1px solid #cccccc;
}

.mediaheader-title {
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:1px;
}

.mediaheader ul {
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}

.mediaheader li {
	display:inline;
	margin:.2em 0;
	padding:0 .3em;
	border-right:1px solid #cccccc;
	float:left;
}

/* end sn:mediaheader */ /* sn:submit */
#content .button-wrapper {
}

a.yourmom,a.submit-button {
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	height:22px;
	background-color:transparent;
	background-image:url(http://s.bebo.com/img/buttonsubmit.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	vertical-align:middle;
	position:relative;
	margin:0 8px 0 0;
	padding:0;
	outline:none;
}

a.yourmom span,a.submit-button span {
	white-space:nowrap;
	cursor:pointer;
	font-size:7.5pt;
	text-transform:uppercase;
	display:-moz-inline-box;
	display:inline-block;
	background:transparent no-repeat 100% 0;
	background-image:url(http://s.bebo.com/img/buttonsubmit.gif);
	color:#fff;
	padding:5px 11px 0px 0px;
	_position:relative;
	margin:0 -9px 0 9px;
	_top:0;
	_right:-11px;
	height:17px;
	vertical-align:text-top;
	outline:none;
}

a.yourmom:hover,a.submit-button:hover {
	text-decoration:none;
}

a.yourmom:active,a.submit-button:active {
	background-position:0 100%;
	outline:none;
}

a.yourmom:active span,a.submit-button:active span {
	background-position:100% 100%;
	outline:none;
}

/* end sn:submit */
#content table#bebonation-table {
	background:#fff;
	position:absolute;
	left:0;
}

#content label.checkbox,#content #platform-content label.checkbox {
	float:none;
	display:inline;
}

/* Account.jsp hackery */
body#Account_jsp table {
	border-spacing:5px;
}

body#Account_jsp table tr {
	line-height:inherit;
}

body#Account_jsp table tr td {
	cellspacing:1px;
	padding:1px;
}

/* fbjs_dialogs*/
.generic_dialog {
height:0px;
left:0px;
overflow:visible;
position:absolute;
top:0px;
width:100%;
z-index:101;
}
#generic_dialog_iframe {
left:0px;
position:absolute;
top:0px;
z-index:3;
background-color:black;
opacity:0.4;
}
.generic_dialog .generic_dialog_popup {
height:0px;
overflow:visible;
position:relative;
}
.generic_dialog div.dialog_loading {
background-color:#F2F2F2;
border:1px solid #606060;
font-size:24px;
padding:10px;
}
#generic_dialog_overlay {
display:block;
left:0px;
position:absolute;
top:0px;
width:100%;
z-index:100;
}
.dialog_body .dialog_content_img {
float:left;
margin-right:15px;
}
.dialog_body .dialog_content_txt {
float:left;
padding-bottom:5px;
width:300px;
}
.dialog_body .dialog_content_body {
padding-bottom:13px;
}
.dialog_body .form_label {
padding-right:5px;
}
.dark_dialog_overlay {
background-repeat:repeat;
}
* html .dark_dialog_overlay {
background-color:transparent;
}
.full_bleed .pop_dialog_table td.pop_content .dialog_body {
padding:0pt;
}
table.pop_dialog_table {
border-collapse:collapse;
direction:ltr;
margin:auto;
table-layout:fixed;
width:465px;
}
td.pop_topleft, td.pop_topright, td.pop_bottomleft, td.pop_bottomright {
height:10px;
overflow:hidden;
padding:0px !important;
width:10px !important;
}

td.pop_topleft {
/*background:transparent url(http://s.bebo.com/imgs/pop-dialog-sprite.png) no-repeat scroll 0pt;*/
}
td.pop_topright {
/*background:transparent url(http://s.bebo.com/imgs/pop-dialog-sprite.png) no-repeat scroll 0pt -10px;*/
}
td.pop_bottomleft {
/*background:transparent url(http://s.bebo.com/imgs/pop-dialog-sprite.png) no-repeat scroll 0pt -20px;*/
}
td.pop_bottomright {
/*background:transparent url(http://s.bebo.com/imgs/pop-dialog-sprite.png) no-repeat scroll 0pt -30px;*/
}
td.pop_top, td.pop_bottom {
/*background:transparent url(http://s.bebo.com/imgs/pop-dialog-sprite.png) repeat-x scroll 0pt -40px;*/
}
td.pop_side {
/*background:transparent url(http://s.bebo.com/imgs/pop-dialog-sprite.png) repeat-y scroll -10px 0pt;*/
}
.ie6 td.pop_topleft {
/*background-image:url(http://s.bebo.com/imgs/pop_dialog_top_left.png) !important;*/
}
.ie6 td.pop_topright {
/*background-image:url(http://s.bebo.com/imgs/pop_dialog_top_right.png) !important;*/
}
.ie6 td.pop_bottomleft {
/*background-image:url(http://s.bebo.com/imgs/pop_dialog_bottom_left.png) !important;*/
}
.ie6 td.pop_bottomright {
/*background-image:url(http://s.bebo.com/imgs/pop_dialog_bottom_right.png) !important;*/
}
.ie6 td.pop_border {
/*background-image:url(http://s.bebo.com/imgs/pop_dialog_border.png) !important;*/
}

#pop_dialog_table td.pop_content {
background-color:white;
direction:ltr;
padding:0px;
text-align: left
}
td.pop_content h2 {
background-image: url(http://s.bebo.com/img/page/header-back.png);
border-bottom: 1px solid #999;
color: #fff;
margin: 0;
}
td.pop_content h2.dialog_title {
background:#6D84B4 none repeat scroll 0%;
border:1px solid #3B5998;
color:white;
font-size:14px;
font-weight:bold;
margin:0px;
}
td.pop_content h2.dialog_loading {
background:#6D84B4 no-repeat scroll 400px 10px;
padding-right:40px;
}
td.pop_content h2 span {
display:block;
padding:4px 10px 5px;
}
td.pop_content .dialog_content {
margin: 0;
padding: .25em .5em;
}
td.pop_content .dialog_body {
padding: .25em .5em;
background-color: #f7f7f7;
}
td.pop_content .dialog_summary {
background:#F2F2F2 none repeat scroll 0%;
border-bottom:1px solid #CCCCCC;
padding:8px 10px;
}
td.pop_content .dialog_buttons {
text-align: right; 
border-top: 1px solid #ccc;
margin: .25em 0;
padding: 5px;
background-color: #f7f7f7;
}
.contextual_dialog {
text-align: left;	
}
.contextual_dialog .generic_dialog_popup {
position:absolute;
width:360px;
}
.contextual_dialog .contextual_arrow, .contextual_dialog .contextual_arrow_rev {
background-image:url(http://s.bebo.com/img/platform/fbjs_dialog_triangle.gif);
background-repeat:no-repeat;
height:12px;
position:relative;
top:1px;
}
.contextual_dialog .contextual_arrow_rev {
/*background-image:url(http://s.bebo.com/img/platfrom/fbjs_dialog_triangle_rev.gif);*/
}
.contextual_dialog .contextual_arrow span, .contextual_dialog .contextual_arrow_rev span {
display:none;
}
.contextual_dialog h2 {
color:black;
padding-bottom:2px;
font-weight:bold;
}
.contextual_dialog .contextual_dialog_content {
background-color:#F7F7F7;
border-color: #B7B7B7 rgb(183, 183, 183) rgb(132,132,132);
border-opacity: 0.4;
border-style:solid;
border-width:1px 1px 5px;
line-height:15px;
padding:8px 10px 10px;
}
.contextual_dialog .dialog_buttons {
text-align: left; 
border-top: 1px solid #ccc;
margin: .25em 0;
padding-top: 5px;
background-color: #f7f7f7;
}
.contextual_dialog .dialog_buttons input {
margin-right:10px;
}
.contextual_dialog .dialog_buttons_msg {
float:right;
}
.camera td.pop_content .dialog_body {
margin-bottom:0px;
padding:0px;
}
.camera td.pop_content .dialog_buttons {
border-top:1px solid #555555;
margin-top:-2px;
}

.help-container {
    max-width: 400px;
}

#challenge-box {
  background:url(http://s.bebo.com/img/challenge_bg.png) no-repeat 50% 0;
  background-repeat:no-repeat;
  background-position:50% 0;
  border:5px solid #fff;
}
#challenge-box #challenge-wrapper {
  margin:5px 24px 20px 24px;
}
#challenge-box #challenger {
    clear:right;
    float:left;
    background:url(http://s.bebo.com/img/challenge_redcard.png) no-repeat;
}
#challenge-box .challenge-box {
  padding:10px;
  width:183px;
  height:223px;
    text-align:center;
    position:relative;
    overflow:hidden;
}
#challenge-box #challenge-game {
    clear:right;
    float:left;
    background:url(http://s.bebo.com/img/challenge_bevel.gif) no-repeat;
    width:76px;
    height:76px;
    margin-top:70px;
    margin-left:16px;
}
#challenge-box #challenge-game .thumb {
  display:block;
  margin-top:8px;
  margin-left:8px;
}
#challenge-box #challenged {
    clear:none;
    float:right;
    background:url(http://s.bebo.com/img/challenge_bluecard.png) no-repeat;
}
#challenge-box .challenge-box h4 {
    display:block;
    font-weight:bold;
    font-size:150%;
    margin:5px auto;
}
#challenge-box .challenge-box .thumb {
    display:block;
    clear:both;
    width:90px;
    height:90px;
    border:2px solid #b80b0b;
    margin:10px auto;
}
#challenge-box #challenged .thumb {
    border-color:#0d73c0;
}
#challenge-box .challenge-box .location {
    display:block;
    clear:both;
}
#challenge-box .challenge-box ul.game-stats {
    color:white;
    margin:7px;
    padding:5px;
    background-repeat:no-repeat;
    width:100%;
    text-align:left;
    position:absolute;
    left:10px;
    right:10px;
    bottom:10px;
}
#challenge-box #challenger ul.game-stats {
    background-image:url(http://s.bebo.com/img/challenge_red_grd.png);
}
#challenge-box #challenged ul.game-stats {
    background-image:url(http://s.bebo.com/img/challenge_blue_grd.png);
}
#challenge-box .form-wrapper {
    clear:both;
    float:none;
    margin-top:5px;
}
#challenge-box .form-wrapper h4 {
  font-weight:bold;
  margin-bottom:5px;
}
#challenge-box .form-wrapper textarea {
  width:60%;
}
#smack-talk-box .form-wrapper textarea {
	width:100%;	
}
#challenge-box .form-wrapper .challenge-choice label,
#smack-talk-box .form-wrapper .challenge-choice label {
  padding-right:16px;
  background-image:url(http://s.bebo.com/img/icon-comment.png);
  background-repeat:no-repeat;
  background-position:100% 0;
}
#challenge-box .form-wrapper .smack-choice label,
#smack-talk-box .form-wrapper .smack-choice label {
  padding-right:16px;
  background-image:url(http://s.bebo.com/img/icon-smacktalk.png);
  background-repeat:no-repeat;
  background-position:100% 0;
}
#challenge-box .form-wrapper .inline-list li,
#smack-talk-box .form-wrapper .inline-list li {
  border:none;
}
#classic-subnav {
	background-repeat:none;
}
#classic-subnav #profile-subnav {
	clear:right;
	float:left;
	margin-top:15px;
	padding-left:10px;
}
#classic-subnav #profile-subnav li {
	clear:right;
	float:left;
	font-weight:bold;
}
#classic-subnav #profile-subnav li a {
	display:block;
	padding:4px 10px 5px 10px;
}
#classic-subnav #profile-subnav li.selected {
	background-color:#fff;
}
#classic-subnav #profile-subnav li.selected a {
	color:#333;
}
#classic-subnav #profile-subnav li a:hover {
	text-decoration:none;
}
#hd #global-nav #nav-links #viximo-tab div{
	padding-top: 7px;
}
#hd #global-nav #nav-links #viximo-tab{
	background: none;
}

#aolLogin a { 
	display:block;
	background:url(http://s.bebo.com/img/aol-login.png) no-repeat left top;
	text-indent:-9999px;
	width:154px;
	height:22px;
}

#fbLogin {
width: 154px;

}

.login-wrapper { 
	min-width:375px !important;
}

.login-wrapper a.small {
margin-top: 18px;
padding: 2px;

}

#splash .hd .search-wrapper .text-input {
	font-size: 110% !important;
	padding:4px;
	width: 235px !important; 
}
#splash .hd .login-wrapper .text-input {
	padding:3px;
	margin-bottom: 6px;
        width: 108px !important;
}
#splash .hd .delim {
	padding-bottom: 35px;
	padding-top: 35px;
	margin:0 5px 0 12px;
}

.new_info, .new_success, .new_warning, .new_error, .new_validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 12px;
    font-weight: bold;
}
.new_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(http://s.bebo.com/img/info.png);
}
.new_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(http://s.bebo.com/img/valid_green.png);
}
.new_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(http://s.bebo.com/img/attention.png);
}
.new_error {
    color: #D8000C;
    background-color: #FFBABA;
    font-size: 11px;
    background-image: url(http://s.bebo.com/img/cancel.png);
}

#unlimited-luv-promo img {
	margin-bottom: -1px;
}

#facebook-connect-home-promo img {
	margin-bottom: -1px;
}

#facebook-connect-home-promo img:hover {
cursor: pointer; 
}



/******* END: Including global.css *******/