/*      As well as general definitions, this file will also contain layout      */
/*      definitions for elements that appear in more than one section.          */
/*      In those cases, it is likely that stylistic definitions for colour etc  */
/*      will be found in the corresponding section css.                         */



/* general/misc */

*
{
margin: 0;
padding: 0;
}

html
{
overflow-y:scroll;
width: 100%;
height: 100%;
}

body
{
width: 100%;
height: 100%;
font-family:Arial, Helvetica, Freesans, sans-serif;
font-size: 0.8em;
color: #4e4e4e;
background-color:#fff;
background-image:url(/sitemedia/img/header_bg_default.gif);
background-repeat:repeat-x;
background-position:left top;
position: relative;
}

body.advertsEnabled {
background-position:left 95px;
}

h1, h2, h3, h4
{
width:100%;
line-height:1.3em;
margin:2em 0 0.3em 0;
float:left;
clear:both;
}

#mainColumn .pageTitle
{
margin-top:0.2em;
}

h1,
.pageTitle,
#mainColumn.module .pageTitle,
.popupBoxWrapper h3
{
font-size:1.8em;
margin:0 0 0.5em 0;
}

h1.marginBelow
{
margin-bottom:0.5em;
}

h2
{
font-size:1.4em;
}

h2.description
{
margin:0 0 0.3em 0;
font-size:1.2em;
}

h2.description a
{
font-size: 0.7em;
font-weight: normal;
}

h3
{
margin-top:1.5em;
font-size:1.1em;
}

h4
{
font-size:1em;
}

em
{
font-style:normal;
}

ul,
ol
{
list-style: none;
width:100%;
float:left;
clear:both;
}

.linkList,
.linkLists ul
{
width:100%;
font-weight:normal;
text-align:left;
list-style:none;
margin: 0 0 1.5em 0;
padding:0;
clear:both;
float:left;
}

.largeLinkList
{
font-size:1.4em;
font-weight:bold;
line-height:normal;
margin-top:1em;
}

.linkList li,
.linkLists li
{
background-image:url(/sitemedia/img/picArrowDarkGrey.gif);
background-position:2px 0.4em;
background-repeat:no-repeat;
}

.largeLinkList li
{
margin:0 0 0.75em 35px;
background-image:url(/sitemedia/img/picArrowDarkGreyLrg.gif);
background-position: 2px 0.3em;
}

.noLinks li
{
margin-left:0;
padding-left:15px;
}

#page .peopleLink
{
color:#0a61c0;
background-image:url(/sitemedia/img/picArrowBlue.gif);
}

.peopleLink a,
.peopleLink a:hover
{
color:#0a61c0;
}

#page .vipLink
{
color:#BC0101;
background-image:url(/sitemedia/img/picArrowRedLrg.gif);
}

.vipLink a,
.vipLink a:hover
{
color:#BC0101;
}

#page .sessionLink
{
background-image:url(/sitemedia/img/picArrowAquaLrg.gif);
}

.sessionLink a,
.sessionLink a:hover
{
color:#03B0F0;
}

#page .largeLinkList .peopleLink
{
background-image:url(/sitemedia/img/picArrowBlueLrg.gif);
}

.linkList a,
.linkLists li a
{
padding-left:15px;
}

#page .linkList a:link,
#page .linkList a:visited,
#page .linkLists a:link,
#page .linkLists a:visited
{
text-decoration:none;
}

#page .linkList a:hover,
#page .linkList a:active,
#page .linkLists a:hover,
#page .linkLists a:active
{
text-decoration:underline;
}



ul.bulletedList
{
width:90%;
list-style:disc;
list-style-position:outside;
text-align:left;
margin:0.75em 0 1.5em 10px;
padding:0;
clear:both;
float:left;
display:inline;
}

html>body ul.bulletedList
{
margin-left:20px;
}

.largeBullets
{
font-size:1.4em;
font-weight:bold;
}

.numberedList
{
list-style:decimal;
list-style-position:outside;
margin:0.75em 0 1.5em 32px;
padding:0;
}

html>body ul.numberedList
{
margin-left:25px;
}

.bulletedList li,
.linkLists .bulletedList li,
.numberedList li
{
margin-bottom:0.5em;
background:transparent;
}

/* IE hack to ensure bullets appear in all left floated lists */
ul.bulletedList li /* IE6 */
{
padding-left:15px;
}

*:first-child+html .bulletedList li /* IE7 only */
{
padding-left:15px;
}

html>body .bulletedList li /* standards compliant and IE8 */
{
padding:0;
}
/* end hack */

.bulletedList li a,
.numberedList li a
{
padding:0;
}


/* partial transparency fix file for ie6 - full .png support */
#hiringLogo,
.btnPlayVideoThumb,
.favouriteStar,
.vipIcon,
.loggedinVip,
.vipIconInline,
.vipPageLink span,
.vipUser span,
#current_user,
#vipUpgradeLink,
.videoFeaturingVip,
.hasWebcam,
div.inner,
div.bottom,
img.removeThumbImg,
img.missedSlotIcon,
img.leftEarlyIcon,
.namePanel,
#editProfilePhotos,
.alertPopupInner,
.alertPopupBottom,
#wooStateDropDown,
#screenSaverPanel,
#introVideoArrow,
#featureIconWmn,
.btnPlayVideo,
.videoPanel div a,
#certifiedCelebrity,
.popupBoxWrapper,
.btnUploadOrange,
.topNav #wooMe span,
.topNav .tabImage,
#filterExpand img
{
behavior:url(/sitemedia/css/iepngfix.htc);
}

#page .hidden,
#page .slideButton script,
html body .hidden,
#page div.errorItem.hidden,
.hidden
{
display: none;
}

.hideElement,
#page .hideElement,
legend,
#filterMenuModule .closed li a,
.videoPanel,
#page .closed .moduleYellow
{
height:1px;
width:1px;
margin-top:-500em;
padding:0;
position:absolute;
top:-500em;
left:-500em;
display:inline;
}

.trans
{
opacity: 0;
filter: alpha(opacity=0);
visibility:hidden;
}

.greyedOut,
a.greyedOut,
#page .slideButton.disabled
{
color: #999;
opacity: 0.4;
filter: alpha(opacity=40);
}

input.greyedOut,
a.greyedOut
{
cursor:pointer;
}

#page .floatClearer,
.floatClearer
{
height: 0;
line-height:0;
font-size: 0;
clear: both;
}

a
{
color: #4e4e4e;
text-decoration: none;
outline:0;
}

a:hover
{
color: #4e4e4e;
text-decoration: underline;
}

p
{
width:100%;
margin: 0 0 1em 0;
clear:both;
float:left;
}

hr
{
clear: both;
height: 3px;
margin: 10px 0;
color: #ccc;
background-color: #ccc;
border: none;
}

hr.lighterHr
{
height:2px;
background-color:#e0e0e0;
}

img
{
border: none;
}

img.block
{
display: block;
}

input, select, textarea
{
font-family: arial, freesans;
color: #4e4e4e;
font-size: 1em;
z-index: 0;
}

iframe
{
border:0;
}

/* text colour definitions */
.black
{
color: #4e4e4e !important;
}

.green, .highlight
{
color: #398c21 !important;
}

.aqua
{
color: #03b0f0 !important;
}

.blue
{
color: #0a61c0;
}

.orange
{
color: #f58e20 !important;
}

.grey
{
color: #666666;
}

.midGrey
{
color: #b0b0b0 !important;
}

.lightGrey
{
color: #ccc !important;
}

.white
{
color: #ffffff !important;
}

.red
{
color: #cc0000 !important;
}

/* text sizes */
.small
{
font-size: 0.85em;
}

/* text styles */
.underline
{
text-decoration: underline !important;
}

.bold
{
font-weight: bold;
}

.centredText
{
text-align: center;
}

.lowercase
{
text-transform: lowercase;
}

.titleCase
{
text-transform: capitalize;
}

.justify
{
text-align: justify;
}

#page .noMarginBottom
{
margin-bottom: 0;
}

.borderBottom
{
border-bottom:3px solid #ccc;
margin-bottom:2em;
padding-bottom:2em;
}

.pageTitle.borderBottom
{
padding-bottom:0.5em;
margin-bottom:1em;
}

/* new stled inputs - to replace the shadow inputs below, over time */
.styledInput
{
display: block;
background: url(/sitemedia/img/styledinput_left.gif) no-repeat left top;
}
.styledInput span
{
display: block;
height: 19px;
padding: 4px 0 0 6px;
background: url(/sitemedia/img/styledinput_right.gif) no-repeat right top;
}
.styledInput span input
{
float: left;
height: 19px;
border: none;
background: none;
}
/* ongrey versions of the above */
.styledInput.onBlack
{
background-image: url(/sitemedia/img/styledinput_onblack_left.gif);
}
.styledInput.onBlack span
{
background-image: url(/sitemedia/img/styledinput_onblack_right.gif);
}

/* shadow input boxes */
.shadowInput
{
display: block;
height: 19px;
padding: 4px 5px 0 6px;
background-repeat: no-repeat;
}

.shadowInput input
{
float: left;
height: 17px;
background:transparent;
border: none;
}

/* removed backgrond:transparent from input's as making them unclickable in IE8 render engine on popups */
html>body .popupBoxWrapper .shadowInput input
{
background:#fff;
}

/* small */
.shadowInputSmall,
.shadowInputSmall input
{
width: 16px;
}

.shadowInputSmall
{
background-image: url(/sitemedia/img/shadowinput_small.gif);
}

/* medium */
.shadowInputMedium,
.shadowInputMedium input
{
width: 131px;
}

.shadowInputMedium
{
background-image: url(/sitemedia/img/shadowinput_medium.gif) !important;
}

.shadowInput75
{
width: 70px;
background-image: url(/sitemedia/img/shadowinput80.png);
}
.shadowInput75 input
{
width: 70px;
}

.shadowInput170
{
width: 160px;
background-image: url(/sitemedia/img/shadowinput170.gif);
}

.shadowInput170 input
{
width: 160px;
}

.shadowInput310
{
width:300px;
background-image:url(/sitemedia/img/shadowinput310.png);
}
.shadowInput310 input
{
width:300px;
}

/* long */
.shadowInputLong,
.shadowInputLong input
{
width: 351px;
}

.shadowInputLong
{
background-image: url(/sitemedia/img/shadowinput_long.gif);
}

/* long */
.shadowInput430,
.shadowInput430 input
{
width: 439px;
}

.shadowInput430
{
background-image: url(/sitemedia/img/shadowinput_430.gif);
}

/* long search result */
.shadowInputSearchLong
{
width: 206px;
padding-left: 25px;
float: left;
}
.shadowInputSearchLong input
{
width: 206px;
}

.shadowInputSearchLong
{
background-image: url(/sitemedia/img/shadowinput_search_long.gif);
}

/* shadow textareas */
.shadowTextarea
{
display: block;
float: left;
width: 290px;
height: 98px;
padding: 10px;
background-image: url(/sitemedia/img/shadowtextarea.gif);
}

.shadowTextarea textarea
{
float: left;
width: 290px;
height: 98px;
background:#fff;
border: none;
}

/* small */
.shadowTextareaSmall
{
background-image: url(/sitemedia/img/shadowtextarea_small.gif);
}

.shadowTextareaSmall,
.shadowTextareaSmall textarea
{
width: 213px;
height: 57px;
}

/* medium */
.shadowTextareaMedium
{
background-image: url(/sitemedia/img/shadowtextarea_medium.gif);
}

.shadowTextareaMedium,
.shadowTextareaMedium textarea
{
width:430px;
}

.shadowTextarea450x59,
.shadowTextarea450x59 textarea
{
width:430px;
height:39px;
}

.shadowTextarea450x59
{
background-image:url(/sitemedia/img/shadowtextarea450x59.png);
}

/* large */
.shadowTextareaLarge
{
background-image: url(/sitemedia/img/shadowtextarea_large.gif);
}
.shadowTextareaLarge,
.shadowTextareaLarge textarea
{
width: 342px;
}

/* wide and short */
.shadowTextareaWideShort
{
background-image: url(/sitemedia/img/shadowtextarea_wide_short.gif);
}
.shadowTextareaWideShort,
.shadowTextareaWideShort textarea
{
width: 589px;
height: 52px;
}

/* wide and tall */
.shadowTextareaWideTall
{
background-image: url(/sitemedia/img/shadowtextarea_wide_tall.gif);
}
.shadowTextareaWideTall,
.shadowTextareaWideTall textarea
{
width: 589px;
height: 145px;
}

/* error messaging on forms - not implemented throughout yet */
form em {
color: #cc0000;
font-weight: bold;
font-style: normal;
}

fieldset
{
width:100%;
border:0;
margin:0;
padding:0;
clear:both;
float:left;
}

.formErrors
{
color:#c00;
margin:6px 0;
white-space: nowrap;
}

.formErrors span
{
padding: 3px 0 3px 22px;
background: url(/sitemedia/img/form_error_alert.gif) no-repeat left 2px;
text-transform: lowercase;
}

.validationError li,
.validationError p,
#page .errorItem
{
color:#cc0000;
font-size:1em;
font-weight:normal;
margin-top: 3px;
padding: 3px 0 2px 22px;
white-space: nowrap;
display: block;
float: left;
background: url(/sitemedia/img/form_error_alert.gif) no-repeat left 2px;
}

#page .errorItem.validationOk
{
color:#398c21;
background:url(/sitemedia/img/form_validate_ok.gif) no-repeat left 2px;
}

/* green rounded corner confirmation message */
.userConfirmationMessage
{
display: block;
clear: both;
width:615px;
height:22px;
color:#398c21;
font-size:0.85em;
font-weight:bold;
margin-bottom:6px;
padding:4px 15px 0 15px;
background:url(/sitemedia/img/infopanel_inpage_green.gif) no-repeat;
}

#joinedSessionInfoPanel h2,
.userConfirmationMessage h2,
h2.userConfirmationMessage
{
font-size:1em;
line-height:normal;
margin:0;
}

.userConfirmationMessage a
{
color:#398c21;
}

.module ul.errorlist
{
margin-top:0.1em;
}

.errorlist li
{
clear:both;
}

/* Generic module styles */
.module
{
width:930px;
border:3px solid #eaeaea;
margin-bottom:10px;
padding:12px 12px 0 12px;
float:left;
clear:both;
display:inline;
position:relative;
}

#page .moduleHeader,
#page .moduleFooter
{
width:960px;
border:0;
margin:-15px -15px 0;
padding:0;
float:left;
display:inline;
position:relative;
background-image:url(/sitemedia/img/moduleBackgroundGreyOutline.png);
background-repeat:no-repeat;
}

#page .moduleFooter
{
margin:0 -15px -3px;
clear:both;
background-position:left bottom;
}

#page .moduleHeader div,
#page .moduleFooter div
{
width:15px;
height:15px;
border:0;
margin:0;
padding:0;
float:right;
background-image:url(/sitemedia/img/moduleBackgroundGreyOutline.png);
background-position:right top;
}

#page .moduleFooter div
{
background-position:right bottom;
}

.moduleGrey
{
border-color:#eee;
background:#eee;
}

#page .moduleGrey .moduleHeader,
#page .moduleGrey .moduleHeader div,
#page .moduleGrey .moduleFooter,
#page .moduleGrey .moduleFooter div
{
background-image:url(/sitemedia/img/moduleBackgroundGrey.png);
}

.moduleGrey8px0px
{
border-width:1px;
border-color:#eee;
background:#eee;
padding:5px 10px;
}

#page .moduleGrey8px0px .moduleHeader,
#page .moduleGrey8px0px .moduleHeader div,
#page .moduleGrey8px0px .moduleFooter,
#page .moduleGrey8px0px .moduleFooter div
{
height:6px;
background-image:url(/sitemedia/img/moduleBgGrey8px0px.png);
}

#page .moduleAqua
{
color:#fff;
border-color:#a3d5f0;
background:#03b0f0;
}

#page .moduleAqua .moduleHeader,
#page .moduleAqua .moduleHeader div,
#page .moduleAqua .moduleFooter,
#page .moduleAqua .moduleFooter div
{
background-image:url(/sitemedia/img/moduleBgAquaOutline.png);
}

.moduleAqua a
{
color:#fff;
}

.module.moduleGreyOutlineSml
{
padding-top:5px;
padding-bottom:5px;
border-width:1px;
}

#page .moduleGreyOutlineSml .moduleHeader,
#page .moduleGreyOutlineSml .moduleHeader div,
#page .moduleGreyOutlineSml .moduleFooter,
#page .moduleGreyOutlineSml .moduleFooter div
{
height:6px;
background-image:url(/sitemedia/img/moduleBackgroundGreyOutlineSml.png);
}

#page .moduleGreyOutlineSml .moduleHeader,
#page #leftColumn .moduleGreyOutlineSml .moduleHeader
{
margin:-6px -1px 0 -1px;
}

#page .moduleGreyOutlineSml .moduleFooter,
#page #leftColumn .moduleGreyOutlineSml .moduleFooter
{
margin:0 -1px -6px -1px;
}



.module.moduleGreyOutlineBGSml
{
padding-top:5px;
padding-bottom:5px;
border-width:1px;
background-color: #f4f4f4;
border-color: #cccccc;
}

#page .moduleGreyOutlineBGSml .moduleHeader,
#page .moduleGreyOutlineBGSml .moduleHeader div,
#page .moduleGreyOutlineBGSml .moduleFooter,
#page .moduleGreyOutlineBGSml .moduleFooter div
{
height:6px;
background-image:url(/sitemedia/img/moduleBackgroundGreyOutlineBGSml.png);
}

#page .moduleGreyOutlineBGSml .moduleHeader,
#page #leftColumn .moduleGreyOutlineBGSml .moduleHeader
{
margin:-6px -1px 0 -1px;
}

#page .moduleGreyOutlineBGSml .moduleFooter,
#page #leftColumn .moduleGreyOutlineBGSml .moduleFooter
{
margin:0 -1px -6px -1px;
}

.moduleMedGreyOutline
{
border-color:#999;
}

#page .moduleMedGreyOutline .moduleHeader,
#page .moduleMedGreyOutline .moduleHeader div,
#page .moduleMedGreyOutline .moduleFooter,
#page .moduleMedGreyOutline .moduleFooter div
{
background-image:url(/sitemedia/img/moduleBackgroundMedGreyOutline.png);
}

.moduleDarkGrey8px1px
{
border:1px solid #574f4d;
padding-top:7px;
padding-bottom:7px;
}

#page .moduleDarkGrey8px1px .moduleHeader,
#page .moduleDarkGrey8px1px .moduleHeader div,
#page .moduleDarkGrey8px1px .moduleFooter,
#page .moduleDarkGrey8px1px .moduleFooter div
{
height:8px;
background-image:url(/sitemedia/img/moduleBgDarkGrey8px1px.png);
}

#page .moduleDarkGrey8px1px .moduleHeader
{
margin:-8px -13px 0 -13px;
}

#page .moduleDarkGrey8px1px .moduleFooter
{
margin:0 -13px -8px -13px;
}

.moduleRedOutlineWhite
{
border-color:#bc0101;
background-color:#fff;
}

#page .moduleRedOutlineWhite .moduleHeader,
#page .moduleRedOutlineWhite .moduleHeader div,
#page .moduleRedOutlineWhite .moduleFooter,
#page .moduleRedOutlineWhite .moduleFooter div
{
background-image:url(/sitemedia/img/moduleBackgroundRedOutlineWhiteBG.png);
}

.moduleRedOutlineWhite .pageTitle
{
color:#bc0101;
}

#page .module.moduleRedOutline
{
color:#c00;
border:3px solid #c00;
background-color:#fde3e4;
}

#page .moduleRedOutline .moduleHeader,
#page .moduleRedOutline .moduleHeader div,
#page .moduleRedOutline .moduleFooter,
#page .moduleRedOutline .moduleFooter div
{
background-image:url(/sitemedia/img/moduleBackgroundRedOutline.png);
}

.moduleOrangeOutline
{
color:#F58E20;
border:3px solid #F58E20;
background-color:#FCF5D9;
}

#page .moduleOrangeOutline .moduleHeader,
#page .moduleOrangeOutline .moduleHeader div,
#page .moduleOrangeOutline .moduleFooter,
#page .moduleOrangeOutline .moduleFooter div
{
background-image:url(/sitemedia/img/moduleBackgroundOrangeOutline.png);
}

.modulePink8px0px
{
width:810px;
color:#c00;
border:1px solid #ffd3d3;
background:#ffd3d3;
padding:5px 10px;
}

#mainColumn .module.modulePink12px0px,
#mainColumn .module.moduleLightGreen12px0px
{
width:635px;
}

#page .modulePink8px0px .moduleHeader,
#page .modulePink8px0px .moduleHeader div,
#page .modulePink8px0px .moduleFooter,
#page .modulePink8px0px .moduleFooter div
{
height:6px;
background-image:url(/sitemedia/img/moduleBgPink8px0px.png);
}

.modulePink8px0px a,
.modulePink8px0px a:hover,
#page .moduleRedOutline a,
#page .moduleRedOutline a:hover
{
color:#c00;
text-decoration:underline;
}

.modulePink12px0px
{
width:810px;
color:#c00;
border-color:#ffd3d3;
background:#ffd3d3;
padding:7px 10px;
}

#page .module.modulePink12px0px .moduleHeader,
#page .module.modulePink12px0px .moduleHeader div,
#page .module.modulePink12px0px .moduleFooter,
#page .module.modulePink12px0px .moduleFooter div
{
height:10px;
background-image:url(/sitemedia/img/moduleBgPink12px0px.png);
}

.moduleLightGreen12px0px
{
width:810px;
color:#398c21;
border-color:#d7edcf;
background:#d7edcf;
padding:7px 10px;
}

#page .module.moduleLightGreen12px0px .moduleHeader,
#page .module.moduleLightGreen12px0px .moduleHeader div,
#page .module.moduleLightGreen12px0px .moduleFooter,
#page .module.moduleLightGreen12px0px .moduleFooter div
{
height:10px;
background-image:url(/sitemedia/img/moduleBgLightGreen12px0px.png);
}

#page .module.modulePink12px0px .moduleHeader,
#page .module.moduleLightGreen12px0px .moduleHeader
{
margin:-10px -13px 0 -13px;
}

#page .module.modulePink12px0px .moduleFooter,
#page .module.moduleLightGreen12px0px .moduleFooter
{
margin:0 -13px -10px -13px;
}

.moduleYellow8px0px
{
width:938px;
color:#C97D1F;
border:1px solid #fcf8cb;
background-color:#fcf8cb;
padding:5px 10px;
}

#page .moduleYellow8px0px .moduleHeader,
#page .moduleYellow8px0px .moduleHeader div,
#page .moduleYellow8px0px .moduleFooter,
#page .moduleYellow8px0px .moduleFooter div
{
height:6px;
background-image:url(/sitemedia/img/moduleBgYellow8px0px.png);
}

#page .modulePink8px0px .moduleHeader,
#page .moduleYellow8px0px .moduleHeader,
#page .moduleLightGreen8px0px .moduleHeader,
#page .moduleGrey8px0px .moduleHeader
{
margin:-6px -11px 0 -11px;
}

#page .modulePink8px0px .moduleFooter,
#page .moduleYellow8px0px .moduleFooter,
#page .moduleLightGreen8px0px .moduleFooter,
#page .moduleGrey8px0px .moduleFooter
{
margin:0 -11px -6px -11px;
}

#page .moduleYellow8px0px a,
#page .moduleYellow8px0px a:hover
{
color:#4e4e4e;
text-decoration:underline;
}

.moduleLightGreen8px0px
{
width:810px;
color:#398c21;
border:1px solid #E1EFD9;
background-color:#E1EFD9;
padding:5px 10px;
}

#mainColumn .module.moduleLightGreen8px0px,
#mainColumn .module.modulePink8px0px,
#userDialogue div.module.moduleLightGreen8px0px,
#userDialogue div.module.modulePink8px0px
{
width:623px;
}

#page .moduleLightGreen8px0px .moduleHeader,
#page .moduleLightGreen8px0px .moduleHeader div,
#page .moduleLightGreen8px0px .moduleFooter,
#page .moduleLightGreen8px0px .moduleFooter div
{
height:6px;
background-image:url(/sitemedia/img/moduleBgLightGreen8px0px.png);
}

#page .moduleLightGreen8px0px a,
#page .moduleLightGreen8px0px a:hover
{
text-decoration:underline;
}

#page .module.moduleYellow
{
border:1px solid #eace85;
background:#fcf8cb;
color:#4e4e4e;
padding:12px;
}

#mainColumn .module.moduleYellow
{
width:619px;
}

#page .module.moduleYellow .moduleHeader,
#page .module.moduleYellow .moduleHeader div,
#page .module.moduleYellow .moduleFooter,
#page .module.moduleYellow .moduleFooter div
{
background-image:url(/sitemedia/img/moduleBackgroundYellow.png);
}

#page .moduleYellow .moduleHeader
{
margin:-13px -13px 0;
}

#page .moduleYellow .moduleFooter
{
margin:0 -13px -13px -13px;
}

.moduleYellow8px1px
{
color:#4e4e4e;
border:1px solid #eace85;
background:#fcf8cb;
padding:7px 6px;
}

#mainColumn .module.moduleYellow8px1px
{
width:631px;
}

#mainColumn.module .module.moduleYellow8px1px
{
width:647px;
}

#page .moduleYellow8px1px .moduleHeader,
#page .moduleYellow8px1px .moduleHeader div,
#page .moduleYellow8px1px .moduleFooter,
#page .moduleYellow8px1px .moduleFooter div
{
height:8px;
background-image:url(/sitemedia/img/moduleBgYellow8px1px.png);
}

#page .moduleYellow8px1px .moduleHeader
{
margin:-9px -7px 0 -7px;
}

#page .moduleYellow8px1px .moduleFooter
{
margin:0 -7px -9px -7px;
}

.moduleYellow h2, .moduleYellow8px1px h2
{
color:#C97D1F;
}

#page .moduleYellow a,
#page .moduleYellow8px1px a
.moduleYellow8px1px a,
.moduleYellow8px1px a:hover,
.moduleYellow8px0px a,
.moduleYellow8px0px a:hover
{
color:#975302;
/*color:#C97D1F;*/
text-decoration:underline;
}

.btnCloseYellowModule
{
display:block;
width:17px;
height:17px;
background-image:url(/sitemedia/img/btnCloseYellowModule.gif);
}

.btnCloseYellowModuleSmall
{
width:10px;
height:10px;
position: absolute;
top: 8px;
right: 7px;
display:block;
background-image:url(/sitemedia/img/btnCloseYellowModule_small.gif);
}

.moduleBlackOutline
{
border-color:#292a2c;
}

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

.moduleOliveOutline
{
color:#2d651b;
border-color:#9cca68;
}

#page .moduleOliveOutline .moduleHeader,
#page .moduleOliveOutline .moduleHeader div,
#page .moduleOliveOutline .moduleFooter,
#page .moduleOliveOutline .moduleFooter div
{
background-image:url(/sitemedia/img/moduleBackgroundOliveOutline.png);
}

.moduleGreyOutline
{
    color:#4E4E4E;
    border-color: #EAEAEA;
}

#page .moduleGreyOutline .moduleHeader,
#page .moduleGreyOutline .moduleHeader div,
#page .moduleGreyOutline .moduleFooter,
#page .moduleGreyOutline .moduleFooter div
{
background-image:url(/sitemedia/img/moduleBackgroundGreyOutline.png);
}

/* centred button divs - enables css buttons to be aligned centrally within the page/popup */
.centredButtonsContainer
{
width: 100%;
margin-top:10px;
margin-bottom:1em;
clear:both;
float:left;
}
/* centred button divs - enables css buttons to be aligned centrally within the page/popup */
.centredButtonsContainer .left
{
width: 49%;
float: left;
}
.centredButtonsContainer .left a,
.centredButtonsContainer .left input
{
float: right;
}
.centredButtonsContainer .right
{
width: 49%;
float: right;
text-align: left;
}
.centredButtonsContainer a
{
display: block;
}

.centredButton
{
margin:0 auto 1em auto;
clear:both;
}

.centredButtonsContainer .centredButton
{
margin-bottom:0;
}

.cssButton
{
display:block;
}

#page .textButton
{
border:0;
color:#999;
font-weight:bold;
font-size:1.4em;
line-height:normal;
text-decoration:underline;
cursor:pointer;
background:#fff;
margin:0.5em 0 0.5em 20px;
padding:0;
display:inline;
float:left;
}

#page input.textButton
{
margin-top:0.2em;
}

#page .submitButton
{
color:#999;
border:0;
font-size:0;
cursor:pointer;
outline:0;
}

#page .slideButton
{
height:32px;
margin:1em 10px;
padding-left:4px;
background-image:url(/sitemedia/img/btnBackgroundLime.png);
background-color:#8ac417;
background-repeat:no-repeat;
display:inline;
float:left;
}

#page .slideButton *
{
height:23px;
color:#fff;
font-size:1.15em;
text-align:center;
text-decoration:none;
line-height:normal;
font-weight:normal;
white-space:nowrap;
cursor:pointer;
border:0;
outline:0;
padding:7px 10px 2px 6px;
background-image:url(/sitemedia/img/btnBackgroundLime.png);
background-color:#8ac417;
background-position:top right;
position:relative;
display:block;
float:left;
}

#page .slideButton input
{
height:32px;
padding:0;
}

html>body#page .slideButton input
{
padding:0 10px 0 6px;
}

#page * .slideButton a:hover
{
text-decoration:none;
}

#page #siteWrapper .slideButton img,
#page #iha_container .slideButton img,
#page #woome_alerts_container .slideButton img,
#page #siteWrapper .disabledBtn img,
#page #iha_container .disabledBtn img,
#page #woome_alerts_container .disabledBtn img
{
width:17px;
height:17px;
margin:0 0 -4px;
padding:0;
display:inline-block;
position:relative;
background:transparent;
behavior:url(/sitemedia/css/iepngfix.htc);
float:none;
}

#page #siteWrapper .slideButton img.iconArrow,
#page #iha_container .slideButton img.iconArrow
{
width:8px;
height:12px;
margin:0 0 -1px 2px;
}

.cssButton:hover,
.centredButtonsContainer a:hover,
#page .submitButton:hover,
#page .submitButton.hovered,
#page .slideButton:hover,
#page .slideButton.hovered
{
/* don't put an !important on this or you'll break the main tabs - I'm looking at you Mr Pinkerton */
text-decoration:none;
background-position:left bottom;
}

#page .slideButton:hover *,
#page .slideButton.hovered *
{
color:#fff;
text-decoration:none;
background-position:right bottom;
}

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

#page span.slideButton.btnLime,
#page span.slideButton.btnLime *
{
background-image:url(/sitemedia/img/btnBackgroundLime.png);
background-color:#8ac417;
}

#page span.slideButton.btnGreen,
#page span.slideButton.btnGreen *
{
background-image:url(/sitemedia/img/btnBackgroundGreen.png);
background-color:#398c21;
}

#page span.slideButton.btnGreenFlatSml,
#page span.slideButton.btnGreenFlatSml *
{
height:27px;
background-image:url(/sitemedia/img/btnBackgroundGreenFlatSml.png);
background-color:#398c21;
}

#page .slideButton.btnGreenFlatSml a
{
height:20px;
padding-top:5px;
}

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

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

#page span.slideButton.btnRed,
#page span.slideButton.btnRed *
{
background-image:url(/sitemedia/img/btnBackgroundRed.png);
background-color:#c60202;
}

#page span.slideButton.btnOrange,
#page span.slideButton.btnOrange *
{
background-image:url(/sitemedia/img/btnBackgroundOrange.png);
background-color:#F69936;
}

#page span.slideButton.btnGrey,
#page span.slideButton.btnGrey *
{
color:#4e4e4e;
background-image:url(/sitemedia/img/btnBackgroundGrey.png);
background-color:#999;
}

#page span.slideButton.btnLitGrey,
#page span.slideButton.btnLitGrey *
{
color:#4e4e4e;
background-image:url(/sitemedia/img/btnBackgroundLightGrey.png);
background-color:#ccc;
}

#page span.slideButton.btnGreyFlatSml,
#page span.slideButton.btnGreyFlatSml *
{
height:27px;
color:#000;
background-image:url(/sitemedia/img/btnBackgroundGreyFlat.png);
background-color:#999;
}

#page .slideButton.btnGreyFlatSml a
{
height:20px;
padding-top:5px;
}

#page span.slideButton.btnLitGreyFlatSml,
#page span.slideButton.btnLitGreyFlatSml *
{
height:27px;
color:#000;
background-image:url(/sitemedia/img/btnBackgroundLitGreyFlatSml.png);
background-color:#ccc;
}

#page .slideButton.btnLitGreyFlatSml a
{
height:20px;
padding-top:5px;
}

#page span.slideButton.btnSnow,
#page span.slideButton.btnSnow *
{
color:#4e4e4e;
background-image:url(/sitemedia/img/btnBackgroundSnow.png);
background-color:#f5f5f5;
}

#page span.slideButton.btnSnowSml,
#page span.slideButton.btnSnowSml *
{
height:27px;
font-size:1em;
color:#4e4e4e;
background-image:url(/sitemedia/img/btnBackgroundSnowSml.png);
background-color:#f5f5f5;
}

#page .slideButton.btnSnowSml a
{
height:20px;
padding-top:5px;
}

#page span.slideButton.btnBlueSml,
#page span.slideButton.btnBlueSml *
{
height:27px;
font-size:1em;
color:#fff;
background-image:url(/sitemedia/img/btnBackgroundBlueSml.png);
background-color:#fff;
}

#page .slideButton.btnBlueSml a
{
height:20px;
padding-top:5px;
}

/* buttons */

/* default height buttons */
.buttonUpdateGreen,
.buttonUpdateGrey,
#buttonSendOrange,
.buttonCancelGreen,
#buttonCancelOrange,
#buttonCancelGrey,
.buttonBack,
.buttonCancel,
.buttonSend,
.buttonSendGreen,
.buttonIgnore,
#buttonIgnoreSmallText,
#buttonGoToInbox,
#buttonJoinTop,
#buttonJoinBottom,
.buttonOKGrey,
#buttonNudgeBack,
#buttonViewProfile,
#buttonInvitePeople,
#buttonInviteFromFB,
#buttonInviteFromFB_blue,
#buttonAccept,
.buttonAccept,
.buttonAcceptGreen,
.buttonDecline,
#buttonTellMeMore,
.buttonBlock,
.buttonReport,
.buttonAnswer,
.buttonJoinSession,
#btnFindNow,
#btnCreateSessionGenericAlertPanel,
.btnUploadOrange,
.btnUploadOrangeGlowing
{
width: 117px;
height: 35px;
}

.buttonUpdateGreen
{
background-image: url(/sitemedia/img/button_update_green.gif);
}


.buttonUpdateGrey
{
background-image: url(/sitemedia/img/button_update_grey.png);
}
#buttonSendOrange
{
background-image: url(/sitemedia/img/button_send_orange.gif);
}
#buttonCancelOrange
{
background-image: url(/sitemedia/img/button_cancel_orange.gif);
}
.buttonCancel
{
background-image: url(/sitemedia/img/button_cancel.gif);
}
.buttonBack
{
background-image: url(/sitemedia/img/button_back.png);
}
#buttonCancelGrey
{
background-image: url(/sitemedia/img/button_cancelgrey.gif);
}

.buttonSend
{
background-image: url(/sitemedia/img/button_send.gif);
}
.buttonIgnore
{
background-image: url(/sitemedia/img/button_ignore.gif);
}
#buttonIgnoreSmallText
{
background-image: url(/sitemedia/img/button_ignore_smalltext.gif);
}
#buttonGoToInbox
{
background-image: url(/sitemedia/img/button_gotoinbox.gif);
}
#buttonJoinTop
{
background-image: url(/sitemedia/img/button_jointop.gif);
}
#buttonJoinBottom
{
background-image: url(/sitemedia/img/button_joinbottom.gif);
}

.buttonOKGrey
{
background-image: url(/sitemedia/img/button_ok_grey.gif);
}

#buttonViewProfile
{
background-image: url(/sitemedia/img/button_viewprofile.gif);
}
#buttonInvitePeople
{
background-image: url(/sitemedia/img/button_invitepeople.gif);
}
#buttonInviteFromFB
{
background-image: url(/sitemedia/img/button_invitefromfb.gif);
}
#buttonInviteFromFB_blue
{
background-image: url(/sitemedia/img/button_invitefromfb_blue.gif);
}
#buttonAccept,
.buttonAccept
{
background-image: url(/sitemedia/img/button_accept.gif);
}
.buttonAcceptGreen
{
background-image: url(/sitemedia/img/button_accept_green.gif);
}
.buttonDecline
{
background-image: url(/sitemedia/img/button_decline.gif);
}
#buttonTellMeMore
{
background-image: url(/sitemedia/img/button_tellmemore.gif);
}
.buttonBlock
{
background-image: url(/sitemedia/img/button_block.gif);
}
.buttonReport
{
background-image: url(/sitemedia/img/button_report_white.gif);
}
.buttonAnswer
{
background-image: url(/sitemedia/img/button_answer.gif);
}
.buttonJoinSession
{
background-image: url(/sitemedia/img/button_joinsession.gif);
}
.buttonCancelGreen
{
background-image: url(/sitemedia/img/button_cancel_green.gif);
}
.buttonSendGreen
{
background-image: url(/sitemedia/img/button_send_green.gif);
}
#btnCreateSessionGenericAlertPanel
{
width:211px;
background-image: url(/sitemedia/img/btnCreateChatSession.png);
}
.btnUploadOrange {
background-image: url(/sitemedia/img/btn_upload_orange.png);
}
.btnUploadOrangeGlowing {
width: 98px;
background-image: url(/sitemedia/img/btn_upload_orange_glowing.gif);
}


/* medium small buttons */
/* would be better if the buttons were classes */
/* but changing it would affect a lot of code */
/* (thus the copies) -Lau */
#buttonYes,
.buttonYes,
#buttonYesAqua,
.buttonYesAqua,
.buttonYesGrey,
.buttonYesGreen,
#buttonNo,
.buttonNo,
#buttonNoAqua,
.buttonNoAqua,
.buttonNoGrey,
.buttonOk,
.buttonOkGreen,
#buttonNext,
.buttonNext
{
width: 93px;
height: 35px;
}
#buttonYes,
.buttonYes
{
background-image: url(/sitemedia/img/button_yes.gif);
}
#buttonYesAqua,
.buttonYesAqua
{
background-image: url(/sitemedia/img/button_yes_aqua.gif);
}
.buttonYesGrey
{
background-image: url(/sitemedia/img/button_yes_grey.gif);
}
.buttonYesGreen
{
background-image: url(/sitemedia/img/button_yes_green.png);
}
#buttonNo,
.buttonNo
{
background-image: url(/sitemedia/img/button_no.gif);
}
#buttonNoAqua,
.buttonNoAqua
{
background-image: url(/sitemedia/img/button_no_aqua.gif);
}
.buttonNoGrey
{
background-image: url(/sitemedia/img/button_no_grey.gif);
}
.buttonOk
{
background-image: url(/sitemedia/img/button_ok.gif);
}
#buttonNext,
.buttonNext
{
background-image: url(/sitemedia/img/button_next.gif);
}
.buttonOkGreen
{
background-image: url(/sitemedia/img/button_ok_green.gif);
}

/* tall buttons */

#buttonInviteHim,
#buttonInviteHer
{
width: 148px;
height: 44px;
}




#buttonInviteHim
{
background-image: url(/sitemedia/img/button_invitehim.gif);
}
#buttonInviteHer
{
background-image: url(/sitemedia/img/button_inviteher.gif);
}


/* misc size buttons */
#buttonFilterResults
{
width: 113px;
height: 31px;
background-image: url(/sitemedia/img/button_filter_results.gif);
}
#buttonSendPassword
{
width: 175px;
height: 35px;
background-image: url(/sitemedia/img/button_sendpassword.gif);
}
#buttonCancelWide
{
width: 175px;
height: 35px;
background-image: url(/sitemedia/img/button_cancel_wide.gif);
}
#joinedSessionWooCheck
{
margin: 10px auto 0 auto;
width: 131px;
height: 105px;
background-image: url(/sitemedia/img/checkyourcomputer_joinedsession.gif);
}
#sendInvitesStartWooing
{
margin: 10px auto 0 auto;
width: 307px;
height: 35px;
background-image: url(/sitemedia/img/button_sendinvites_startwooing.gif);
}

.buttonSending
{
background-image: url(/sitemedia/img/button_sending.gif) !important;
}


.buttonBackToInbox
{
width: 135px;
height: 35px;
background-image: url(/sitemedia/img/button_backtoinbox.gif);
}
.buttonReply
{
width: 135px;
height: 35px;
background-image: url(/sitemedia/img/button_reply.gif);
}
.friendsHelp
{
float: right;
width: 18px;
height: 18px;
background-image: url(/sitemedia/img/button_help.gif);
}
.verifyEmail
{
width: 182px;
height: 35px;
background-image: url(/sitemedia/img/btn_verify_email.gif);
}

.buyCreditCCard {
display: block;
width:112px;
height:25px;
background-image:url(/sitemedia/img/me/buycredits_card.png);
padding: 7px 9px 0 0;
font-weight: bold;
text-decoration: none;
text-align: right;
}
.buyCreditCCard:hover {
text-decoration: none;
}

#btnWatchIt
{
width:120px;
height:35px;
background-image:url(/sitemedia/img/btnWatchIt.png);
clear:both;
margin:1em auto;
}

/* custom tooltips */
#page div.tip
{
font-size:1em;
padding:0;
display:inline;
}

.tipcontainer
{
position: absolute;
z-index:1001;
top: 0;
left: -800px;
font-size: 0.85em;
width: 182px;
}
.tipcontainer h3
{
font-size: 1.2em;
margin:0 0 0.2em 0;
}
.tipcontainer h3.border
{
font-size: 1em;
display: block;
padding-bottom: 4px;
margin-bottom: 10px;
border-bottom: solid 1px #cccccc;
}
.tipcontainer em
{
font-style: normal;
}
.tipcontainer img
{
display: block;
}
.tipcontainer .inner
{
padding: 13px 15px 0 13px;
float:left;
}

.tipcontainer p
{
margin:0 0 1em 0;
}

.tipcontainer .bottom
{
height: 15px;
clear:both;
}
/* large tips */
.tipcontainer .largeTip
{
width: 342px;
}
.tipcontainer .largeTip .inner
{
width: 314px;
background: url(/sitemedia/img/tooltip_large_top.png) no-repeat left top;
}
.tipcontainer .largeTip .bottom
{
background: url(/sitemedia/img/tooltip_large_bottom.png) no-repeat left bottom;
}
/* small tips */
.tipcontainer .smallTip
{
width: 182px;
}
.tipcontainer .smallTip .inner
{
width: 154px;
background: url(/sitemedia/img/tooltip_small_top.png) no-repeat left top;
}
.tipcontainer .smallTip .bottom
{
background: url(/sitemedia/img/tooltip_small_bottom.png) no-repeat left top;
}

/* online now/ready to woo status bar in tooltips */
.tipcontainer .statusBar
{
margin-top: 10px;
}

.statusSmall
{
font-size:0.85em;
color:#398c21;
white-space:nowrap;
}

#page .statusBusy
{
color:#c00;
}

/* small online now/ready to woo status bar in tooltips */
.tipcontainer .statusSmall
{
font-size:1em;
margin-top: 10px;
}

.statusSmall img
{
width:10px;
height:10px;
margin-right:2px;
}

.tipcontainer .statusSmall img
{
display: block;
float: left;
}

.tipcontainer .statusSmall span
{
display: block;
float: left;
margin-top: -2px;
}

/* tooltip counts */
.tipcontainer .tooltipPhotoCount,
.tipcontainer .tooltipVideoCount
{
display: block;
float: left;
padding: 2px 20px 2px 20px;
margin-top: 10px;
white-space:nowrap;
background: url(/sitemedia/img/icon_photos.gif) no-repeat left center;
}

.tipcontainer .tooltipVideoCount
{
padding-right: 0;
background-image: url(/sitemedia/img/icon_woometv_small.png);
background-position: left top;
}

.advertFrame {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   vertical-align: baseline;
   background: transparent;
}

/* google admanager - leaderboard top */
#topAdsContainer {
   background-color: #292a2c;
   height: 90px;
   padding-top: 5px;
}
#topAdsInner {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

#inHouseTop
{
width:228px;
height:90px;
background-image:url(/sitemedia/img/ad_woomelogo.png);
position:absolute;
left:0;
}

#inHouseTop img,
#inHouseTop a
{
width:228px;
height:90px;
display:block;
}

#inHouseTop #bnrGetVip
{
margin:0;
background-image:url(/sitemedia/img/banners/bnrVipAccess228x90.png);
}

#advertTop {
    float: right;
}
#advertTop iframe {
   width: 728px;
}

/* google admanager - left column */
#advertLeft {
   float: left;
   width: 160px;
   margin:15px 0 0 -29px;
   text-align: right;
   position:relative;
}
#advertLeft iframe.advertFrame { /* this is the ie with chat enabled version of the left ad */
   width: 100%;
   height: 240px;
}
/* google admanager - bottom */
#advertBottom {
   padding: 10px 0;
   text-align: center;
}
#advertBottom iframe {
   width: 728px;
}
/* Site Wrapper - containing the site within a fixed-width, except the footer and alerts/popups */
#siteWrapper
{
width:960px;
height:100%;
margin: 0 auto;
position: relative;
}

html>body #siteWrapper
{
height:auto;
min-height:100%;
}
#siteWrapper.chatEnabled
{
padding-right: 150px;
}

/* Page Header */
#headerContainer
{
float: left;
width: 100%;
padding-top: 9px;
position: relative;
z-index: 1000;
}

/* top nav */
#headerContainer .topNav
{
list-style:none;
float:left;
clear:none;
width:700px;
}

#headerContainer .topNav.right
{
float:right;
width: 260px;
}

.topNav li
{
position: relative;
z-index: 250;
margin-right: 4px;
background: url(/sitemedia/img/topnav_tabs.gif) left top;
}

#headerContainer .topNav.right li
{
float:right;
margin: 0 0 0 4px;
}

.topNav li a
{
display: block;
float: left;
height: 29px;
padding: 7px 20px 0 20px;
font-weight: bold;
font-size: 1.3em;
text-align: center;
background: url(/sitemedia/img/topnav_tabs.gif) right top;
}

.topNav .tabImage {
width: 17px;
height: 14px;
background: url(/sitemedia/img/tabicon_messages.png) no-repeat left top;
margin: 4px 5px 0 -3px;
float: left;
}
.topNav .tabImage.visitors {
width: 16px;
height: 16px;
margin-top: 2px;
background-image: url(/sitemedia/img/tabicon_visitors.png);
}


.topNav #me a,
.topNav #share a
{
width:83px;
padding:7px 0 0 0;
text-align:center;
}

.topNav a:hover,
.topNav .hovered a
{
text-decoration: none;
color: #fff;
}
.topNav a:hover .tabImage,
.topNav .hovered a .tabImage
{
background-position: left bottom;
}

.topNav #wooMe a
{
padding: 7px 10px 0 10px;
}

.topNav #wooMe span
{
display: block;
width: 83px;
height: 23px;
background: url(/sitemedia/img/topnav_woome.png) no-repeat left top;
text-indent: -8000px;
cursor: pointer;
}

.topNav #wooMe.hovered
{
background-position: left -36px;
}

.topNav #wooMe.hovered a
{
height: 26px;
background-position: right -36px;
color: #4e4e4e;
}

.topNav #wooMe.hovered span
{
text-indent: 0;
background: none;
}
* html .topNav #wooMe.hovered span
{
text-indent: -8000px;
}

.topNav #inbox a,
.topNav #visitors a
{
text-align:left;
white-space:nowrap;
padding: 7px 10px 0 12px;
}
.topNav a span.tabTitle
{
float: left;
display: block;
cursor: pointer;
}

.topNav #me.hovered,
.topNav #inbox.hovered,
.topNav #visitors.hovered
{
background-position: left -182px;
}

.topNav #me.hovered a,
.topNav #inbox.hovered a,
.topNav #visitors.hovered a
{
background-position: right -182px;
}

.topNav #sessions.hovered
{
background-position: left -74px;
}

.topNav #sessions.hovered a
{
background-position: right -74px;
}

.topNav #people.hovered
{
background-position: left -110px;
}

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

.topNav #video.hovered
{
background-position: left -146px;
}

.topNav #video.hovered a
{
background-position: right -146px;
}

.topNav #share.hovered
{
background-position: left -218px;
}

.topNav #share.hovered a
{
background-position: right -218px;
}

/* top nav dropdowns */
.topNav li ul
{
position: absolute;
left: 0;
top: 33px;
width: 170px;
padding: 3px 0;
opacity: 0.97;
filter: alpha(opacity=97);
}

.topNav #share ul
{
left: auto;
right: 0;
}

.topNav li li,
#headerContainer .topNav.right li li
{
display: block;
float: none;
position: relative;
background-image: none;
margin: 0;
}

.topNav li ul a,
.topNav #inbox ul a,
.topNav #me ul a,
.topNav #share ul a,
.topNav #video ul a
{
width: 156px;
height: auto;
margin: 0 3px;
float:none;
padding: 5px 0 5px 8px;
background-image:none;
font-weight: normal;
font-size: 1em;
color: #fff;
text-align: left;
}

.topNav #video .vipPageLink a,
.topNav #people .vipPageLink a
{
width:135px;
padding-left:29px;
position:relative;
}

.topNav li li a:hover
{
text-decoration: none;
background-color: #f3f3f3;
}

#me .dropDownDivider a
{
border-top: dashed 1px #4bb72c;
}

#people .dropDownDivider a
{
border-top: dashed 1px #3c86cf;
}

#sessions .dropDownDivider a
{
border-top: dashed 1px #96dbe5;
}

#headerContainer .vipPageLink span
{
position:absolute;
left:4px;
top:2px;
}

.topNav #me ul,
.topNav #inbox ul
{
background-color: #398c21;
}

.topNav #me li a:hover,
.topNav #inbox li a:hover
{
background-color: #58a322;
}

.topNav #sessions ul
{
background-color: #03b0f0;
}

.topNav #sessions li a:hover
{
background-color: #47c2f0;
}

.topNav li#people ul
{
background-color: #0a61c0;
}

.topNav #people li a:hover
{
background-color: #5699d9;
}

.topNav #video ul
{
background-color: #4e4e4e;
}

.topNav #video li a:hover
{
background-color: #777;
}

.topNav #share ul
{
background-color: #f69023;
}

.topNav #share li a:hover
{
background-color: #f6a54e;
}

/* inbox notification star */
.topNav .messageTotal
{
display: block;
float: left;
width: auto;
height: auto;
margin: 3px 0 0 7px;
padding: 0 3px 0 0;
background: url(/sitemedia/img/message_notification_icon.png) no-repeat right top;
color: #fff;
font-size: 0.68em;
cursor: pointer;
text-align: center;
position:relative;
}

.topNav .messageTotal:hover
{
text-decoration: none;
}

.topNav .messageTotal span
{
display:block;
float: left;
padding:2px 0 2px 3px;
background: url(/sitemedia/img/message_notification_icon.png) no-repeat left top;
line-height:1em;
font-weight:bold;
}

/* header bottom bar */
#headerBottom
{
font-size:0.85em;
height:23px;
clear:both;
}

#headerBottom ul
{
list-style: none;
}

/* header text left & right */
#headerTextLeft
{
padding-top: 5px;
}

#headerTextLeft
{
width: 500px;
float: left;
}

#headerTextLeft span
{
display: block;
float: left;
}

#headerTextLeft span span {
margin-right:4px;
}
#headerTextLeft span span#RES_ID_fb_login_text {
margin-right:1px;
}


.loggedinVip
{
margin:-1px 2px 0 0;
display:block;
float:left;
}

/* fbconnect in header */
#topFacebookLoginButton {
display: none;
}

#headerTextLeft .fbconnect_login_button {
display: block;
float: left;
margin: -3px 0 0 10px;
}

#headerTextLeft .facebookSmallLink {
display: block;
float: left;
margin: -2px 0 0 6px;
display: none;
}

#headerTextRight
{
width: 300px;
float: right;
text-align: right;
padding-top:4px;
}

#headerTextRight ul
{
width:auto;
float:right;
}

#headerTextRight li
{
float:left;
padding-left: 17px;
background: url(/sitemedia/img/header_dot.png) no-repeat 6px 6px;
}
#headerTextRight li.first
{
padding: 0;
background: none;
}

#headerTextRight li a
{
height:17px;
display:block;
float:left;
padding-top: 1px;
}

#woomeCredits a
{
padding-left:20px;
background-image:url(/sitemedia/img/iconCredits.png);
background-repeat:no-repeat;
background-position:20px 0;
behavior:url(/sitemedia/css/iepngfix.htc);
}

html>body #woomeCredits a
{
background-position:0 0;
}
li#joinWoome
{
display: block;
margin-top: 1px;
}
li#joinWoome a
{
display:inline;
float:none;
}

/* header session alert timer */

#alertLocLink
{
display: block;
width: 228px;
position: absolute;
top: 20px;
left: 0;
text-align: center;
font-size: 1.4em;
color: #898a8c;
font-weight: normal;
}
#alertLocLink:hover
{
text-decoration: none;
}
#alertLocLink #sessionAlertLoc
{
color: orange;
font-size: 2em;
font-weight: bold;
}

#alertLocLink .redCountdown
{
color: red !important;
}

#headerContainer ul
{
width:auto;
float:right;
clear:none;
}

#headerContainer li
{
float:left;
}

#page #headerContainer .slideButton
{
margin:0 0 0 4px;
}

#page #headerContainer .btnGreenFlatSml,
#page #headerContainer .btnGreenFlatSml a
{
background-image:url(/sitemedia/img/btnBackgroundGreenFlatSmlBlack.png);
}

#page #headerContainer .btnGreenFlatSml a
{
width:88px;
}

#page #headerContainer .btnLitGreyFlatSml,
#page #headerContainer .btnLitGreyFlatSml a
{
background-image:url(/sitemedia/img/btnBackgroundLitGreyFlatSmlBlack.png);
}

#page #headerContainer .btnLitGreyFlatSml.onWhite,
#page #headerContainer .btnLitGreyFlatSml.onWhite a
{
background-image:url(/sitemedia/img/btnBackgroundLitGreyFlatSml.png);
}

#accountSuspendedModule p
{
width:100%;
font-weight:bold;
margin:0;
float:left;
}

#bodyContainer
{
padding-top:10px;
clear:both;
}

/* Left Column */
#leftColumn
{
float:left;
width:131px;
padding-bottom:3em;
}

#leftColumn h2
{
color:#999;
font-size:1.2em;
margin-bottom:0;
padding-left:3px;
}

#leftColumn li
{
display:inline;
}

#page #leftColumn .module
{
width:113px;
padding:10px 8px 0 8px;
margin:10px 0;
}

#leftColumn .moduleHeader,
#leftColumn .moduleHeader div,
#leftColumn .moduleFooter,
#leftColumn .moduleFooter div
{
height:10px;
}

#page #leftColumn .moduleHeader
{
width:131px;
margin:-12px 0 0 -9px;
}

#page #leftColumn .moduleFooter
{
width:131px;
margin:0 0 -2px -9px;
}

/* search */
form#leftSearchForm
{
width: 108px;
height: 18px;
padding: 5px 0 0 23px;
margin-bottom: 10px;
background-image: url(/sitemedia/img/leftcol_search_bg.gif);
}

#leftColumn li
{
display:inline;
}

#leftColumn .cssButton
{
clear:both;
}

form#leftSearchForm input
{
float: left;
width: 103px;
height: 18px;
border: none;
background-color: transparent;
font-size: 0.85em;
}

/* left navigation */
#page #leftNav.module
{
width:129px;
border-width:1px;
margin-top:0;
padding:5px 0;
position: relative;
clear:both;
z-index:0;
}

#leftNav ul
{
list-style:none;
line-height:100%;
margin:3px 0;
}

#leftNav li
{
width:129px;
clear:both;
float:left;
}

#leftNav a
{
display: block;
width: 109px;
padding:5px 10px;
text-decoration:none;
}

#leftNav a:hover
{
color:#fff;
background-color:#ccc;
}

#leftNav a.active,
#leftNav a.active:hover
{
color:#fff;
background-color:#999;
}

#leftNav .vipPageLink a
{
width:85px;
padding-left:34px;
position:relative;
}

.vipPageLink span
{
width:22px;
height:22px;
display:block;
position:absolute;
top:0;
left:9px;
}

/*IE6 transparency fix is a bit flacky so we need to jump through hoops to get transparency with link hoverstates*/
.vipPageLink span
{
background-image:url(/sitemedia/img/iconVipSize20x20.png);
}

#leftNav .vipPageLink a:hover span
{
background-image:url(/sitemedia/img/iconVipSize20x20LightGrey.gif);
}

#people .vipPageLink span
{
background-image:url(/sitemedia/img/iconVipSize20x20Blue.gif);
}

#people .vipPageLink a:hover span
{
background-image:url(/sitemedia/img/iconVipSize20x20BlueHover.gif);
}

#video .vipPageLink span
{
background-image:url(/sitemedia/img/iconVipSize20x20DarkGrey.gif);
}

#video .vipPageLink a:hover span
{
background-image:url(/sitemedia/img/iconVipSize20x20DarkGreyHover.gif);
}

html>body #siteWrapper .vipPageLink a span,
html>body #siteWrapper .vipPageLink a:hover span
{
background-image:url(/sitemedia/img/iconVipSize20x20.png);
}

#leftNav .divider a
{
border-top:1px dashed #b9b9b9;
}

#leftNav ul ul
{
margin:0;
background-image:none;
}

#leftNav ul ul li a
{
width:101px;
padding-left:18px;
}

/* create session button */
#createSessionBtn a,
#friendFinderBtn a,
#checkYourComputerBtn a,
a#btnUpgradeToVip,
#btnUpgradeToVip a
{
margin-top: 6px;
width: 131px;
height: 40px;
display:block;
clear:both;
float:left;
}

a#btnUpgradeToVip,
#btnUpgradeToVip a
{
height:50px;
margin-top:4px;
background-image: url(/sitemedia/img/btnGetVIPAccess.gif);
}

/* check your computer can woo button */
#createSessionBtn a
{
background-image: url(/sitemedia/img/createsession_default.gif);
}

/* friend finder button */
#friendFinderBtn a
{
background-image: url(/sitemedia/img/findvideos_default.gif);
}

/* check your computer can woo button */
#checkYourComputerBtn a
{
background-image: url(/sitemedia/img/checkyourcomputer_default.gif);
}

/* join now button */
#joinNowBtnLeft a
{
display: block;
margin:6px 0 4px;
width: 131px;
height: 60px;
clear:both;
float:left;
background-image: url(/sitemedia/img/joinnow_default.gif);
}

#leftColumn #bnrStayConnected
{
width:131px;
height:144px;
margin-top:10px;
padding-top:48px;
clear:both;
float:left;
display:block;
background:url(/sitemedia/img/banners/bnrStayConnectedWithWooMe.png);
}

#bnrStayConnected a
{
width:95px;
height:18px;
margin:0 auto;
display:block;
}

#bnrStayConnected .mySpaceLink
{
height:24px;
margin-top:5px;
}

#bnrStayConnected .twitterLink
{
height:18px;
margin-top:7px;
}

#bnrStayConnected .youtubeLink
{
height:31px;
margin-top:7px;
}

#bnrStayConnected .blogLink
{
width:97px;
margin-top:6px;
}

/* left column advert panel */
.adPanel
{
display: block;
margin-top: 10px;
}

#rightColumn
{
width:160px;
float:right;
}

#userDialogue
{
width:645px;
margin-left:12px;
position:relative;
float:left;
}

#userDialogue .module
{
width:631px;
}

#userDialogue .moduleHeader,
#userDialogue .moduleFooter
{
width:645px;
}

#btnFindVideosNow
{
width:139px;
height:27px;
margin-top:4px;
background-image:url(/sitemedia/img/people/btnFindVideoNowSmlBlue.png);
}

/* Main Content Columns */
#mainColumn
{
width:645px;
line-height:140%;
margin-left:12px;
position:relative;
display:inline;
float:left;
clear:none;
}

#mainColumn.module
{
width:661px;
margin-left:0;
float:right;
}

#mainColumn .moduleHeader,
#mainColumn .moduleFooter
{
width:691px;
}

#mainColumn .moduleFooter
{
margin-top:1.5em;
}

#mainColumn .module
{
width:615px;
}

#mainColumn.module .module
{
width:631px;
}

#mainColumn .module .moduleHeader
{
width:645px;
}

#mainColumn.module .module .moduleHeader
{
width:661px;
}

#mainColumn .module .moduleFooter
{
width:645px;
margin-top:0;
}

#mainColumn.module .module .moduleFooter
{
width:661px;
}

/* if the alert panel is required, a class is added to the mainColumnContainer, alertInfoSpacer */
.alertInfoSpacer
{
margin-top: 28px;
}
/* if the alert panel is required, a class is added to the mainColumnContainer, alertInfoSpacer */
.alertInfoSpacer_taller
{
margin-top: 85px;
}

.greyBoxTop
{
width: 691px;
height: 15px;
background: url(/sitemedia/img/maincol_bg.gif) no-repeat left top;
}

#mainColumn #vipUpgradeLink,
#mainColumn #vipUpgradeLink:hover
{
color:#BC0101;
font-size:1.1em;
font-weight:bold;
position:relative;
margin-top:-32px;
float:right;
}


/* tabs & panels */

.tabs
{
width:100%;
height:23px;
margin-top:10px;
background:url(/sitemedia/img/tab_bottom.gif) repeat-x left bottom;
float:left;
}

#page .tabs ul
{
margin:0;
float:none;
}

.tabs li
{
display: block;
float: left;
height: 23px;
}

#page .tabs a
{
display: block;
float: left;
height: 20px;
padding: 2px 10px 0 10px;
color: #999;
}

#page .tabs a span
{
color:#999;
}

.tabs li.on
{
background:#fff url(/sitemedia/img/tab_left.gif) no-repeat left top;
}

#page .tabs li.on a
{
background:url(/sitemedia/img/tab_right.gif) no-repeat right top;
color:#4e4e4e;
text-decoration:none;
}
.tabs li.on a span
{
color:#4e4e4e;
}

/* grey tabs */
.greyTabs
{
background-image: url(/sitemedia/img/tab_bottom_grey.gif);
}

.greyTabs li.on
{
background-image: url(/sitemedia/img/tab_left_grey.gif);
}

#page .greyTabs li.on a
{
background-image: url(/sitemedia/img/tab_right_grey.gif);
}

/* large tabs */
.tabsLarge
{
height:27px;
border-bottom:1px solid #4e4e4e;
background:none;
}

.tabsLarge li
{
height:28px;
margin:0 6px -1px 0;
position:relative;
}

#page .tabsLarge a
{
font-size:1.25em;
height:21px;
padding:7px 17px 0 11px;
}

#page .tabsLarge li.on
{
height:28px;
padding-left:6px;
background-image:url(/sitemedia/img/picTabsBackgroundLarge.png);
}

#page .tabsLarge li.on a
{
background-image:url(/sitemedia/img/picTabsBackgroundLarge.png);
}

.panel
{
width:100%;
padding-top: 15px;
float:left;
clear:both;
}

/* centered list items */
ul.centredList
{
width: 100%;
text-align: center;
}

ul.centredList li
{
display: inline;
padding: 0 10px;
}

.tableStripped td
{
padding:0.4em 10px;
}

table
{
clear:both;
}

table .alt
{
background:#e0e0e0;
}

/* wide column table */
.wideColumnTable
{
width: 100%;
}

.wideColumnTable th
{
width: 210px;
font-weight: normal;
text-align: left;
}

.wideColumnTable th,
.wideColumnTable td
{
padding: 5px 0;
vertical-align: top;
}

.wideColumnTable .smallSelect,
.wideColumnTable .smallSelect select
{
width: 50px;
}

.wideColumnTable .bantamSelect,
.wideColumnTable .bantamSelect select
{
width: 80px;
}

.wideColumnTable .mediumSelect,
.wideColumnTable .mediumSelect select
{
width: 100px;
}

.wideColumnTable .wideSelect,
.wideColumnTable .wideSelect select
{
width: 170px;
}

.wideColumnTable .wideSelect,
.wideColumnTable .wideSelect select
{
width: 170px;
}


/* General select */

/* this could be smallSelect */
.locationSelect
{
width: 75px;
}

#SessionsFindBar
{
width:100%;
float:left;
}

/* styles for twitter style session creator
#sessionCreator
{
width:100%;
clear:both;
float:left;
}

#sessionCreator form
{
width:645px;
height:60px;
margin-top:0.5em;
background:url(/sitemedia/img/sessions/picSessionCreatorBG.png);
}

#sessionCreator fieldset
{
float:none;
}

#sessionCreator input
{
width:481px;
height:30px;
color:#666;
border:0;
font-size:1.8em;
margin:6px 0 6px 6px;
padding:9px 12px;
background:transparent;
float:left;
}

#sessionCreator #buttonCreateSession
{
display:inline;
width:121px;
height:44px;
margin:8px 0 0 6px;
background-image:url(/sitemedia/img/sessions/btnCreateChatSessionSessionCreator.png);
float:left;
}

#sessionCreator .errorItem
{
margin-left:6px;
}

#BadSessionNameWarning
{
height:auto;
color:#c00;
margin-bottom:6px;
}

#sessionCreator #BadSessionNameWarning
{
margin:0.5em 0 0 8px;
float:left;
}

#advancedSessionLink
{
color:#03b0f0;
font-size:0.85em;
margin-top:0.5em;
float:right;
}

#sessionNameWarning
{
margin:0.75em 0 0;
}

#sessionNameWarning p
{
width:610px;
margin:0 0 0.2em;
padding:0 5px;
}*/

/* definitions below are for the sessions list and people list */
/* filter bar upper */
#filterBarUpper
{
width:100%;
padding-top: 10px;
font-size: 0.85em;
float:left;
clear:both;
}

#filterBarUpper input,
#filterBarUpper select
{
font-size: 1.15em;
}


#filterBarUpper table
{
width: 100%;
border-collapse: collapse;
}

#filterBarUpper table td
{
padding-right: 4px;
}
#filterBarUpper table td#looksSelect
{
width: 100px;
}
#filterBarUpper table td#livingInSelect
{
width: 310px;
}

#filterBarUpper table td.last
{
padding-right: 0;
}



/* country location drop downs */
#living_in_country {
width:90px;
}

#living_in_location {
width: 130px;
}

#living_in {
width: 80px;
}



/* submit button */
#filterBarUpper table td a#goButton
{
display: block;
width: 26px;
height: 23px;
background-image: url(/sitemedia/img/button_filterbar_go.gif);
}

/* filter bar lower */
#filterBarLower
{
width:645px;
height:30px;
font-size:1em;
margin:10px 0 15px 0;
/*background: #e7e7e7 url(/sitemedia/img/filterbar_lower.gif);*/
background: #e7e7e7 url(/sitemedia/img/filterbar_lower645px.png) no-repeat;
position: relative;
clear:both;
float:left;
}

#filterBarLower h2
{
font-size:1em;
margin:7px 0 0 10px;
width:600px;
}

#filterBarLower #left
{
width: 420px;
font-weight:bold;
float: left;
padding:7px 0 0 10px;
}

#filterBarLower #right
{
width: 180px;
float: right;
text-align: right;
padding:4px 6px 0 0;
}


#filterBarLower #right #sortBy
{
float: right;
margin: 2px 5px 0 0;
padding: 0 5px 0 0;
font-size: 0.85em;
border-right: solid 1px #ccc;
}
#filterBarLower #right #sortBy select
{
width: 80px;
}

#filterBarLower #right #showAdvancedFilter
{
position: absolute;
top: -19px;
right: 0;
width: 150px;
font-size: 0.85em;
font-weight: bold;
}
#filterBarLower #right #sexFilter
{
display: block;
float: right;
}

/* sex filter buttons */
#sexFilter a
{
float: left;
display: block;
height: 23px;
background-image: url(/sitemedia/img/sexfilter_bg.gif);
}

#sexFilter a#FilterMale
{
width: 23px;
background-position: left top;
}
#sexFilter a#FilterMale:hover
{
background-position: left -23px;
}
#sexFilter a.FilterMaleActive
{
background-position: left bottom !important;
}

#sexFilter a#FilterFemale
{
width: 21px;
background-position: -23px top;
}
#sexFilter a#FilterFemale:hover
{
background-position: -23px -23px;
}
#sexFilter a.FilterFemaleActive
{
background-position: -23px bottom !important;
}


#sexFilter a#FilterMaleFemale
{
width: 27px;
background-position: -44px top;
}
#sexFilter a#FilterMaleFemale:hover
{
background-position: -44px -23px;
}
#sexFilter a.FilterMaleFemaleActive
{
background-position: -44px bottom !important;
}

/* grid and list view buttons within filter */
#viewToggle
{
display: block;
float: right;
}
#viewToggle span.title
{
display: block;
float: left;
margin: 2px 5px 0 0;
font-weight: bold;
}
#viewToggle a
{
display: block;
float: left;
width: 26px;
height: 23px;
background: url(/sitemedia/img/button_listview.png) no-repeat left top;
}
#viewToggle #gridView
{
width: 25px;
background-image: url(/sitemedia/img/button_gridview.png);
}
#viewToggle #cfGridView
{
width: 25px;
background-image: url(/sitemedia/img/cf_toggle_grid.png);
}
#viewToggle #cfListView
{
width: 24px;
background-image: url(/sitemedia/img/cf_toggle_list.png);
}
#viewToggle #coverflowView
{
width: 25px;
background-image: url(/sitemedia/img/cf_toggle_coverflow.png);
}
#viewToggle a:hover
{
background-position: left -23px;
}
#viewToggle a.active,
#viewToggle a.active:hover
{
background-position: left -46px;
}

#peopleListContainer
{
width:100%;
padding:0 0 1em;
float:left;
clear:both;
/* stop action menus sliding under mainColumn moduleFooter */
position:relative;
z-index:9;
}

#peopleListContainer h2
{
text-align:center;
margin:0.5em 0 1em;
}

#peopleListContainer #titleStartFindingFriends
{
font-size:2em;
margin:2em 0 4em;
}

/* people list thumbs */
.personPanel
{
width:96px;
height:148px;
font-size:0.85em;
float:left;
padding:2px 16px 0 17px;
position:relative;
}

/* when personpanel is used with no link */
.staticPersonPanels .personPanel
{
width:92px;
height:92px;
border:2px solid #ccc;
margin:0 5px 1em 5px;
padding:0;
display:inline;
}

.staticPersonPanels .personPanel.vip
{
width:96px;
height:96px;
border-color:#EE9702;
}

.staticPersonPanels .personPanel.vip div
{
width:92px;
height:92px;
border:2px solid #BC0101;
position:relative;
}

/* if we're showing recently joined, we need to make the panels taller */
.personPanelTall .personPanel
{
height:125px;
padding-bottom:0;
}

.personPanelMed .personPanel
{
height:146px;
}

.reportedUser .personPanel
{
height:200px;
}

.personPanel a.person,
.personPanel img.thumbnail
{
display: block;
width: 92px;
height: 92px;
position: relative;
}

.personPanel a.person
{
border:2px solid #D2CDCC;
background:#fff url(/sitemedia/img/sessionparticipant_silhouette.gif);
}

/*.personPanel a.person:hover,*/
.personPanel .personHovered a
{
text-decoration:none;
border-color: #0a61c0;
}

div.personPanel.vip a.person,
div.personPanel.vip .personHovered a
{
border-color:#bc0101;
}

.namePanel
{
display: block;
width:73px;
height:15px;
text-align:left;
line-height:normal;
padding:2px 19px 0 3px;
position: absolute;
overflow: hidden;
white-space: nowrap;
left:0;
top:75px;
color:#fff;
background: url(/sitemedia/img/namepanel_bg.png) repeat-y;
cursor: pointer;
}

html>body .namePanel
{
width:70px;
}

/* small status icons */
.personPanel .statusIcon_OnlineNow,
.personPanel .statusIcon_ReadyToWoo,
.personPanel .statusIcon_Busy
{
display: block;
position: absolute;
cursor: pointer;
right: 5px;
}
.personPanel .statusIcon_OnlineNow,
.personPanel .statusIcon_Busy
{
top: 78px;
}
.personPanel .statusIcon_ReadyToWoo
{
top: 77px;
}

.personPanel .statusBar
{
margin-top: 3px;
}

.recentlyJoinedText
{
margin-bottom: -3px;
}

.isFavourite .favouriteStar
{
width:13px;
height:13px;
position:absolute;
left:2px;
top:2px;
display: block;
background-image: url(/sitemedia/img/favourite_star_small.png);
cursor: pointer;
}

.vip .isFavourite .favouriteStar
{
top:23px
}

.vip .vipIcon
{
width:34px;
height:34px;
display:block;
background-image:url(/sitemedia/img/iconVipSize34x34.png);
position:absolute;
top:-8px;
left:-9px;
}

.hasWebcam
{
width: 18px;
height: 12px;
position: absolute;
top: 2px;
right: 3px;
display: block;
float:left;
background-image: url(/sitemedia/img/icon_webcam_small.png);
cursor: pointer;
}

h3.vipTooltip
{
color:#bc0101;
}

.smallTip h3 img
{
display:inline;
vertical-align:-2px;
margin-right:2px;
}

.smallTip h3 img.iconIsVip
{
vertical-align:-4px;
}

.personPanel p
{
text-align:center;
line-height:normal;
margin:0.6em 0;
position:relative;
overflow:hidden;
}

.personPanel.online p
{
color:#398C21;
}

.personPanel ul
{
width:90px;
height:16px;
padding:2px 3px 4px 3px;
background-color:#f0f0f0;
opacity: 0.4;
filter: alpha(opacity=40);
}

.personPanel .personHovered ul
{
opacity: 1;
filter: alpha(opacity=100);
background-color:#0A61C0;
}

.personPanel.vip .personHovered ul
{
background-color:#BC0101;
}

.personPanel li
{
width:17px;
height:17px;
padding:0 3px;
border-right:1px solid #999;
float:left;
}

.personPanel .personHovered li
{
border-right:1px solid #ccc;
}

li.btnActionNudge
{
padding-left:1px;
}

li.btnActionFavourite,
.personHovered li.btnActionFavourite
{
border:0;
padding-right:0;
}

/* IE6 can't handle applying the PNG fix 200+ so we need to do some hacking */
.personPanel li a
{
width:17px;
height:17px;
display:block;
cursor:pointer;
background-image:url(/sitemedia/img/iconsActionsIE.png);
}

.personPanel .personHovered li a
{
background-position-y:34px;
}

.personPanel.vip .personHovered li a
{
background-position-y:17px;
}

.btnActionNudge a
{
background-position-x:51px;
}

html>body .btnActionNudge a
{
background:url(/sitemedia/img/iconNudge.png);
}

html>body .btnActionMessage a
{
background:url(/sitemedia/img/iconMessage.png);
}

.btnActionFavourite a
{
background-position-x:34px;
}

html>body .btnActionFavourite a
{
background:url(/sitemedia/img/iconStarGrey.png);
}

.isFavourite .btnActionFavourite a
{
background-position-x:17px;
}

html>body .isFavourite .btnActionFavourite a
{
background:url(/sitemedia/img/iconStarYellow.png);
}

.btnActionFriend a
{
background-position-x:85px;
}

html>body .btnActionFriend a
{
background:url(/sitemedia/img/iconAddFriend.png);
}

.isFriend .btnActionFriend a
{
background-position-x:68px;
}

html>body .isFriend .btnActionFriend a
{
background:url(/sitemedia/img/iconFriend.png);
}

/* session lists */
#sessionList
{
width:100%;
clear:both;
float:left;
}

#sessionList li
{
height:47px;
width:100%;
margin-bottom:6px;
background-color:#e7e7e7;
background-image:url(/sitemedia/img/sessionBackground.png);
}

#sessionList li:hover
{
background-position:0 -47px;
}

#sessionList .inviteOnlySession
{
background-position:0 94px;
}

#sessionList .inviteOnlySession:hover
{
background-position:0 47px;
}

#sessionList .recentlyPlayed
{
background-image:url(/sitemedia/img/sessionBackgroundGrey.png);
}

#sessionList.narrow li
{
width:250px;
padding:0;
background-image: url(/sitemedia/img/sessionBackgroundSmall.png);
}

#sessionList li a
{
color: #4e4e4e;
}

.startsIn
{
width:73px;
color:#014863;
font-size: 0.85em;
font-weight: bold;
text-align: center;
padding-top: 3px;
float: left;
}

.inviteOnlySession .startsIn
{
width:90px;
}

.recentlyPlayed .startsIn
{
color:#4e4e4e;
}

.padlockDivider
{
width:17px;
height:43px;
float:right;
}

.startsIn .time
{
width:73px;
font-size:1.1em;
line-height:1.8em;
white-space:nowrap;
overflow:hidden;
position:relative;
float:left;
}

.startsIn .time .hours
{
font-size:1.2em;
}

.startsIn .time .minutes
{
display:block;
font-size:1.8em;
font-weight:bold;
color:#e00000;
}

.startsIn .time .months
{
display:block;
font-size:0.9em;
}

#sessionList img
{
display: block;
width: 20px;
height: 20px;
margin: 0 0 1px 1px;
}

#sessionList .sessionImg
{
width:31px;
height:31px;
display:block;
float:left;
margin:8px 0 0 8px;
}

#sessionList .sessionImg img,
#sessionList .sessionImg a
{
display:block;
width:31px;
height:31px;
}

#sessionList .left
{
float: left;
width: 390px;
padding: 3px 0 0 7px;
}

#sessionList .inviteOnlySession .left
{
width:370px;
}

#sessionList h3
{
width: 100%;
font-size:1em;
overflow:hidden;
white-space:nowrap;
margin:0.15em 0 0.2em 0;
}

#sessionList.narrow h3
{
width:160px;
height:2.5em;
text-align:left;
overflow:hidden;
white-space:normal;
margin:0.5em 5px 0 0;
float:right;
clear:none;
}

#sessionList .webcam,
#sessionList .microphone,
#sessionList .padlock
{
width:15px;
height:14px;
display:block;
background-position:left top;
background-repeat:no-repeat;
float:left;
}

#sessionList .webcam
{
background-image: url(/sitemedia/img/sessionlist_webcam.gif);
}

#sessionList .microphone
{
background-image: url(/sitemedia/img/sessionlist_microphone.gif);
}

#sessionList .padlock
{
background-image: url(/sitemedia/img/sessionlist_padlock.gif);
}

#siteWrapper .sessionMeta
{
color:#666;
margin:0;
clear:both;
float:left;
}

#bodyContainer .sessionMeta li
{
width:auto;
height:16px;
display:block;
border-width:0 1px 0 0;
border-color:#666;
border-style:solid;
font-size:0.85em;
white-space:nowrap;
margin:0;
padding:0 6px;
background:transparent;
float:left;
}

#bodyContainer .sessionMeta .medium
{
padding-left:0;
}

#page .tip.viewableTip
{
width:16px;
height:16px;
display:block;
background:url(/sitemedia/img/icon_woometv_small.png) no-repeat;
}

.highlighted
{
color:#398c21;
text-decoration:underline;
}

#bodyContainer .sessionMeta .host
{
width:140px;
border:0;
display:block;
overflow:hidden;
position:relative;
}

.host a
{
text-decoration:underline;
}

#sessionList .right
{
float: right;
width:135px;
text-align: right;
}

#sessionList .inviteOnlySession .right
{
width:132px;
}

#sessionList .right table
{
border-collapse: collapse;
margin-top: 3px;
clear:none;
float: right;
}

#sessionList td.myPhoto img
{
width:18px;
height:18px;
border:solid 1px #03b0f0;
}

.viewButton
{
display: block;
float: right;
width: 37px;
height: 21px;
margin: 14px 7px 0 6px;
background-image: url(/sitemedia/img/sessionlist_viewbutton_aqua.gif);
}

.recentlyPlayed .viewButton
{
background-image: url(/sitemedia/img/sessionlist_viewbutton_grey.gif);
}

#invite_only_session_popup h3
{
width:330px;
text-align:left;
margin:0.5em auto;
padding:0.5em 0 0.5em 50px;
background:url(/sitemedia/img/iconPadlockLrg.png) no-repeat;
}


/* conact detail panel */
#im_contactdetail_panel
{
clear: both;
margin-top: 5px;
}
#im_contactdetail_panel input
{
width: 300px;
}
#im_contactdetail_panel .buttonCloseIm
{
float: right;
width: 17px;
height: 17px;
margin: 3px 2px 0 0;
background-image: url(/sitemedia/img/button_close.gif);
}
#im_contactdetail_panel .buttonCloseIm span
{
display: none !important;
}

#profileModule
{
width:92px;
margin:5px 0 1.5em 24px;
}

#profileModule .thumb
{
width:100px;
height:100px;
border:2px solid #ccc;
margin-bottom:0.75em;
display:block;
}

#profileModule .thumb img
{
width:100px;
height:100px;
display:block;
}

#leftColumn #profileModule li
{
margin-bottom:0.2em;
display:block;
}

.photoTitleBlock h1
{
width:572px;
padding-left:10px;
/*margin-bottom: 0;
border-bottom: solid 1px #cccccc;
float: left;
clear:none;*/
}

.photoTitleBlock h1 a
{
font-size:1em;
}

.photoTitleBlock .tabs
{
width: 580px;
float: right;
margin: 15px 0 0 0;
}

/* pagination */
#pagination
{
width:100%;
text-align: center;
padding:1em 0;
clear:both;
float:left;
}

#pagination a
{
padding: 5px;
border: solid 1px #ccc;
}

#pagination a:hover
{
background-color: #eaeaea;
border-color: #aaa;
text-decoration: none;
}

#pagination .next,
#pagination .prev
{
background-color: #f1f1f1;
}

/* new style pagination */
#pagination.buttons {
background: url(/sitemedia/img/paginationBtnBg.png) no-repeat left top;
margin: 0;
padding-top: 5px;
}
#pagination.buttons .slideButton {
float: right;
margin: 0 5px;
}
#page #siteWrapper #pagination.buttons .slideButton img {
width: 8px;
height: 12px;
margin-bottom: -2px;
}


/* popup windows */
.popupBackground
{
position: fixed;
top: 0;
left: 0;
overflow: auto;
width: 100%;
height: 100%;
z-index: 1001;
background: #999;
opacity: 0.6;
filter: alpha(opacity=60);
background-color: #666;
}
/* png version of the background - useful for flash in popups, mac/ff fix */
.popupBackgroundPNG
{
position: fixed;
top: 0;
left: 0;
overflow: auto;
width: 100%;
height: 100%;
z-index: 255;
background-image: url(/sitemedia/img/popup_bg_60.png) !important;
}
* html .popupBackgroundPNG
{
position: absolute;
background-color: #666;
filter: alpha(opacity=60);
}
/* fully transparent background */
.popupBackgroundTransparent
{
opacity: 0;
filter: alpha(opacity=0);
}
/* white background */
.popupBackgroundWhite
{
background: #fff;
opacity: 0.2;
filter: alpha(opacity=20);
}
/* grey background */
.popupBackgroundGrey
{
background: #8c8c8c;
opacity: 0.15;
filter: alpha(opacity=15);
}
/* black background */
.popupBackgroundScreensaver
{
background: #fff;
opacity: 0.7;
filter: alpha(opacity=70);
}

/* position background differently for ie6*/
* html #siteWrapper .popupBackground   /* please leave siteWrapper in - login for ie6 broken without it */
{
position: absolute;
}

/* change background opacity for people profile popup */
.peopleProfilePopup .popupBackground
{
opacity: 0.95;
filter: alpha(opacity=95);
}

.popupBoxWrapper
{
z-index: 1002;
/* this breaks scrolling popups */
position: fixed;
left: 0;
top: 0;
width: 100%;
text-align:center;
overflow: auto;
}
/* position wrapper differently for ie6*/
* html .popupBoxWrapper
{
position: absolute;
}

.popupBoxOuterBlank
{
width: 649px;
margin: 30px auto;
padding-top: 10px;
}

.popupBoxOuter
{
width: 649px;
margin: 30px auto;
padding-top: 10px;
background-image:url(/sitemedia/img/popup_box_bg.gif);
background-repeat:no-repeat;
background-position:left top;
}

.popupBoxMid
{
padding-bottom: 10px;
background-image:url(/sitemedia/img/popup_box_bg.gif);
background-repeat:no-repeat;
background-position:bottom left;
float:left;
clear:both;
}

.popupBoxInner
{
width: 609px;
height: auto;
padding: 10px 20px 1.5em 20px;
background: url(/sitemedia/img/popup_box_middle.gif) repeat-y left top;
position: relative;
float:left;
clear:both;
}

/* small popups */
.popupBoxOuterSmall,
.popupBoxOuterSmall .popupBoxMid
{
width: 447px;
background-image: url(/sitemedia/img/popup_box_bg_small.gif);
}
.popupBoxOuterSmall .popupBoxInner
{
width: 407px;
background-image: url(/sitemedia/img/popup_box_middle_small.gif);
}

/* wide popups */
.popupBoxOuterWide,
.popupBoxOuterWide .popupBoxMid
{
width: 753px;
background-image: url(/sitemedia/img/popup_box_bg_wide.gif);
}
.popupBoxOuterWide .popupBoxInner
{
width: 713px;
background-image: url(/sitemedia/img/popup_box_middle_wide.gif);
}

/* aqua popups */
.popupBoxOuterAqua,
.popupBoxOuterAqua .popupBoxMid
{
background-image: url(/sitemedia/img/popup_box_bg_aqua.gif);
}
.popupBoxOuterAqua .popupBoxInner
{
background-image: url(/sitemedia/img/popup_box_middle_aqua.gif);
}

/* red popups */
.popupBoxOuterRed,
.popupBoxOuterRed .popupBoxMid
{
background-image: url(/sitemedia/img/popup_box_bg_red.gif);
}
.popupBoxOuterRed .popupBoxInner
{
background-image: url(/sitemedia/img/popup_box_middle_red.gif);
}

/* light grey popups (small) */
.popupBoxOuterLightGrey,
.popupBoxOuterLightGrey .popupBoxMid
{
width: 523px;
background-image: url(/sitemedia/img/popup_box_bg_lightgrey.gif);
}
.popupBoxOuterLightGrey .popupBoxInner
{
width: 483px;
background-image: url(/sitemedia/img/popup_box_middle_lightgrey.gif);
}

/* grey popups (small) */
.popupBoxOuterGrey,
.popupBoxOuterGrey .popupBoxMid
{
width: 447px;
background-image: url(/sitemedia/img/popup_box_bg_grey.gif);
}
.popupBoxOuterGrey .popupBoxInner
{
width: 407px;
background-image: url(/sitemedia/img/popup_box_middle_grey.gif);
}

/* green popups (small) */
.popupBoxOuterGreen,
.popupBoxOuterGreen .popupBoxMid
{
width: 447px;
background-image: url(/sitemedia/img/popup_box_bg_green.gif);
}
.popupBoxOuterGreen .popupBoxInner
{
width: 407px;
background-image: url(/sitemedia/img/popup_box_middle_green.gif);
}


/* new alert popups */
.alertPopupOuter
{
width: 467px;
background: none;
position: relative;
z-index: 256;
}

.wide .alertPopupOuter
{
width: 550px;
}

.alertPopupInner
{
width:381px;
padding:43px 86px 2px 43px;
background-image:url(/sitemedia/img/alertpopup_top.png);
background-repeat:no-repeat;
behavior:url(/sitemedia/css/iepngfix.htc);
background-position:43px 0px;
float:left;
}

html>body .alertPopupInner
{
padding-right:43px;
background-position:left top;
}

.wide .alertPopupInner
{
width: 454px;
background-image: url(/sitemedia/img/alertpopup_top_wide.png);
}

.alertPopupInner h3
{
margin-top: 0;
}

.alertPopupBottom
{
width: 467px;
height: 41px;
background-image: url(/sitemedia/img/alertpopup_bottom.png);
clear:both;
}

.wide .alertPopupBottom
{
width: 550px;
background-image: url(/sitemedia/img/alertpopup_bottom_wide.png);
}

/* close popup button - optional */
.closePopup
{
position: absolute;
top: 5px;
right: 15px;
width: 17px;
height: 17px;
background-image: url(/sitemedia/img/button_close.gif);
}

.alertPopupInner .closePopup
{
right:42px;
top:52px;
}

.closePopup:hover
{
text-decoration: none;
}

div.popupBoxInner h1,
.popupBoxWrapper h3
{
margin:0.5em 0 0.75em 0;
color: #292a2c;
}
.popupBoxOuterAqua div.popupBoxInner h3
{
color: #03b0f0;
}

/* alert popups */
#alert_panel_container h2,
#alert_panel_container p
{
margin: 0 0 1.5em 0;
}

/*suspended popup */
#restoreAccessLink
{
color:#398c21;
font-size:1.1em;
}

/* woomenow invite popup */
#woomenowinvite_left
{
width: 100px;
float: left;
}
#woomenowinvite_left img#woomenowInviteThumbnail
{
display: block;
border: 2px solid #D2CDCC;
}
#woomenowinvite_left .statusSmall
{
padding: 5px 0 0 2px;
}

#woomenowinvite_right
{
width: 260px;
float: right;
}
#woomenowinvite_right h3
{
margin-bottom: 1em;
}
#woomenowinvite_right p
{
margin-bottom: 0;
}
#woomenowinvite_buttons
{
width: 260px;
clear: both;
padding: 10px 0;
}
#woomenowinvite_buttons a,
#disablewmn_buttons a
{
float: left;
margin-right: 6px;
}

/* crowd request popup */
#btnViewProfile
{
width:117px;
height:35px;
float:left;
margin:1em 5px 1em 0;
background-image:url(/sitemedia/img/button_viewprofile.gif);
}

#btnSendMessage
{
width:141px;
height:35px;
float:left;
margin:1em 0;
background-image: url(/sitemedia/img/btnSendMessageGrey.png);
}

#crowdRequest_left
{
width: 100px;
float: left;
}
#crowdRequest_left img#crowdRequestThumbnail
{
display: block;
border: 2px solid #D2CDCC;
}
#crowdRequest_left .statusSmall
{
padding: 5px 0 0 2px;
}

.crowdRequest_right
{
width: 263px;
float: right;
}
.crowdRequest_right h3
{
margin-top:1em;
}
.crowdRequest_right p
{
margin-bottom: 0;
}
.crowdRequest_buttons
{
width: 260px;
clear: both;
padding: 10px 0;
}

#crowdRequest_buttonOk
{
margin: 15px auto 0 auto;
}


/* friend accept popup */
#friendAccept_left
{
width: 100px;
float: left;
}
#friendAccept_left a img
{
display: block;
border: 2px solid #D2CDCC;
}
#friendAccept_left .statusSmall
{
padding: 5px 0 0 2px;
}

.friendAccept_right
{
width: 260px;
float: right;
}
.friendAccept_right h3
{
margin: 0 0 1em 0;
}

.friendAccept_right a:hover
{
color: #0a61c0;
}
.friendAccept_right .buttonOKGrey
{
margin: 0 auto;
clear:both;
}


/* session invite popup */
#sessioninvite_left
{
width: 100px;
float: left;
}
#sessioninvite_left img#sessionInviteThumbnail
{
display: block;
border: 2px solid #D2CDCC;
}
#sessioninvite_left .statusSmall
{
padding: 5px 0 0 2px;
}

#sessioninvite_right
{
position: relative;
width: 260px;
float: right;
}
#sessioninvite_right h3
{
margin-bottom: 5px;
}
#sessioninvite_buttons
{
width: 260px;
clear: both;
}
#sessioninvite_buttons a
{
float: left;
margin: 0 6px 5px 0;
}
#sessioninvite_right #viewSessionLink
{
margin: 0 15px 0 45px;
}

/* friend accept popup */
#proviewAlert_left
{
width: 100px;
float: left;
}
#proviewAlert_left a img
{
display: block;
border: 2px solid #D2CDCC;
}
#proviewAlert_left .statusSmall
{
padding: 5px 0 0 2px;
}

.proviewAlert_right
{
width: 260px;
float: right;
}
.proviewAlert_right h3
{
margin: 2em 0 1em 0;
}

#profileviewed_alert_container .btnRed
{
margin: 0 0 1em 130px;
}


/* report block user popup */
#blockUserOuter
{
float: left;
width: 330px;
height: 383px;
background-image: url(/sitemedia/img/reportblock_bg.gif);
position: relative;
}
#reportBlockOr
{
float: left;
width: 17px;
height: 11px;
margin: 180px 0 0 17px;
background-image: url(/sitemedia/img/reportblock_or.gif);
position: relative;
}
#reportUserOuter
{
float: right;
width: 330px;
height: 383px;
background-image: url(/sitemedia/img/reportblock_bg.gif);
position: relative;
}
#reportUserOuter select
{
width: 220px;
margin: 7px 0 20px 0;
}
#reportUserOuter label
{
margin-left: 5px;
}

#report_block_user_container .popupBoxWrapper h3
{
margin-top: 25px;
}
#report_block_user_container h4
{
font-size:1.1em;
margin: 5px 0 25px 0;
}
#report_block_user_container #addedToList
{
margin-top: 50px;
}
#report_block_user_container .centredButtonsContainer
{
position: absolute;
width: 330px;
bottom: 30px;
left: 0;
}

/* sign in popup */
.user_login_container
{
text-align: center;
}

.user_login_container #left
{
width: 450px;
float: left;
}


.user_login_container a
{
text-decoration: underline;
}

.user_login_container table
{
width: 320px;
margin: 0 auto 20px auto;
clear:both;
}

.user_login_container th
{
text-align: left;
}

.user_login_container th,
.user_login_container td
{
padding: 3px;
}

.user_login_container #signInBtn
{
width: 117px;
height: 35px;
margin: 15px auto 0 auto;
background-image: url(/sitemedia/img/button_signin.gif);
}


.user_login_container #left
{
padding:10px 0;
float: left;
}

.user_login_container #left #joinWooMe
{
width: 308px;
height: 162px;
font-size:1.8em;
margin:0 auto;
padding-top:40px;
background-image: url(/sitemedia/img/joinnow_bg.png);
}

.user_login_container #left #joinWooMe p
{
font-weight:bold;
}

.user_login_container #right #joinWooMe
{
width: 209px;
height: 145px;
margin:20px;
padding-top:30px;
float:right;
background-image: url(/sitemedia/img/joinnow_bg.gif);
}

.user_login_container #left #joinWooMe #joinNowBtn
{
display: block;
width: 157px;
height: 35px;
margin: 0 auto;
margin-top: 53px;
background-image: url(/sitemedia/img/button_signupnow_ongrey.png);
}

.user_login_container #right #joinWooMe #joinNowBtn
{
display: block;
width: 117px;
height: 35px;
margin: 0 auto;
margin-top: 33px;
background-image: url(/sitemedia/img/button_joinnow_ongrey.gif);
}

/* joined session confirmation */
#ViewableSession
{
width: 370px;
padding: 3px 25px 20px 25px;
margin: 0 auto;
float:none;
}

#ViewableSession img
{
vertical-align:-2px;
margin-right:5px;
}

#buttonOkJoinedSession
{
width:137px;
height:35px;
margin:0 auto 1em auto;
background:url(/sitemedia/img/btnInvitePeople.png);
clear:both;
}

/* flashtest popup */
#flashTestHolderOuter,
#flashTestHolder
{
width: 609px;
height: 195px;
position: relative;
float:left;
}
#flashTestHolder
{
position: relative;
z-index: 256;
}
.flashTestHeader h1
{
margin-bottom: 10px !important;
}
.flashTestHeader h2
{
font-size: 1.2em;
margin: 0 0 15px 0 !important;
}
.flashtest_allow
{
margin: 0 5px -16px 5px;
}
#flashtest_allow_small,
#flashtest_remember
{
margin: 0 5px -2px 5px;
}
.flashTestFooter
{
height: 35px;
padding-top: 10px;
clear:both;
}
.flashTestFooter .cssButton
{
margin: 0 auto;
}

.flashTestFooter .buttonRunTest
{
width: 117px;
height: 35px;
background-image: url(/sitemedia/img/button_runtest.gif);
}

.flashTestFooter .buttonContinueWithoutWebcam
{
width: 300px;
height: 35px;
background-image: url(/sitemedia/img/button_continuewithoutwebcam.gif);
}
.flashTestFooter .buttonJoinSessionNoWebcam
{
width: 300px;
height: 35px;
background-image: url(/sitemedia/img/button_joinsessionnowebcam.gif);
}
.flashTestFooter .buttonCreateSessionNoWebcam
{
width: 300px;
height: 35px;
background-image: url(/sitemedia/img/button_createsessionnowebcam.gif);
}
.flashTestFooter .buttonFlashtestImDone
{
width: 300px;
height: 35px;
background-image: url(/sitemedia/img/btn_flashtestimdone.gif);
}
.flashTestFooter .buttonImDoneJoinSession
{
width: 300px;
height: 35px;
background-image: url(/sitemedia/img/button_imdonejoinsession.gif);
}
.flashTestFooter .buttonImDoneCreateSession
{
width: 300px;
height: 35px;
background-image: url(/sitemedia/img/button_imdonecreatesession.gif);
}

/* verify email popups */
#email_verify_container .panelLeft
{
width: 120px;
float: left;
}

#email_verify_container .panelLeft img
{
width:96px;
height:96px;
display: block;
border: 2px solid #D2CDCC;
}

#email_verify_container a
{
color:#398c21;
}

#email_verify_container .panelRight
{
width: 480px;
float: right;
}

#email_verify_container h3
{
font-size:1.3em;
margin-bottom:1em;
}

#email_verify_container .buttonOk
{
margin-bottom: 1em;
}

/*#email_verify_success h3
{
margin-bottom: 0.5em;
}*/

/* forgotten password popup */
#forgotten_password_container table
{
width: 400px;
margin: 0 auto 20px auto;
}

#forgotten_password_container table td
{
padding: 3px;
}
#forgotten_password_container .shadowInput
{
display: block;
margin: 5px auto !important;
}
#forgotten_password_container #password_sent_failure span
{
padding: 3px 0 2px 20px;
margin-bottom: 5px;
white-space: nowrap;
background: url(/sitemedia/img/form_error_alert.gif) no-repeat left 2px;
}

/* change password popup */
#change_password_container table
{
margin-bottom: 20px;
}
#change_password_container ul
{
width: 300px;
margin: 0 auto 10px auto;
text-align: left;
list-style: none;
}
#change_password_container ul li
{
padding: 3px 0 2px 22px;
white-space: nowrap;
background: url(/sitemedia/img/form_error_alert.gif) no-repeat left 2px;
color: #666;
font-weight: bold;
}
#change_password_container ul ul li
{
padding: 0;
background: none;
font-weight: normal;
}

/* feedback popup */
#feedback_popup,
#feedback_confirmation_popup
{
        text-align: center;
}
#feedback_popup form
{
margin-bottom: 1em;
}
#feedback_popup form select
{
display: block;
width: 200px;
margin: 1em auto;
}

/* friends of friends alert */
#friends_of_friends_alert h3
{
margin-bottom:0.5em;
}

#friends_of_friends_alert strong
{
color:#292A2C;
font-weight:bold;
font-size:1.4em;
}

#friends_of_friends_alert .buttonYesGreen
{
margin:1.5em auto 2em;
clear:both;
}

#friends_of_friends_alert a
{
color:#b0b0b0;
}

.friendsOfFriends #contactsList .pageTitle span
{
display:block;
}

/* joined session confirmation */
#joined_session_container #joinedWooCheck
{
width: 505px;
height: 194px;
margin: 20px auto 0 auto;
padding-top: 14px;
background-image: url(/sitemedia/img/joinsession_woocheckbg.gif);
}
#joined_session_container #joinedWooCheck h3
{
margin-bottom: 1em;
}

#joined_session_container #joinedWooCheck #wooCheckedCheckbox
{
display: block;
margin-top: 8px;
}

#joined_session_container #joinedWooCheck #wooCheckedAlready
{
margin-right: 5px;
}

/* alert panel - gmail-style */
#msgAlertPanel
{
z-index: 256;
position: absolute;
top: -60px;
left: 5px;
height: 60px;
width: 220px;
padding: 15px 10px 5px 10px;
background: #fff;
border: solid 1px #666;
}
#msgAlertPanel h3
{
margin-bottom: 12px;
}
/* this overwrites default values, higher up */
#msgAlertPanel .closePopup
{
top: 5px;
right: 5px;
}

/* screensaver */
#screenSaverPanel
{
width: 479px;
height: 82px;
margin: 20px auto;
padding: 80px 10px 0 10px;
background-image: url(/sitemedia/img/screensaver_bg.png);
color: #fff;
text-align: center;
}
#screenSaverPanel h1
{
margin-bottom: 5px;
}
#screenSaverPanel h3
{
color: #fff;
}


/* SEO link directory */
#directoryContainer
{
width:100%;
border-top:6px solid #ccc;
margin-top:4em;
padding-bottom:3em;
float:left;
clear:both;
background:#b2b2b2 url(/sitemedia/img/picDirectoyBackground.png) repeat-x;
}

#directory
{
width:960px;
clear:both;
margin:0 auto;
}

#directory a:link, #directory a:visited
{
color:#fff;
}

#directory a:hover
{
color:#666;
}

#directory h3
{
color:#fff;
font-size:1.3em;
margin-top:0;
}

#directory strong
{
color:#4e4e4e;
}

#directory div
{
width:480px;
float:left;
display:inline;
}

#directory div div
{
width:217px;
float:left;
margin:0 23px 0 0;
display:inline;
}

#directory div div .linkList
{
margin-bottom:0;
padding-bottom:1.5em;
}

#directory div h2
{
font-size:2.5em;
margin-top:0.6em;
}

#directory p
{
line-height:1.4em;
clear:both;
}

#directory .linkList li
{
line-height:1.4em;
background-image:url(/sitemedia/img/picArrowWhite.gif);
}


/* Page Footer */
#footerContainer
{
width:100%;
color:#fff;
border-top:6px solid #4e4e4e;
margin:0 auto;
padding-top:2em;
clear:both;
float:left;
background:#0d0d0d url(/sitemedia/img/picFooterBackground.png) repeat-x;
}

#footer
{
width:960px;
color:#ccc;
font-size:0.85em;
margin:0 auto;
}

#footer a:link
{
color:#ccc;
text-decoration:none;
}

#footer a:visited
{
color:#999;
text-decoration:none;
}

#footer a:visited
{
color:#ccc;
}

#footer a:hover
{
color:#4e4e4e;
text-decoration:underline;
}

#footer ul
{
list-style: none;
padding-bottom: 12px;
}

#footer li
{
display: inline;
position:relative;
}

#leftLinks
{
width: 500px;
float: left;
}

#leftLinks li
{
margin-right: 15px;
}

#rightLinks
{
width:300px;
float:right;
text-align:right;
clear:none;
}

#rightLinks li
{
margin-left:10px;
}

#hiringLogo
{
width:102px;
height:102px;
display:block;
position:absolute;
left:30px;
top:-40px;
background:url(/sitemedia/img/iconWereHiring.png);
}

#copyright
{
clear:both;
width:100%;
margin:0;
padding:12px 0 3.5em 0;
float:left;
border-top:solid 1px #ccc;
}


/* for suspended users */
#suspendedUserInfoPanel
{
clear: both;
text-align:left;
margin:2px 0 10px 0;
width:938px;
}

#suspendedUserInfoPanel.limitedNotification span
{
width:788px;
display:block;
padding:0 0 2px 2px;
background-repeat:no-repeat;
}

#suspendedUserInfoPanel.moduleYellow8px0px.limitedNotification span
{
padding:0 0 2px 22px;
background-image:url(/sitemedia/img/iconWarningYellow.gif);
}

#suspendedUserInfoPanel ul
{
list-style: none;
display:inline;
margin:0;
padding:0;
float:none;
}

#suspendedUserInfoPanel li
{
display:inline;
}



#banMenu
{
margin-top:1em;
}
#banMenu li a
{
padding:0;
width:118px;
}
/* remove friend panel */
#friend_remove_container h1
{
margin-bottom: 0.8em;
}
#friend_remove_container #contentPanel
{
width: 180px;
margin: 0 auto;
text-align: left;
}
#friend_remove_container .centredButtonsContainer
{
padding: 10px 0 0 30px;
}
#friend_remove_container #buttonRemoveFriend
{
width: 195px;
height: 35px;
background-image: url(/sitemedia/img/button_remove_from_friends.gif);
}
#friend_remove_container ul
{
list-style-type:disc;
}

/* friends in video popup */
#friendsinvideoPopupContent h4
{
color:#292a2c;
font-size:1.3em;
margin:0 0 1em 0;
}

#hidePopup
{
clear:both;
}


/* add last name panel */
#lastnameprompt_container .popupBoxOuter
{
margin-top:100px !important;
}

#lastnameprompt_container .popupBoxWrapper .popupBoxInner div
{
width:530px;
text-align:left;
border-bottom:2px solid #ccc;
margin:10px 40px 1.5em 40px;
padding-bottom:1.2em;
float:left;
display:inline;
}

#lastnameprompt_container img
{
width:96px;
height:96px;
margin-right:15px;
float:left;
}

#lastnameprompt_container h3
{
width:419px;
color:#03B0F0;
margin:0.2em 0 0.3em 0;
clear:none;
}

#lastnameprompt_container p
{
color:#b0b0b0;
}

#lastnameprompt_container .popupBoxInner div p
{
width:419px;
color:#4e4e4e;
margin-bottom:0;
clear:none;
}

#lastnameprompt_container form
{
float:left;
margin-bottom:1em;
}

#errorLastName.hidden
{
display:none;
}

#page #lastnameprompt_container .errorItem
{
width:200px;
white-space:normal;
text-transform:none;
}

#lastnameprompt_container em
{
color:#0A62BC;
font-style:normal;
display:block;
margin-top:0.75em;
padding-left:10px;
background:url(/sitemedia/img/picArrowBlueReversed.gif) no-repeat 0 4px;
}

#lastnameprompt_container table
{
margin-left:173px;
display:inline;
float:left;
}

#lastnameprompt_container th,
#lastnameprompt_container td
{
width:75px;
text-align:left;
display:block;
vertical-align:top;
float:left;
}

#lastnameprompt_container td
{
width:200px;
padding-bottom:6px;
}

#lastnameprompt_container label
{
display:block;
margin:0.2em 10px 0 0;
float:left;
}

#lastnameprompt_container ul
{
width:250px;
margin:0 0 1em 250px;
display:inline;
float:left;
}

#lastnameprompt_container li
{
width:125px;
float:left;
}

#btnContinue
{
height:35px;
margin:0 auto 1em;
background-image:url(/sitemedia/img/btnContinueGreen.png);
}

#btnNoThanks
{
color:#b0b0b0;
font-size:1.1em;
font-weight:bold;
padding:0.5em 0;
display:block;
}

.cursorLoading
{
cursor: progress;
}

#missing_photo p a
{
color:#398c21;
font-size:1.2em;
}

.piclessNotification a
{
float:left;
}

#page .piclessNotification .slideButton
{
margin:3px 10px 3px 6px;
}

#page .piclessNotification .slideButton a
{
color:#fff;
font-size:0.7em;
text-decoration:none;
}

.module.piclessNotification h2
{
color:#F58E20;
font-size:1.6em;
line-height:170%;
margin:0;
}

.piclessNotification h2 em
{
width:35%;
color:#F58E20;
float:left;
display:block;
}

.piclessNotification span
{
float:right;
text-align:right;
}

/* not enough credit popup */
#notEnoughCredits h3 em
{
color:#0A61C0;
}

#btnBuyCreditCard
{
width:121px;
height:32px;
margin:1em auto;
background-image:url(/sitemedia/img/vip/btnCreditCardPayment.png);
clear:both;
}

/* page top advert */
.pageTopAdvert
{
display: block;
width:645px;
float:left;
margin:0 0 10px 12px;
}

.pageTopAdvert img
{
width:645px;
height:71px;
margin-top:6px;
}

/* message upsell popup */
#message_upsell_container h2 {
float: none;
margin: 0 auto;
font-size: 1.8em;
}

#message_upsell_container a.getVipNow,
#message_upsell_container a.yesUpgrade {
width: 275px;
height: 49px;
margin: 2em auto 1em auto;
background-image: url(/sitemedia/img/btn_getvipnow.png);
}

#message_upsell_container a.yesUpgrade {
background-image: url(/sitemedia/img/btn_yesupgradenow.png);
}


/* css for new inline wmn popup */
/* woomenow container - used to push flash into, using swfobject */
#wmn_container h2 {
font-size: 2em;
text-align: center;
margin: 0;
}
#woomenow_flash_container
{
position: relative;
z-index: 256;
width: 308px;
margin: 0 auto 1em auto;
}

form#wmn_option_form label {
color: #398c21;
}

form#wmn_option_form select {
width: 180px;
margin-left: 5px;
}

/* message wall popup */
#send_message_wall h3 {
margin-top: 0;
}

#send_message_wall .slideButton {
margin: 1em 0 0 230px;
}


/* nudge popup */
#send_nudge_form h4 {
font-size: 1.2em;
margin: 0 0 0.5em 0;
}
#send_nudge_form p {
color: #999;
margin: 0 0 0.5em 0;
}
#page #send_nudge_form .slideButton a {
width: 70px;
}

/* nudge confirmation*/
#page #send_nudge_complete .btnBlue,
#page #nudge_user_failed .btnBlue {
margin-left: 197px;
}
#page #send_nudge_complete .btnBlue a,
#page #nudge_user_failed .btnBlue a {
width: 100px;
}

/* nudge alert */
#nudge_alert p {
font-size: 1.4em;
margin: 0;
color: #666;
}
#nudge_alert h4 {
font-size: 1.4em;
margin: 0 0 1em 0;
}
#page #nudge_alert .btnBlue {
margin-left: 60px;
}
#page #nudge_alert .btnBlue a {
width: 86px;
}

/* speaker icon for alerts */
.buttonSpeaker
{
width: 17px;
height: 17px;
background-image: url(/sitemedia/img/button_speaker_off.gif);
position: absolute;
right:0;
top:1em;
z-index:10;
}
.buttonSpeaker.on
{
background-image: url(/sitemedia/img/button_speaker_on.gif);
}

/* new fr with icebreaker */
#friendreqform {
font-size: 0.85em;
position: relative;
}
#friendreqform label {
display: block;
color: #999999;
margin-bottom: 2px;
}
#friendreqform textarea {
width: 264px;
height: 44px;
padding: 3px;
border: solid 1px #ccc;
background-color: #f1f6fa;
}
#friendreqform #clearIcebreaker {
position: absolute;
left: 245px;
top: 1px;
color: #3f74d6;
}
#friendreqform #icebreaker_button {
background-color: #fcf8cb;
padding: 2px 3px;
color: #999999;
width: 266px;
}
#friendreqform #icebreaker_button a {
color: #3f74d6;
text-decoration: underline;
padding-right: 15px;
background: url(/sitemedia/img/icebreaker_shuffle.gif) no-repeat right center;
}
#friend_request_send .btnBlue a {
width: 130px;
}
#page #friend_request_dupe .slideButton,
#page #friend_request_failure .slideButton,
#page #friend_request_success .slideButton {
margin-left: 197px;
}

#friend_request_dupe .slideButton a,
#friend_request_failure .slideButton a,
#friend_request_success .slideButton a {
width: 100px;
}

/* new message alert */
#page #msgAlert p {
margin-top: 1em;
font-size: 1.3em;
font-weight: bold;
}
#page #msgAlert .btnBlue {
margin-left: 50px;
font-weight: bold;
}
#page #msgAlert .btnBlue a {
width: 100px;
}

/* proview alert */
#proviewAlert .panelLeft a img {
width: 76px;
height: 76px;
border: none;
}
#proviewAlert .panelLeft .statusSmall {
text-align: left;
}
#proviewAlert p {
width: 220px;
text-align: center;
font-weight: bold;
font-size: 1.4em;
}
#page #proviewAlert .btnRed {
margin-left: 55px;
}

/* multi message popup */
#multiMessage {
text-align: center;
}
#multiMessage h4 {
font-size: 1.4em;
margin: 0;
}
#multiMessage h5 {
font-size: 1.2em;
margin: 0;
color: #999;
}
#page #multiMessage .btnBlue {
margin-left: 195px;
}
#page #multiMessage .btnBlue a {
width: 100px;
font-weight: bold;
}

.unlockFriendRequests {
width: 275px;
height: 49px;
background: url(/sitemedia/img/unlock_fr.png) no-repeat left top;
clear: both;
margin: 1em auto 2em auto;
}