/*      This file contains definitions for the people 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_blue.gif);
}

.pageTitle
{
margin-bottom:0;
}

/* edit my location on people pages */
#editLocationLink 
{
font-weight:bold;
position:absolute;
top:0.75em;
right:0;
}

.headingPart1 {
margin-right: 8px;
}
.pageTitle div
{
display: block;
font-size: 0.5em;
margin-top: 5px;
}
.pageTitle div div
{
display: block;
font-size: 1em;
margin-top: 0;
font-weight: normal;
line-height: 1.9em;
}
.headingPart1,
.pageTitle #living_in_country_container,
.pageTitle .headingSelect  {
display: block;
float: left;
}
.pageTitle  #headingLocation {
border-bottom: dotted 1px #0a61c0;
}
.pageTitle  #headingLocation:hover {
text-decoration: none;
border-bottom: solid 1px #0a61c0;
}
.pageTitle  #headingLocation span {
font-size:0.5em;
font-weight:normal;
}

.pageTitle .headingSelect {
margin: -3px 0 0 8px;
color: #666;
font-size: 1.2em;
}
.pageTitle .headingSelect a {
text-decoration: underline;
}

/* for some reason the people link is lower than video */
#mainColumn #vipUpgradeLink,
#mainColumn #vipUpgradeLink:hover
{
margin-top:-22px;
}

.linkList li,
.linkLists li
{
background-image:url(/sitemedia/img/picArrowBlue.gif);
}

#page .slideButton,
#page .slideButton *
{
background-image:url(/sitemedia/img/btnBackgroundBlue.png);
background-color:#0a61c0;
}

.moduleBlueOutline
{
border-color:#0a61c0;
}

#siteWrapper .moduleBlueOutline .moduleHeader, 
#siteWrapper .moduleBlueOutline .moduleHeader div, 
#siteWrapper .moduleBlueOutline .moduleFooter, 
#siteWrapper .moduleBlueOutline .moduleFooter div 
{

height:12px;
background-image:url(/sitemedia/img/moduleBackgroundBlueOutline.png);
}

#headerBottom 
{
background-position:110px -93px;
background-repeat:no-repeat;
}

/* set the active tab background image */
.topNav #people 
{
background-position:left -110px;
}

.topNav #people a
{
background-position:right -110px;
color:#fff;
}

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

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

/* set the check your computer button */
#checkYourComputerBtn a
{
display: none;
}

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

#leftColumn h2
{
margin-top:1em;
}

#page #leftColumn #filterMenuModule.module
{
width:129px;
font-size:1em;
margin-top:0.5em;
padding:7px 0 0 0;
border-width:1px;
}

#page #leftColumn #filterMenuModule .moduleHeader
{
margin-top:-8px;
}

#filterMenuModule div
{
width:100%;
float:left;
border-bottom:1px solid #eaeaea;
}

#filterMenuModule h3
{
font-size:1em;
margin:0.3em 0 0.1em 0;
}

#looks h3
{
margin-top:0;
}

#filterMenuModule h3 a
{
padding-left:18px;
display:block;
background-image:url(/sitemedia/img/iconPanelOpenSml.png);
background-position:5px 5px;
background-repeat:no-repeat;
}

#filterMenuModule h3 a:hover
{
background-color:transparent;
}

#filterMenuModule .closed h3 a
{
background-image:url(/sitemedia/img/iconPanelClosedSml.png);
background-position:6px 3px;
}

#filterMenuModule ul
{
width:100%;
list-style:none;
margin-bottom:0;
padding:0;
}

#filterMenuModule #ethnicity
{
border:0;
padding-bottom:0;
}

#filterMenuModule li
{
display:inline;
}

#filterMenuModule li a
{
width:auto;
height:auto;
color:#999;
text-decoration:none;
position:relative;
top:0;
left:0;
padding:0.1em 0 0.2em 18px;
display:block;
}

#filterMenuModule a:hover
{
color:#4e4e4e;
background-color:#e0e0e0;
}

#filterMenuModule li a.selected
{
width:auto;
height:auto;
color:#0a61c0;
border-bottom:1px solid #fff;
position:relative;
top:0;
left:0;
margin-top:0;
padding:0.1em 0 0.2em 18px;
background-color:#e6eff9;
background-image:url(/sitemedia/img/iconCloseSelection.gif);
background-position:112px 6px;
background-repeat:no-repeat;
}

#filterMenuModule li a.selected:hover
{
text-decoration:line-through;
background-image:url(/sitemedia/img/iconCloseSelectionHover.gif);
}

#filterMenuModule #filterReset
{
color:#0a61c0;
font-size:0.85em;
text-align:center;
border-top:1px solid #fff;
margin-bottom:-2px;
padding-top:0.2em;
position:relative;
z-index:1;
display:block;
float:none;
clear:both;
background:#E6EFF9;
}

#siteWrapper .filterReset .moduleFooter,
#siteWrapper .filterReset .moduleFooter div
{
background-image:url(/sitemedia/img/people/picFilterMenuBottom.png);
}

/* set the section colour text and main content link colour */
.sectionColour,
#mainColumn a,
#profileModule a,
.videoSessions div div a:hover,
.friendsOfFriends #friendFinderLogin h2,
#peopleListContainer h2,
.moduleBlueOutline h2,
#pagination,
.pageTitle em,
em
{
color:#0a61c0;
}

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

#leftNav a:hover
{
background-color:#5699d9;
}

/* people search bar - in page */
#inpageSearch
{
margin: 20px 0 10px 0;
}
#buttonSearch
{
display: block;
float: left;
width: 70px;
height: 23px;
background-image: url(/sitemedia/img/button_search.gif);
}

#pageDescription
{
margin:0.4em 0 0 0;
}

/* filterbars */
#filterBarUpper label
{
margin:auto 3px;
}

#sexFilter a 
{
background-image:url(/sitemedia/img/sexfilter_whiteBg.png);
}

#livingInSelect span
{
float:left;
}

#living_in_country_container select {
width:131px;
margin: 3px 8px 0 0;
}

#living_in_location {
width: 175px;
margin-left:4px;
}


#findOutBenefits
{
width:605px;
height:28px;
color:#bc0101;
font-size:1.4em;
margin:0 0 0.75em 8px;
padding:4px 0 0 36px;
background:url(/sitemedia/img/iconVipSize34x34.png) no-repeat;
}

#findOutBenefits a,
#findOutBenefits a:hover
{
color:#bc0101;
}

/* autocomplete location */
#living_in_location_container .styledInput {
width: 166px;
position: relative;
z-index: 10;
float: left;
}
#living_in_location_container .styledInput.blueTint {
background-image:url(/sitemedia/img/styledinput_left_blue.gif);
}
#living_in_location_container .styledInput.disabled {
opacity: 0.5;
filter: alpha(opacity=50);
}
#living_in_location_container .styledInput.blueTint span {
background-image:url(/sitemedia/img/styledinput_right_blue.gif);
}
#living_in_location_container .styledInput span {
float: none;
}
#living_in_location_container .styledInput input {
width: 154px;
height: 18px;
color: #4b8acf;
}
.ac_over {
	background-color: #4b8acf !important;
}
#locationHint {
   float: left;
   position: absolute;
   height: 20px;
   bottom: -21px;
   left: 5px;
   border: solid 1px #404040;
   width: 144px;
   padding: 0 5px;
   background-color: #fff;
}

/* invite user popup */
#inviteSessionListOuter
{
width: 557px;
height: 203px;
padding: 15px;
background: url(/sitemedia/img/invitetosession_box.gif) no-repeat left top;
margin-bottom: 15px;
}
#invite_session_list_container
{
width: 557px;
height: 130px;
overflow: auto;
text-align: left;
float: left;
}
#invite_session_list_container li
{
display: block;
padding-top: 5px;
}

.friendsFriends
{
width:120px;
display:block;
padding-left:10px;
float:left;
}

.friendsFriends strong
{
color:#0a61c0;
font-size:1.3em;
display:block;
}

#btnAddAGiftArrow
{
width:97px;
height:43px;
margin:8px 0 0 0;
background-image:url(/sitemedia/img/btnSendABetterGiftArrow.png);
display:block;
float:left;
}

/*admin styles unique to people */
#banMenu li a
{
display: block;
width: 100%;
margin:0;
padding:0.3em 0;
}

/*vip profile */
.vipProfile #right h1
{
width:300px;
margin-bottom:0.75em;
}


/* new filters */
#peoplePageSelector li {
float:left;
margin: 2px 15px 0 0;
font-size:1.15em;
}
#peoplePageSelector li a {
text-decoration: underline;
}
#peoplePageSelector li.active {
margin-top: 0;
height:23px;
padding-left:4px;
background-image:url(/sitemedia/img/btnBackgroundBlackSmall.png);
background-color:#8ac417;
background-repeat:no-repeat;
display:inline;
float:left;
}
#peoplePageSelector li.active *
{
height:18px;
color:#fff;
text-align:center;
text-decoration:none;
line-height:normal;
font-weight:normal;
white-space:nowrap;
cursor:pointer;
border:0;
outline:0;
padding:3px 10px 2px 6px;
background-image:url(/sitemedia/img/btnBackgroundBlackSmall.png);
background-color:#8ac417;
background-position:top right;
position:relative;
display:block;
float:left;
}

#page #leftColumn .moduleGreyOutlineBGSml {
padding-bottom: 70px;
position: relative;
}
* html #page #leftColumn .moduleGreyOutlineBGSml {
padding-right: 0;
}
#page #leftColumn .moduleGreyOutlineBGSml .moduleHeader {
margin: -11px 0 0 -9px;
}
#page #leftColumn .moduleGreyOutlineBGSml .moduleFooter {
margin: 0;
position: absolute;
left: -1px;
bottom: -1px;
}

#filterPart1 {
margin-top: -13px;
}
#filterPart1 li {
display: block;
margin-top: 13px;
}
#filterPart1 li label,
#filterPart2 li label {
font-weight: bold;
white-space: nowrap;
}
#filterPart1 select {
margin-top: 5px;
padding: 1px;
width: 50px;
}

#filterPart2 {
float: left;
width: 100%;
margin-top: 5px;
}
#page .moduleGreyOutlineBGSml.expanded #filterPart2 {
display: block;
}

#filterPart2 li {
display: block;
margin-bottom: 0;
float: left;
width: 100%;
}
#filterPart2 li label {
float: left;
display: block;
margin-bottom: 5px;
padding: 5px 0 0 12px;
text-transform: lowercase;
color: #0a61c0;
cursor: pointer;
background: url(/sitemedia/img/arrowBlueRight.png) no-repeat left 8px;
}
#filterPart2 li.expanded label {
background-image: url(/sitemedia/img/arrowBlueDown.png);
background-position: left 10px;
}
#filterPart2 li ul li {
margin-bottom: 2px;
}
#filterPart2 li ul li label {
width: 100%;
font-weight: normal;
padding: 0;
color: #404040;
background: none;
font-size: 0.85em;
}
#filterPart2 li.expanded ul li label {
background: none;
}
#filterPart2 li ul li input {
display: block;
float: left;
margin-right: 5px;
}

.genderMF {
margin-bottom: -6px;
margin-right: 4px;
}

#filterMF
{
float: right;
margin-top: -4px;
}
#filterMF a
{
float: left;
display: block;
height: 23px;
width: 23px;
background-image: url(/sitemedia/img/sexfilter_mf.png);
}

#filterMF a.male
{
background-position: left top;
}
#filterMF a.male:hover
{
background-position: left -23px;
}
#filterMF a.male.active,
#filterMF a.male.active:hover
{
background-position: left bottom;
}
#filterMF a.female
{
width: 22px;
background-position: right top;
}
#filterMF a.female:hover
{
background-position: right -23px;
}
#filterMF a.female.active,
#filterMF a.female.active:hover
{
background-position: right bottom;
}


#filterPart2 li ul li {
display: none;
}
#filterPart2 li ul li.sidefilter_checked {
display: block;
}

#page #leftColumn .slideButton {
position: absolute;
bottom: 28px;
left: 11px;
margin: 0;
}
#page #leftColumn .slideButton input {
font-weight: bold;
}

#filterExpand a {
display: block;
position: absolute;
left: -1px;
bottom: -1px;
z-index: 250;
width: 131px;
height: 20px;
padding-top: 4px;
text-align: center;
color: #fff;
background-image:url(/sitemedia/img/pplFilterExpand.png);
}
#filterExpand a:hover {
text-decoration: underline;
}
#filterExpand img {
}
.expanded #filterExpand .more {
display: none;
}
.expanded #filterExpand .fewer {
display: inline;
}
#filterClear {
display: block;
float: left;
width: 100%;
text-align: center;
font-size: 0.85em;
margin: -5px 0 5px 0;
}