body { margin: 30; padding: 0; text-align:center;  /*background: url(http://www.neilio500.co.uk/images/background.png); */background-attachment: fixed; background-color:#840BFD;}
hr {
color: red;
}

a {color:#0000FF; font-weight: bold;font-family: Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal;}
a:visited {color:#CC00FF; font-weight: bold;}
a:hover {color:#000000; font-weight: bold; cursor:crosshair;}
a:hover.hidden,img.hidden,font.hidden {color:#BBBBBB; font-weight: bold; cursor:not-allowed; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: underline;}

/* global */
#bottom-links { position:relative;padding: 0; margin: 0;}
#paper-top { position:relative;background: url(images/paper-top.png) repeat-y top;width:750px; padding: 0; margin: 0; height:170px;}
#paper-middle { position:relative;background: url(images/paper-middle.png) repeat-y top;width:750px; padding: 0; margin: 0;}
#paper-bottom { position:relative;background: url(images/paper-bottom.png) repeat-y top;width:750px; padding: 0; margin: 0; height:15px;}

/*#main-links { position:relative;width:25%; text-align: left; padding: 0; margin: 0;}*/
#main-text { position:relative;width:710px; left: -7.5px; padding: 0; margin: 0;font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-style: normal; color:#9900FF;}
#page-title { position:relative; left: 0px; top:-10px; padding: 0; margin: 0;font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold; color:#0000AA;}


#light { color: #000099;font-size: small;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-size: 12px;line-height: 140%; text-align:left;}
#onloadlight { color: #000099;font-size: small;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-size: 12px;line-height: 140%; text-align:left;}



.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 35%;
	width: 30%;
	height: 40%;
	padding: 15px;
	border: 15px solid white;
	background-color: #33CCFF;
	z-index:1002;
	overflow:auto;
}

.close_content {
	text-align:right;
	display: none;
	position: absolute;
	top: 71.9%;
	left: 35%;
	width: 32.4%;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: white;
	z-index:1003;
}

.onloadwhite_content {
	display: none;
	position: absolute;
	top: 20%;
	left: 35%;
	width: 30%;
	height: 50%;
	padding: 15px;
	border: 15px solid white;
	background-color: #FFFF99;
	z-index:1002;
	overflow:auto;
}

/* Unused Stuff
#navbarbg { position:relative; background: url(http://www.neilio500.co.uk/images/navbar.png) repeat-x top; height: 100px; padding: 0; margin: 0;}
#navbuttons { position:relative; top:25px; height: 36px; width: 750px;}
#navbuttonsbar { position:relative; top:31px; height: 15px; width: 750px;}
#mainbg, #mainbg2, #mainbg3, #mainbg4, #mainbg5, #mainbg6, #mainbg7, #mainbg8, #mainbg9 { position:relative; background: url(http://www.neilio500.co.uk/images/bg.png) repeat-y top; width: 750px; padding: 0; margin: 0;}
#footer, #footer2, #footer3, #footer4, #footer5, #footer6, #footer7, #footer8, #footer9 { position:relative; background: url(http://www.neilio500.co.uk/images/footer.png) repeat-x; width: 746px; height:50px; padding: 0; margin: 0;}
#secondheader, #secondheader2, #secondheader3, #secondheader4, #secondheader5, #secondheader6, #secondheader7, #secondheader8, #secondheader9 { position:relative; background: url(http://www.neilio500.co.uk/images/header2.png); width: 750px; height:40px; padding: 0; margin: 0;}
#secondbottomlinks { position:relative; background: url(http://www.neilio500.co.uk/images/bottomlinks.png) repeat-x; width: 750px; padding: 0; margin: 0;}
#adminheader { position:relative; background: url(admin/http://www.neilio500.co.uk/images/header.png); width: 750px;  padding: 0; margin: 0;}
#adminbottomlinks { position:relative; background: url(http://www.neilio500.co.uk/admin/images/bottomlinks.png) repeat-y; width: 750px; padding: 0; margin: 0;}
#bottom { position:relative; width: 750px; padding: 0; margin: 0;}

#pagetitle, #pagetitle2, #pagetitle3, #pagetitle4, #pagetitle5, #pagetitle6, #pagetitle7, #pagetitle8, #pagetitle9 { font-size: 28pt; font-weight: bold}
#maintext, #maintext2, #maintext3, #maintext4, #maintext5, #maintext6, #maintext7, #maintext8, #maintext9 { font-size: 12pt;}
/* global: end 

/* Classes 
.gen { font-size : 12px; color : black; }
a.gen { text-decoration: underline; }
a.gen:hover { color: #DD6900; text-decoration: underline; }
.clientnav { font-size : 16px; color : #FF9999; }
a.clientnav { color: yellow; text-decoration: underline; }
a.clientnav:hover { color: #FFCC00; text-decoration: underline; }
.clienttextarea { font-family: arial; }

table.ticket { border-collapse: collapse }
th.ticket { font-size : 12px; color : black; background-color:#EE0000; font-weight: bold; }
td.ticket { font-size : 12px; color : black; background-color:white; }
a.ticket { font-size : 12px; color : black; background-color:white; text-decoration: underline; font-weight: bold; }

td.extranavleft { background: url(http://www.neilio500.co.uk/images/extranavleft.png) repeat-x; }
td.extranavright { background: url(http://www.neilio500.co.uk/images/extranavright.png) repeat-x; }
/* Classes: End 

/*forms
input, textarea, select {
border-width : 2px; 
background-color : #FFFFFF;
border-color: #FF0000;
}
/*forms: end

/* Light Box 

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #90F;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	margin-top: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 50%;
	height: 100%;
	background: transparent url(http://www.neilio500.co.uk/js/images/blank.gif) no-repeat; /* Trick IE into showing hover 
	display: block;
	}
#prevLink { top:10px; left: 10px; float: left;}
#nextLink { top:10px; right: 10px; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.neilio500.co.uk/js/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.neilio500.co.uk/js/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #90F;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #0CF; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: #222;
	}
	

/* Min-Width 
.lbWidth { /* most browsers 
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 
	padding-left: 790px;
	}
	
	
/* Clearfix 	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac  

/* End of Light Box



/* Extra Global

td {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #2d2d2d; line-height: 15px;}
th {   font-size: 12px; text-align:left; font-style: bold; }
input {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px;}
a {  font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; color: #0063DC;}
a:hover {  text-decoration: underline}
.header {  font-size: 20px; color: #D32360; margin-top:0px; margin-bottom:20px; }
.subHeaderBlue {  font-size: 15px; color: #3F86B1; font-weight: bold; margin-bottom: 10px; padding:0px;}
.boxHeader {   height:30px; background:url(http://s.bebo.com/img/box_header_bg.jpg) no-repeat left top; color: #0A65A4; font-size:20px; margin:0; padding-top:8px; padding-left:28px; font-weight:normal;}

/* Extra Global: End 



#wrapper { background: url(/img/underHeaderGradBg.gif) repeat-x top; padding-top: 6px; text-align: left;}
#main {  background: url(http://s.bebo.com/img/header_bg.gif) repeat-x top; height: 81px; text-align:center; margin:auto; min-width:760px; }
/* top 
#top {  width:760px; height:42px; text-align:left; position:relative; margin:auto; }
#top H1 {   display: none; }

#topLogomb a {  width:160px; height:69px; display:block; background: url(http://s.bebo.com/img/logo/mb2.gif) no-repeat; text-decoration:none; position:absolute; text-indent:-10000px;}
#topLogobd a {  width:160px; height:69px; display:block; background: url(http://s.bebo.com/img/logo/bd2.gif) no-repeat; text-decoration:none; position:absolute; text-indent:-10000px;}
#topLogobk a {  width:160px; height:69px; display:block; background: url(http://s.bebo.com/img/logo/bk2.gif) no-repeat; text-decoration:none; position:absolute; text-indent:-10000px;}
#topLogodw a {  width:160px; height:69px; display:block; background: url(/img/logo/dw.gif) no-repeat; text-decoration:none; position:absolute; text-indent:-10000px;}
#topLogogr a {  width:160px; height:69px; display:block; background: url(http://s.bebo.com/img/logo/gr.gif) no-repeat; text-decoration:none; position:absolute; text-indent:-10000px;}
#topLogotv a {  width:160px; height:69px; display:block; background: url(http://s.bebo.com/img/logo/tv2.gif) no-repeat; text-decoration:none; position:absolute; text-indent:-10000px;}
#topLogoapp a {  width:160px; height:69px; display:block; background: url(http://s.bebo.com/img/logo/app2.gif) no-repeat; text-decoration:none; position:absolute; text-indent:-10000px;}
#topLogomail a {  width:160px; height:69px; display:block; background: url(http://s.bebo.com/img/logo/mail2.gif) no-repeat; text-decoration:none; position:absolute; text-indent:-10000px;}
#topLogosafety a {  width:160px; height:69px; display:block; background: url(http://s.bebo.com/img/logo/safety.gif) no-repeat; text-decoration:none; position:absolute; text-indent:-10000px;}
#topLogomo a {  width:160px; height:69px; display:block; background: url(http://s.bebo.com/img/logo/mobile.gif) no-repeat; text-decoration:none; position:absolute; text-indent:-10000px;}


#topLinks {   width:600px; margin-top:8px; position: absolute; left:150px; text-align:right;}
#topLinks a {  font-size: 12px; color:#D32360; font-weight: bold;  }
.topSearch { font-size: 8pt; }
#signinUser {  background: url(http://s.bebo.com/img/icon_signin_user.gif) no-repeat left; padding-left:20px; margin-right:15px;}
/* top: end 

/* nav 
#nav {  height:36px; width:760px; margin:auto; position: relative; }
#navMenu {   font-size: 93%; text-align:center; line-height:normal; padding:0; position: relative; top: 0; left:150px; width: 800px;}
#navMenu ul {  margin:0;  padding-left:20px; padding-right:10px; padding-top:0px;  padding-bottom:0px; list-style:none;}
#navMenu li {  float:left; padding:0; height:33px; margin-left:5px; background:url("http://s.bebo.com/img/tab_right_shorter.gif") no-repeat right top;}
#navMenu a {  float:left; display:block;  padding:5px 12px 8px 12px; font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; text-decoration:none; color:#0A65A4; background:url("http://s.bebo.com/img/tab_left_shorter.gif") no-repeat left top;}
/* IE5Mac hack \
#navMenu a {float:none;}
/* end:IE5Mac hack 
#navMenu a:hover {  color: #04395E;}
#navMenu #current {  height: 33px; padding: 0 0 0 3px; background:url("http://s.bebo.com/img/tab_left_current_shorter.gif") no-repeat left top; border-width:0;}
#navMenu #current a { font-size:18px; font-weight:normal; color:#1D1D1D; background:url("http://s.bebo.com/img/tab_right_current_shorter.gif") no-repeat right top;}
#navMenu #current a:hover {  color:#1379BF;}
/* nav: end 

/* subnav 
#subnav {  height:30px; background:url("http://s.bebo.com/img/subnav_bg.gif") bottom repeat-x;}
#subnavMenu {  margin:auto; font-size: 93%; width:760px; text-align:center; line-height:normal; padding:0; margin-top:2px;}
#subnavMenu ul {  margin:0; padding:0; list-style:none;}
#subnavMenu li {  float:left; padding:0; height:27px; margin-right:10px;}
#subnavMenu a {  font-size:13px; float:left; display:block; padding:4px 9px 0px 12px; text-decoration:none; font-weight:bold; color:#14597D;}
/* IE5Mac hack \
#subnavMenu a {float:none;}
/* end:IE5Mac hack 
#subnavMenu a:hover {  color: #14597D;text-decoration: underline;}
#subnavMenu #current, #subnavMenu .current {  background:url("http://s.bebo.com/img/subnav_tab.gif") no-repeat center top; border-width:0; padding:0;  }
#subnavMenu #current a, #subnavMenu .current a {  background:url("http://s.bebo.com/img/subnav_tab_margin.gif") no-repeat right top; color:#14597D;}
#subnavMenu #current a:hover, #subnavMenu .current a:hover {  color:#14597D;text-decoration: underline;}
/* subnav: end 

/* forms 
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;}
fieldset p {padding: 3px; margin: 0px;clear: both;}
fieldset .submit {margin-top: 10px; text-align: center;}
fieldset .submit input {margin-right: 10px;}
.fieldsetLegendOut {position: relative; background: #F0F7FB; padding: 7px; border: 1px dotted #cccccc; margin-top: 3em;}
.fieldsetLegendOut legend span{font-size: 1.4em; font-weight: bold; position: absolute; top: -1.8em;}

fieldset.LegendOut {margin: 0px;margin-top: 3em;}
fieldset.legendOut {position: relative; background: #F0F7FB; padding: 7px; border: 1px dotted #cccccc; margin-top: 3em;}
fieldset.legendOut legend span{font-size: 1.4em;font-weight: bold;position: absolute;top: -1.5em;}
fieldset.LegendOut span small {font-size: .7em;padding-left: 10px;font-weight: normal;}
/* forms: end 

/* content 


#content {  margin:auto; width:760px; margin-top:10px; margin-bottom:10px; text-align:left;}
#content .box {margin-bottom:15px;}
#contentLLrec {  margin:auto; width:434; text-align:left; float:left; padding-right:15px; border-right: 1px solid #CFCFCF;}
#contentRLrec {  margin:auto; width:300px; text-align:left; float:left; padding-left:10px;}
#contentLSky {  margin:auto; width:572px; text-align:left; float:left; padding-right:15px; border-right: 1px solid #CFCFCF;}
#contentRSky {  margin:auto; width:162px; text-align:left; float:left; padding-left:10px;}
#contentHomeLeft {  margin:auto; width:390px; text-align:left; padding-right:15px;}
#contentHomeRight {  margin:auto; width:355px; text-align:left; padding-left:0px;}
#homepageVideo {position: relative; width: 355px; background: #FEF8E0; border: 1px dotted #E7DEC7;}
#homepageVideo h3 {height:45px; font-size: 1em; margin:0px; padding-bottom: 0px;}
#homepageVideo h3 a {position:relative;top:15px;}
#homepageVideo .copy {float: right;font-size: .9em;}
#homepageVideo .icon {float:left; padding-left: 10px; width:57px; height:52px;}
#homepageLoginBox {background: #F0F7FB; padding: 2px; border: 1px solid #FBABAE;position:relative}
#productHeader {height: 40px; width: 760px; text-align: left; margin-bottom: 0px; margin-left: auto; margin-right: auto; color: #FFF; font-size: 20px;}
#productHeader span {line-height: 40px; padding-left:10px;}
#homepageFeaturedVideos {background: #F0F7FB; border: 1px dotted #cccccc;}
/* content: end 

/* footer 
#footer {  margin:auto; height:43px; width:760px; margin-top:15px; margin-bottom:10px; padding-top:10px; border-top:1px solid #9CBEDE; background: url(http://s.bebo.com/img/footer_bg.gif) repeat-x top; text-align:center; clear: both;}
#footer a {  font-size: 12px; color: #343434; text-decoration: none;}
#footer a:hover {   text-decoration: underline;}
#footer p {  margin-left:15px; margin-top:0px; margin-bottom:5px; font-size: 12px; color: #4989C8; font-weight: normal;}
#footerPartners {  margin:auto; width:760px; padding-bottom:20px;}
/* footer: end 
#copyright {  margin-bottom:10px;padding-bottom:10px;color:#888; clear:both; font-size:12px; text-align: center; }

.button {font-size: 10pt;   font-family: Tahoma, Arial, sans-serif;}
.label {FONT-SIZE: 11px; color: #666666; FONT-WEIGHT: bold;}
.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_l {TEXT-ALIGN: left; }
.m_r {TEXT-ALIGN: right;}
.m_b {FONT-WEIGHT: bold;}
.m_b_white {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; }

.more {background:url(http://s.bebo.com/img/status_arrow.gif) no-repeat; padding:0 0px 0 0px;}
.error {COLOR: #cc0000; FONT-WEIGHT: bold;}
.tv_links { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 13px; COLOR: #000000; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
.tv_links:hover { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 13px; COLOR: #E63873; FONT-WEIGHT: bold; TEXT-DECORATION: none; }

#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;}
#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;}
.checkbox {position:absolute;top:2px;left:0;z-index:1000;}
.note {border:2px solid #ccc; padding:10px; background:#eee; margin-bottom:5px;}
.commentQuotationMark { font-family:Georgia; font-size:36px; color:#F8A848; line-height:40px; margin-bottom:-15px;}

#error { margin: 0 10px 10px 10px;  padding: 10px;  border: solid 1px #dd3c10;  background: #ffebe8;}
#status { margin: 0 10px 10px 10px;  padding: 10px;  border: solid 1px #e2c822;  background: #fff9d7;}
#note { margin: 0 10px 10px 10px;  padding: 10px;  border: solid 1px #bdc7d8;  background: #fff;}
#form { background: #F0F7FB; padding: 7px; border: 1px dotted #cccccc; }
.form_header {font-size:16px; color:#0A65A4; font-weight:bold}

#blue_box { background: #F0F7FB; padding: 5px; border: 1px dotted #cccccc; }
.blue_box { background: #F0F7FB; padding: 5px; border: 1px dotted #cccccc; }
.blue_header {font-size:16px; color:#0A65A4; font-weight:bold}
#yellow_box { background: #fff9d7; padding: 5px; border: 1px solid #e2c822; }
.yellow_box { background: #fff9d7; padding: 5px; border: 1px solid #e2c822; }
.yellow_header {font-size:16px; color:#e2c822; font-weight:bold}
#green_box { background: #ddffdd; padding: 5px; border: 1px dotted #cccccc; }
.green_header {font-size:16px; color:#0A65A4; font-weight:bold}
.username_url { color:black; text-decoration:none; }
.username_url:hover { color:#0063DC; text-decoration:underlined; }

.videoThumb { margin:3px; width:90px; height:90px; background-repeat:no-repeat; background-position: center; cursor:pointer; }
.videoThumb .play { width:90px; height:90px; background-repeat:no-repeat; background-position: center; cursor:pointer; background-image:url(http://s.bebo.com/img/videoPlay2.gif); }
.videoThumb .nowShowing { padding-top:40px; }

#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: url(/img/pages_link_next.gif) left top 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(/img/pages_link_prev.gif) right top no-repeat; width:82px; height:19px; border:0px; padding-right:5px; padding-top:2px; display:block; text-align:right;}

#profileActions {position: relative; display:block; text-align:left;}
#profileActions div {height: 20px; line-height: 20px; padding: 0px 0px 0px 25px;position: relative;}
#profileActions #profileActionAim {padding:0px;}
#profileActions #profileActionAim img {padding-left: 2px; padding-top: 3px;}
#profileActions #profileActionAim .text {position: absolute; left:25px; display: inline; margin: 0px; padding: 0px;}
#profileActions #profileActionSkype {padding:0px;}
#profileActions #profileActionSkype img {padding-left: 2px; padding-top: 1px; width: 16px; height: 16px; border: none;}
#profileActions #profileActionSkype .text {position: absolute; left:25px; display: inline; margin: 0px; padding: 0px;}

#profileProfilePhotoTd #CameraShyM, #profileProfilePhotoTd #CameraShyF {display: block; height: 100px; width: 170px; margin: 0 auto -13px; padding-top: 70px; }
#profileProfilePhotoTd #CameraShyM { background:url("http://s.bebo.com/img/nopic/MB_M_ml.gif"); }
#profileProfilePhotoTd #CameraShyF { background:url("http://s.bebo.com/img/nopic/MB_F_ml.gif"); }

/* navtab 
.navtab {  height:30px; background:url("http://s.bebo.com/img/subnav_bg.gif") bottom repeat-x;}
.navtabMenu {  margin:auto; font-size: 93%; width:760px; text-align:center; line-height:normal; padding:0; margin-top:8px;}
.navtabMenu ul {  margin:0; padding:0; list-style:none;}
.navtabMenu li {  float:left; padding:0; height:27px; margin-right:10px;}
.navtabMenu a {  font-size:13px; float:left; display:block; padding:4px 9px 0px 12px; text-decoration:none; font-weight:bold; color:#14597D;}
/* IE5Mac hack \
.navtabMenu a {float:none;}
/* end:IE5Mac hack 
.navtabMenu a:hover {  color: #14597D;text-decoration: underline;}
.navtabMenu .current {  background:url("http://s.bebo.com/img/subnav_tab.gif") no-repeat center top; border-width:0; padding:0;  }
.navtabMenu .current a {  background:url("http://s.bebo.com/img/subnav_tab_margin.gif") no-repeat right top; color:#14597D;}
.navtabMenu .current a:hover {  color:#14597D;text-decoration: underline;}
/* navtab: end 

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

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 {height: 9px; border: 0 solid white; border-width: 4px 0; }

#flagDiv {
   top: -60px;
   // top:-50px;
   right:10px;
   left:auto;            
   text-align: left;
   z-index: 999;  
   position: absolute; 
   padding: 5px;
   background-color: #EEE;
   border: 1px solid #999;
   font-size: 13px;
   //width:80px;
   white-space: nowrap;
}
#flagDiv a:link { 
   font-family: Arial, Verdana, Helvetica, sans-serif; 
   font-weight:normal;
   color: #0063DC; 
}
#flagDiv a:visited { 
   font-family: Arial, Verdana, Helvetica, sans-serif; 
   color: #0063DC; 
   font-weight:normal;
}

/* Style for api developer tools 

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

#platform-content h3 {color: #0063DC;
  border-bottom: 2px solid #9CBEDE;
  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;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac 

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

#preview-content {border: 1px solid #9cBEDE; 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('/img/title_bar_bg.png');
 height: 23px;
 margin: 0;
}

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

#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 #9CBEDE;
  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 #9cbede;}

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

.tabs, #tools-links {margin-top: .2em;
border-bottom: 1px solid #c2c2c2;
margin-bottom: .5em;
}
.tabs ul { margin: 0; padding: 0;}
.tabs li,#tools-links li {list-style: none;
 display: inline;
 margin: 0 .25em 0 0;
 background-image: url('/img/platform_tab_unselected.gif');
 border: 1px solid #c6e1ee;
 border-bottom: none;
 font-size: 1.1em;
 font-weight: bold;
 padding: .2em .5em 0 .5em;
}
.tabs li a { color: #0a65a4;}

.tabs li#selected, #tools-links li#selected {background-image: url('/img/platform_tab_selected.gif');
 border: 1px solid #c2c2c2;
 border-bottom: none;
 padding-bottom: .3em;
}

/* sn-editor stuff 
.editor-cancel { margin-left: .5em;}
.divider { height: 1px; border: none; border-top: 2px solid #d5d6da;}

/* profile stuff 
.module_navigation ul { display: inline;}
.module_navigation li { display: inline;}
.subtitle_text { float: left; 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{position:	absolute;
	margin:	0;
	padding: 0;
	list-style:	none;
	border:	1px solid #9cbede;
	background-color: white;
	border-right-color:	#9cbede;
	border-bottom-color: #9cbede;
	text-align:	left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index: 50;
}

ul.autocompleter-choices li{position: relative;
	padding: 0.1em 1.5em 0.1em 1em;
	cursor:	pointer;
	font-weight: normal;
	font-size: 1em;
}

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

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;}

/* multi-friend selector styles 
.multi-select{ line-height: 1.2em;}
.multi-select * {vertical-align:  middle;}
.added-username { background-color: #C6E1EE;
    border: 1px solid #98cae3;
	padding: .125em .125em .125em .5em;
	margin: .3em;
}
.added-username a {margin: 0; padding: 0; vertical-align: text-top;}
.added-username img{margin-left: 1em; _margin-left: 0;}

/* notifications 

.notification-message{ border: 3px solid #9cbede;; padding: 1em; margin-top: 1em;}
.request-choices > a { margin-right: 1.5em;}
.request-choices { text-align: center; margin: 1em 0;}
.notification.even { background-color: #fff; border: 1px solid #999;}

.notification .app-icon { float: left; border: 1px solid #000; margin: 1em;}
.notification{margin: 10px; padding: 0; clear: both;}


/* request form 

.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 #fff;
}

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

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

.multi-friend-select .added{
	background-color: #c6e1ee;
}
.multi-friend-select .added a{border: 1px solid #9abed1;}
.multi-friend-select .added a:hover{background-color: #c6e1ee;}
.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: #e2e2e2;
	border: 1px solid #d7d8d8;
	border-bottom: none;
	font-size: 1.1em;
	font-weight: bold;
	padding: .2em .5em 0 .5em;
}

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

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

.tab-item-content{ border: 1px solid #d7d8d8;
	padding: 4px;
	background-color: #f0f7fb;
}

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

/* documentation  
#documentation { float: left; width: 70%;}
#quick-nav {margin-top: 1em;}
#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("/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 

#my-applications, #top-rated-applications {background: #F0F7FB; padding: 8px; border: 1px dotted #cccccc; margin: 0 0 12px 0; }
#my-applications h1, #top-rated-applications h1 {font-size: 16px; line-height: 16px; margin: 0px; padding: 0px; }
#my-applications h1 {display: block; float: left; margin-right: 10px; }
.app-tiny {width: 16px; height: 16px; border: none; }
#my-applications a {border: 1px solid black; float: left; margin: 0 5px 0 0; }
#top-rated-applications h1 {float: left; }
#top-rated-applications a.view-all {float: right; }
#top-rated-applications .quick-tabs {margin-top: 8px; }
#top-rated-applications .quick-tabs ul {padding: 0 0 8px 0; }
#top-rated-applications .quick-tabs li {background: none; border: none; padding: 8px; }
#top-rated-applications .quick-tabs li a {line-height: 20px; }
#top-rated-applications .quick-tabs li.current {background: url("http://s.bebo.com/img/subnav_tab.gif") no-repeat center bottom; }
#top-rated-applications .tab-item-content {border: none; margin-top: 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("/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; }

#application-container {width: 770px; margin-right: -10px; }

.application-browse {
   background: #F0F7FB; 
   padding: 0px; 
   border: 4px solid #F0F7FB; 
   margin: 0 0 12px 0; 
   width:760px;
   table-layout: auto;
}
.application-categories {
   padding: 8px; 
   border: 0px; 
   margin: 10px 0 0 0; 
   width:160px;
   color: blue;
   vertical-align: top;
   
}
.application-topcategory {
   font-size: 1.4em;
}
.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: 75px; height: 75px; border: none; }
.app .app-tiny {border: 1px solid black; float: left; margin-right: 4px; }
x.app a.remove {float: right; width: 16px; height: 17px; background: url("/img/GrayX.png"); text-indent: -10000em; margin: -9px -9px 0 0; }
x.app a.remove:hover {float: right; width: 16px; height: 17px; background: url("/img/RedX.png"); visibility: -10000em; }
.app .footer {text-align: right; font-size: 14px; }


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;}

**/