﻿div.profilePicture
{
display:block;
clear:both;
position:relative;
width:300px;
margin-bottom:15px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

div.profilePicture img
{
width:300px;
position:relative;
z-index:0;
border:1px solid rgb(255,255,255);
border:1px solid rgb(200,200,220);
background:rgb(255,255,255) url(../images/loading.gif) 50% 50% no-repeat;
}

div.profilePicture a#editProfilePicture
{
display:none;
clear:both;
float:right;
padding:3px 7px 3px 7px;
background:rgb(250,250,255);
position:absolute;
top:0px;
right:0px;
z-index:5;
cursor:pointer;
}

div#socialbuttons
{
display:block;
clear:both;
float:left;
width:100%;
padding-bottom:15px;
}

div#socialbuttons input[type="button"],
div#socialbuttons input[type="submit"],
div#socialbuttons input[type="reset"]
{
float:left;
font-weight:bold;
font-size:10px;
font-family:arial;
color:rgb(75,75,75);
background:rgb(245,245,245) url(../images/followspeaker.gif) 5px top no-repeat;
border:1px solid rgb(200,200,200);
padding:1px;
padding-left:10px;
margin-top:7px;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
width:150px;
}

div#socialbuttons input[type="button"].busy,
div#socialbuttons input[type="submit"].busy,
div#socialbuttons input[type="reset"].busy
{
background:transparent url(../images/loading.gif) 3px 3px no-repeat;
border:none;
}

div#socialbuttons div.followingspeaker
{
display:inline-block;
float:left;
width:70px;
text-align:center;
font-weight:bold;
font-size:10px;
font-family:arial;
color:rgb(75,75,75);
background: url(../images/listening.png) 5px 2px no-repeat;
padding:5px;
padding-left:15px;
margin-top:7px;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}

div#socialbuttons input[type="button"].ListenToBtn
{
width:100px;
height:25px;
background:rgb(75,180,220) url(../images/listeningbtn.png) 0px -2px no-repeat;
color:transparent;
border:none;
cursor:pointer;
border:1px solid rgb(20,115,170);
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
padding:0px;
}

div#socialbuttons input[type="button"].ListeningToBtn
{
width:100px;
height:25px;
background:rgb(20,200,80) url(../images/listeningbtn.png) 0px -26px no-repeat;
color:transparent;
border:1px solid rgb(0,145,50);
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
padding:0px;
}

div#socialbuttons input[type="button"].UnListenToBtn
{
width:100px;
height:25px;
background:rgb(226,50,60) url(../images/listeningbtn.png) 0px -52px no-repeat;
color:transparent;
border:1px solid rgb(190,30,40);
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
padding:0px;
}

div.profilesubnav
{
display:block;
clear:both;
float:left;
width:100%;
padding-bottom:10px;
}

div.profilesubnav ul
{
margin:0px;
padding:0px;
list-style-type:none;
}

div.profilesubnav ul li
{
display:inline;
float:left;
list-style-type:none;
}

div.profilesubnav ul li a
{
display:block;
width:90px;
height:33px;
overflow:hidden;
margin:0px 5px 0px 0px;
padding:7px 0px 0px 0px;
font-size:14px;
font-weight:bold;
text-align:center;
text-decoration:none;
color:rgb(80,140,200);
background: url(../images/profile-subnav90.gif) top left no-repeat;
}

div.profilesubnav ul li a:hover
{
background-position:0px -40px;
color:rgb(255,255,255);
}
div.profilesubnav ul li a.active
{
background-position:0px -80px;
color:rgb(255,255,255);
}

div#PostFilter
{
display:block;
clear:left;
float:left;
width:540px;
height:25px;
padding:6px;
margin-bottom:5px;
font-size:16px;
overflow:hidden;
font-weight:bold;
/*background:rgb(240,244,240);*/
background:rgb(235,239,235);
/*border:1px solid rgb(220,224,220);*/
border:1px solid rgb(210,214,210);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

div#PostFilter select
{
font-size:16px;
margin-right:2px;
float:left;
}

div#PostFilter div.view
{
display:block;
clear:left;
float:left;
width:55px;
height:50px;
overflow:hidden;
padding-top:3px;
text-align:center;
color:Rgb(120,120,120);
}

img.miniadd
{
width:24px;
height:24px;
float:right;
margin-left:3px;
margin-right:3px;
cursor:pointer;
border:none;
background: url(../images/addsay24.png) top left no-repeat;
}

img.miniadd:hover
{
background-position:0px -24px;
}

img.miniadd74
{
width:744px;
height:24px;
float:right;
margin-left:3px;
margin-right:3px;
cursor:pointer;
border:none;
background: url(../images/addsay74.png) top left no-repeat;
}

img.miniadd74:hover
{
background-position:0px -24px;
}

div.noposts
{
display:block;
clear:both;
float:left;
width:100%;
padding-bottom:15px;
}

div.viewolderposts
{
display:block;
clear:both;
float:left;
width:540px;
overflow:hidden;
padding:7px;
text-align:center;
color:rgb(75,75,75);
cursor:pointer;
font-size:11px;
font-weight:bold;
background:rgb(235,240,245) url(../images/icons/16/downarrow.png) 6px 6px no-repeat;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}

div.viewolderposts:hover
{
background-color:rgb(230,240,255);
}

