/*      This file contains definitions for the sessions section, as well as     */
/*      style overrides of elements already defined in common.css               */


/* set the header backgrounds */
body
{
background-image: url(/sitemedia/img/header_bg_aqua.gif);
}

.pageTitle
{
margin-bottom:0;
}

#page .slideButton,
#page .slideButton *
{
background-image:url(/sitemedia/img/btnBackgroundAqua.png);
background-color:#03B0F0;
}

.moduleAquaOutline
{
color:#03B0F0;
border-color:#03B0F0;
background-color:#dbf0f5;
}

#page .moduleAquaOutline .moduleHeader, 
#page .moduleAquaOutline .moduleHeader div, 
#page .moduleAquaOutline .moduleFooter, 
#page .moduleAquaOutline .moduleFooter div 
{
height:12px;
background-image:url(/sitemedia/img/moduleBackgroundAquaOutline.png);
}

#headerBottom
{
background-position: left -62px;
}
/* set the active tab background image */
#headerContainer ul.topNav li#sessions {
background-position: left -74px;
}
#headerContainer ul.topNav li#sessions a
{
background-position: right -74px;
color: #fff;
}

#btnUpgradeToVip a
{
margin-top:2px;
}

/* set the create session button */
#createSessionBtn a
{
margin-top:0;
background-image: url(/sitemedia/img/createsession_aqua.gif);
}

/* set the friendfinder button */
#friendFinderBtn a
{
background-image: url(/sitemedia/img/findvideos_aqua.gif);
}

/* set the check your computer button */
#checkYourComputerBtn a
{
margin-top:0;
background-image: url(/sitemedia/img/checkyourcomputer_aqua.gif);
}

.vipLoggedin #checkYourComputerBtn a
{
margin-top:6px;
}

/* set the join now button */
#joinNowBtnLeft a
{
background-image: url(/sitemedia/img/joinnow_aqua.gif);
}

/* set the section colour text and main content link colour */
.sectionColour
{
color:#03b0f0;
}

/* left nav hightlights */
#leftNav a.active,
#leftNav a.active:hover
{
background-color:#03b0f0;
}

#leftNav a:hover
{
background-color:#47c2f0;
}

/* Flah video carousel 
#videoCarousel
{
width:645px;
height:95px;
border-bottom:1px solid #ccc;
margin-left:12px;
padding-bottom:1em;
float:left;
}

#videoCarousel h2
{
width:129px;
height:79px;
font-size:1.2em;
line-height:1.2em;
margin:0;
padding:16px 12px 0 12px;
float:left;
background:url(/sitemedia/img/picVideoCarouselBackground.png);
}

#videoCarousel a
{
display:block;
}

#video_carousel
{
float:left;
}*/
#pastSessionProfile .sectionColour
{
color:#4e4e4e;
}

#btnFindVideosNow
{
background-image: url(/sitemedia/img/sessions/btnFindVideoNowSmlAqua.png);
}

#upcomingSessions
{
width:200px;
color:#03b0f0;
font-weight:bold;
font-size:1.3em;
text-align:right;
margin:-1.3em 0 0 445px;
display:inline;
position:relative;
clear:none;
float:left;
}

#sessionSearch label
{
white-space:nowrap;
}

#filterBarUpper table td#looksSelect,
#looksSelect select
{
width:85px;
}

h2.description
{
margin-top: 1em;
color:#666;
}

.description em
{
color:#398c21;
}

.description a,
.description a:hover
{
color:#03b0f0;
margin-left:8px;
}

#sessionList
{
margin-top:1em;
}


/* tabbed headings */
.tabbedHeadings {
float: left;
width: 100%;
z-index: 150;
position: relative;
}
.tabbedHeadings h1 {
width: 49%;
clear: none;
text-align: center;
border-bottom: solid 1px #ccc;
position: relative;
font-size: 1.8em;
margin: 0.2em 0 0 0;
}
.tabbedHeadings h1 a {
display: block;
padding: 8px 0 4px 0;
color: #03b0f0;
}
.tabbedHeadings h1 a:hover {
color: #03b0f0;
}

.tabbedHeadings h1.active {
border-bottom: none;
background: url(/sitemedia/img/sessions/heading_tabs.gif) no-repeat left top;
}
.tabbedHeadings h1.active a {
color: #404040;
background: url(/sitemedia/img/sessions/heading_tabs.gif) no-repeat right top;
}
.tabbedHeadings h1.active a:hover {
color: #404040;
text-decoration: none;
}
.tabbedHeadings h1 span.new {
display: block;
position: absolute;
text-indent: -8000px;
font-size: 0;
right: 8px;
top: 8px;
width: 31px;
height: 19px;
background: url(/sitemedia/img/sessions/icon_new.png) no-repeat left top;
}
.tabbedHeadings h1 span.count {
font-size: 0.8em;
font-weight: normal;
line-height: 0.8em;
}
.tabbedHeadings h1 a.moreInfo {
font-size: 0.45em;
font-weight: normal;
position: absolute;
top: -4px;
right: 8px;
text-decoration: underline;
padding: 0;
color: #03b0f0;
background: none;
}