/*@charset "utf-8";*/
/* CSS Document */

body
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}

hr
{
	color: #abb7e1;
	background: #abb7e1;
	height: 1px;
	border: 1px;
}

/*---------------------------------------------*/
.listcontent
{
   list-style-type:none;
   margin:0px;
   padding:0px;
}

.listcontent h2
{
   margin:0px;
   padding:0px;
}

.listcontent li.listitem,
.listcontent li.alternatinglistitem 
{
   background-color: #fff;
   font-size:medium;
   overflow:hidden;
   padding:2px 5px 2px 5px;
}

.listcontent li.alternatinglistitem 
{
   background-color: #f5f5f5;
}


.content
{
	padding: 5px;
}

/* ---------------LIST ITEM STYLING--------------*/

.listItem
{
	font-size:medium;
	margin: 5px 5px 5px 5px;
	padding-bottom: 7px;
}

.alternatingListItem
{
	font-size:medium;
	margin: 5px 5px 5px 5px;
	padding-bottom: 7px;
	background-color: #f5f5f5;
}

/*---------------------------------------------*/


/* --------------THUMBNAIL STYLING--------------*/

.thumbnail
{
	padding-right: 5px;
	float: left;
}

/*---------------------------------------------*/


/* --------------MOOD ICON STYLING-------------*/

.moodIcon
{
	padding: 0px 3px;
}

/*---------------------------------------------*/


/* ----------------LINK STYLING----------------*/

a:link, a:visited
{
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
}

a:active, a:hover
{
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
}

/*---------------------------------------------*/


/* -------------HEADER BAR STYLING-------------*/

#header
{
	background-color: #285cb0;
}


/*---------------------------------------------*/

/* -------------LOGIN PAGE STYLING-------------*/

.loginHeader
{
	color: #ffffff;
	font-size: 20px;
}

.login
{
	color: #ffffff;
	font-size: 18px;
}

#loginTextBox
{
	font-size: 20px;
}

/*---------------------------------------------*/


/* -----------MAIN NAVIGATION STYLING----------*/

.nav
{
	height:30px;
	background-color:#333333
}

.nav a
{
	font-size:20px;
	color:#dadada;
	padding: 2px 6px 2px 6px;
}

.navtop 
{
	border-bottom:#d8d8d8 thin solid;
	padding-top:7px;
}

.navbottom
{
	border-top:#d8d8d8 thin solid;
	padding-top:7px;
}

.nav24
{
	height:30px;
}

/*---------------------------------------------*/


/* --------SECONDARY NAVIGATION STYLING--------*/

.secondNav
{
	border-bottom: #abb7e1 thin solid;
	padding: 5px 5px 5px 5px;
	font-size: medium;
	font-weight: bold;
}

.secondNav a
{
	font-size: medium;
}

/*---------------------------------------------*/


/* ----------THIRD NAVIGATION STYLING----------*/

.thirdNav
{
	background-color: #e8edf3;	
	padding:5px;
	/*font-weight:bold;*/
	font-size: medium;
}

.pagertop
{
	border-bottom: #abb7e1 thin solid;
}

.pagerbottom
{
	border-top: #abb7e1 thin solid;
}

/*---------------------------------------------*/


/* ------------ACTION ITEM STYLING-------------*/

.actionItem
{
	border-bottom: #dadada thin solid;
	height: 33px;
	padding-left: 5px;
	padding-top: 8px;
}

/*---------------------------------------------*/


/* ---------INBOX MESSAGE BODY STYLING---------*/

.messageBody
{
	padding: 5px;
	border-bottom: #dadada thin solid;
}

/*---------------------------------------------*/


/* --------PROFILE NOTIFICATION STYLING--------*/

.profileNotifications
{
	height: 25px;
	border: thin #78a3ce solid;
	margin-bottom: 3px;
	padding-top: 3px;
	margin: 5px;
	line-height: 12pt;
}

.profileNotifications a
{
	padding: 5px;
}

/*---------------------------------------------*/


/* ------------FOOTER ITEM STYLING-------------*/

#footer
{
	background-color:#163d8c;
	height:30px;
	font-size:medium;
	padding: 7px 6px 0px 6px;
}

.footerlink
{
	color:#ffffff;
	padding-right: 7px;
}

/*---------------------------------------------*/


/*-------------BUTTON STYLING------------------*/

.b
{
	background: #b1d0f0;
	color: Black;
	border: 1px solid #b1d0f0;
	padding: 2px;
}
.bsearch
{
	background: #b1d0f0;
	color: Black;
	border: 1px solid #b1d0f0;
	padding: 2px;
	width: 93px;
}

/*-------------TextBox STYLING------------------*/
.tsearch
{	
	width: 75px;
}
/*---------------------------------------------*/

.clearleft
{
	clear: left;
}

.sec
{
	padding: 0 2px;
}

.sec .l
{
	width: 31%;
	float: left;
}

.sec .r
{
	float: left;
	width: 66%;
}

.clr
{
	clear: both;
}


.tomAlert
{
	border-width: 2px;
	border-style: solid;
	padding: 2px;
	border-color: #ff0000;
	vertical-align: top;
	margin: 3px;
}

.error
{
	color: #ff0000;
	font-weight: bold;
}

.linkrepeateritem
{
	border-top: #dadada thin solid;
	height: 25px;
	padding-left: 5px;
	padding-top: 3px;
}

.linkrepeateritem a
{
	margin: 0px 5px;
	color: #333333;
}

/* LOGIN SUBMIT BUTTON */
.submit
{
	background: #ffba00;
	font-weight: bold;
	border: none;
	padding: 3px;
	margin-bottom: 15px;
	font-size: 16px;
}

/* Page section styling (Profile detail (info) page */
/* ---------------------------------------------------- */
.pagesection
{
	background-color: #e8edf3;
	height: 15px;
	padding: 5px;
	font-weight: bold;
	font-size: large;
}

.pagesectiontop
{
}

.pagesectionbottom
{
	border-top: #dadada thin solid;
}

.profileinfoitem
{
	padding: 2px 2px 2px 10px;
}

.profileinfoitemtop
{
	border-bottom: #dadada thin solid;
}

.profileheader
{
	background-color: #f5f5f5;
	font-size: large;
	padding: 5px 5px 5px 5px;
	border-bottom: #dadada thin solid;
}

.profileheadernoborder
{
	background-color: #f5f5f5;
	font-size: medium;
	padding: 5px 5px 5px 5px;
}

.profilealertitem
{
	border-bottom: #dadada thin solid;
}

.activityImages
{
	border-width: 0;
	padding-right: 5px;
	float: left;
	border-style: none;
}
/* ---------------------------------------------------- */

/* Ads content styleing [START] */
div #topadscontent
{
	background-color: #000000;
	padding-bottom: 2px;
	text-align: center;
}

div #topadscontent img
{
	border: 0;
}

div #topadscontent a
{
	color: #ffffff;
}

/* Ads content styleing [END] */

div.verizon_footer
{
	background: #D80000;
	margin: 0;
	padding: 0;
	height: 20px;
}

div.sprint_dashedline
{
	height: 0px;
	border-top: 1px dashed #000000;
	margin: 0px;
}
div.sprint_dashedline hr
{
	display: none;
}

div.att_footer
{
	background: #d3d3d3;
	height: 18px;
}

div.resend_message
{
	background-color: #FFFFCC;
	border: 1px solid #CC0000;
	padding: 5px;
}


div.vodafone_footer
{
	background: #CCCCCC;
	margin: 0;
	padding: 0;
	height: 20px;
}

div.vodafone_line
{
	height: 0px;
	border-top: 1px solid #D80000;
	margin: 0px;
}
div.vodafone_line hr
{
	display: none;
}


div.usvirgin_footer
{
	color: #000000;
	font-size: small;
}
div.usvirgin_footerBox
{
	color: #000000;
	background-color: #E8E8E8;
}

.helio_footer
{
	color: #000000;
	font-size: 8pt;
}
.helio_footerBox
{
	color: #000000;
	background-color: #E6ECF3;
}
.helio_footerImage
{
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(http://home.helio.com:6000/images/wapimg/footer_icon.gif);
	background-color: #E6ECF3;
}

.notificationBody
{
	border-width: 2px;
	border-style: solid;
	padding: 2px;
	border-color: #78a3ce;
	vertical-align: top;
	margin: 3px;
}

.dateTime 
{
	color: Gray;
	font-size: 12px;	
}
.sb
{	
	padding: 2px;		
	font-size: 11px;
	line-height: 16px;
}

/*****************************************************/


.clear-both
{
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
h2
{
	font-size: small;
	margin: 0px;
	margin-bottom: 5px;
}
.status em
{
	font-style: normal;
}
.headerLink:link, .headerLink:visited
{
	color: #fff;
}

.updateStatusWrapper
{
	padding: 5px;
	font-size: small;
}
.thumbWrapper
{
	/*height: 50px;*/
	float: left;
}
.thumbnail_img
{
	padding-right: 5px;
	width: 50px;	
}
.userStatus
{
	margin-left: 65px;
	background-color: #e8edf3;
	padding: 5px;
}

.arrow
{
	position: absolute;
	background: url(http://x.myspacecdn.com/Images/mobile/sprite.png) no-repeat;
}

.arrow_img
{
	width:7px;
	height:20px;
	margin:3px 0px 0px 4px;
	
	float:left;
	background: url(http://x.myspacecdn.com/Images/mobile/sprite.png) no-repeat 0px -5px;
}
.replyUser
{
	margin-bottom: 5px;
	margin-top: 5px;	
	color: #039;
}
.status
{
	padding: 5px;
}
.statusWrapper
{
	border: 1px solid #bbb;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
}
.statusWrapper .arrow
{
	top: -5px;
	left: 5px;
	width: 10px;
	height: 7px;
	background-position: -7px 0px;
}
.userStatus .arrow
{
	top: 5px;
	left: -5px;
	width: 7px;
	height: 10px;
	background-position: 0px -7px;
}
.userStatus em
{
	color: #888;
	font-style: normal;
}
.statusWrapper textarea
{
	border: 0;
	display: block;
	width: 96%;
	margin: 3px;
	height: 40px;
	background-image: none;
}
.updateBtn
{
	float: right;
	background: #b1d0f0;
	color: Black;
	border: 1px solid #b1d0f0;
	padding: 2px;
}
.tabs
{
	margin: 0 0 0 1px;
	padding: 0;
	list-style: none;
}
.tabs li
{
	float: left;
	margin: 3px 0px 0px;
	border: 1px solid #bbb;
	border-width: 1px 1px 0;	
}
.tabs li.selected
{
	margin-top: 0;
}
.tabs li a
{
	display: block;
	padding: 5px 0px;
	background-color: #285cb0;
	color: #fff;
	font-size:12px;
}
.tabs li.selected a
{
	background-color: #fff;
	color: #039;
	padding: 5px 0px
	padding-bottom: 1px;
}
.celecontent
{
	border-top: 1px solid #bbb;
	margin-top: 1px;
}

.userInfo, .userComment
{
	margin-left: 60px;
	min-height: 50px;
	display: block;
}
.contentList
{
	margin:0px;
	padding: 0;
	list-style-type:none;
}
.contentList p
{
	margin: 2px 0;
}
.contentList li
{
	margin-bottom: 5px;
	padding-bottom: 5px;
	/*position: relative;*/
}
#comments li, #fans li
{
	border-bottom: 1px solid #bbb;	
}
#comments li
{
	padding-right: 20px;
}
.replyWrapper
{
	color: #888;	
}
.NameCss
{
	color:#003399;
}
.NewComment
{
	color: #a00;
}