/* session profile page */

/* alert boxes at top of page */

#joinedSessionInfoPanel span
{
width:500px;
display:block;
}

#unjoinLink
{
float:right;
}

#mainColumn .startsIn
{
width:81px;
height:40px;
line-height:1.6em;
background-image:url(/sitemedia/img/sessionprofile_startsin.gif);
}

#mainColumn .startsIn .time
{
width:100%;
height:auto;
line-height:1.4em;
margin:0;
padding:0;
}

#titleBlock
{
float: left;
width:564px;
padding-top:1px;
}

#mainColumn .pageTitle
{
width:536px;
margin:0 0 0.15em 0;
clear:none;
}

#titleBlock a
{
color: #666666;
text-decoration: underline;
}

#sessionFormat
{
float: left;
width: 28px;
padding-top: 3px;
}

.sessionMeta
{
width:100%;
list-style:none;
}

#page .viewable .tip.viewableTip
{
width:auto;
padding-left:21px;
float:left;
}

#bodyContainer .sessionMeta .inviteOnly 
{
padding-left:22px;
background:url(/sitemedia/img/iconPadlockGrey.png) no-repeat 3px 0;
}

#bodyContainer .sessionMeta .host
{
width:auto;
}

.sessionMeta ul 
{
float:left;
clear:none;
}

#bodyContainer .sessionMeta ul li 
{
font-size:1em;
border:0;
padding:0;
white-space:pre;
}

#sessionFormatTab
{
width: 100%;
height: 18px;
margin: 10px 0;
clear:both;
float:left;
}

.sessionFormatTabVV
{
background-image: url(/sitemedia/img/sessionformat_tab_voiceandvideo.gif);
}

.sessionFormatTabVO
{
background-image: url(/sitemedia/img/sessionformat_tab_voiceonly.gif);
}

#sessionInner
{
clear:both;
}

.sessionInfo
{
width:528px;
margin-bottom:1em;
float:left;
}

#inviteButtons
{
width:auto;
clear:none;
}

#inviteButtons li
{
margin-bottom:8px;
}

/* admin panel */
#sessionAdminPanel
{
width:117px;
height:20px;
text-align:center;
display:block;
background-image: url(/sitemedia/img/adminsession_bg.gif);
float:right;
clear:right;
}

#invitePeoplePanel
{
margin-top:10px;
text-align:center;
}

#invitePeoplePanel h2
{
margin:0 0 0.75em 0;
}

#invitePeoplePanel .slideButton
{
margin:0 0 0.5em 245px;
}

/* session participant grid, within the session profile page */
.participants h2
{
margin-top:0;
}

.participants table
{
border-collapse:collapse;
margin:0;
clear:both;
}

.participants td
{
padding: 3px;
text-align: left;
}

.participants a
{
display: block;
width: 92px;
height: 92px;
border: 2px solid #DBD8D8;
position: relative;
}

.participants img
{
display: block;
width: 92px;
height: 92px;
}

.participants .silhoutteImage
{
border: 2px solid #DBD8D8;
}

.participants .myPhoto a,
.participants a:hover
{
border-color: #03b0f0;
}