background: -ms-linear-gradient(top, #cc0000 0%,#cc0000 100%); /* IE10+ */
background: linear-gradient(to bottom, #cc0000 0%,#cc0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
}
</style>
<div>
<?
$query="select distinct u.id id,
u.user_name name
FROM friends fr
INNER JOIN users u on u.id=fr.friendsuserid
where fr.userid=".$_SESSION['id'];
if($r=$db->q($query))
while($row=$r->row())
{?>
<div class="userList" id="<?php
echo main::basea_encode(array(1, $row['id'], 1));
?>
">
<p><?php
echo $row['name'];
?>
</p>
<span></span>
<img src="offline.png" />
</div>
<? }
?>
</div>
?>
</div>
</div>
<div id="msgBox" class="messages">Messages</div>
<div class="new">
<div class="input-wrapper">
<input type="text" id="newmessage" placeholder="Send a Message">
</div>
<button class="btn" onclick="sendMessage()">Send</button>
</div>
</div>
<div id="friendsDiv">
<p id="addBanner"><font size="4">Friendster ID : <?php
echo main::basea_encode(array(1, $_SESSION['id'], 1));
?>
</p>
<input id="friendsInput" placeholder="Enter Friends ID here to add them"/>
<button class="btn" onclick="addFriend()">Add Friend</button>
<button class="btn" onclick="$('#friendsDiv').hide()">Close</button>
</div>
<div id="locationDiv">
<article id="map"> <span id="status">Friendster is finding your location...</span> </article>
<iframe id="mapLocation"></iframe>
<button id="mapClose" class="btn" onclick="$('#locationDiv').hide()">Close</button>
</div>
<div class="settings" id="settingsConfirmDiv">
<p>Confirm your Identity (Required)</p>
