/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.pictureHolder .top .left { background: url(/static/prettyPhoto/images/prettyPhoto/tl.gif) top left no-repeat; } /* Top left corner */
	div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */
	div.pictureHolder .top .right { background: url(/static/prettyPhoto/images/prettyPhoto/tr.gif) top left no-repeat; } /* Top right corner */
	
	div.pictureHolder .content { background-color: #fff; } /* Content background */
	div.pictureHolder .content a.next:hover { background: url(/static/prettyPhoto/images/prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
	div.pictureHolder .content a.previous:hover { background: url(/static/prettyPhoto/images/prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(/static/prettyPhoto/images/prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */
	
	div.pictureHolder .bottom .left { background: url(/static/prettyPhoto/images/prettyPhoto/bl.gif) top left no-repeat; } /* Bottom left corner */
	div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */
	div.pictureHolder .bottom .right { background: url(/static/prettyPhoto/images/prettyPhoto/br.gif) top left no-repeat; } /* Bottom right corner */
	
	div.pictureHolder .loaderIcon { background: url(/static/prettyPhoto/images/prettyPhoto/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(/static/prettyPhoto/images/prettyPhoto/ttl.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(/static/prettyPhoto/images/prettyPhoto/ttr.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(/static/prettyPhoto/images/prettyPhoto/ttp.gif) top left repeat-x; }

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.prettyPhotoOverlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 9500;
		width: 100%;
	}
	
	div.pictureHolder {
		position: absolute; z-index: 10000;
		width: 100px;
	}
		
		div.pictureHolder .top {
			position: relative;
			height: 20px;
		}
			* html div.pictureHolder .top { padding: 0 20px; }
		
			div.pictureHolder .top .left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pictureHolder .top .middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pictureHolder .top .middle { position: static; }
			
			div.pictureHolder .top .right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pictureHolder .content {
			position: relative;
			text-align: left;
			width: 100%; height: 40px;
		}
		
			div.pictureHolder .content .details {
				display: none;
				margin: 10px 15px 0 20px;
			}
				div.pictureHolder .content .details p { float: left; clear: left; margin: 0; }
		
		div.pictureHolder .content div.hoverContainer {
			position: absolute; z-index: 10000;
			top: 0; left: 0;
			width: 100%;
		}
		
		div.pictureHolder .content a.next {
			position: relative; z-index: 2000;
			display: block; float: right;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(/static/prettyPhoto/images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */
		}	
			
		div.pictureHolder .content a.previous {
			cursor: pointer;
			display: block;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(/static/prettyPhoto/images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */
			
		}
			
		div.pictureHolder .content a.close {
			float: right;
			display: block;
			text-indent: -10000px;
		}
		
		div.pictureHolder .bottom {
			position: relative;
			height: 20px;
		}
			* html div.pictureHolder .bottom { padding: 0 20px; }
			
			div.pictureHolder .bottom .left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pictureHolder .bottom .middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pictureHolder .bottom .middle { position: static; }
				
			div.pictureHolder .bottom .right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pictureHolder .loaderIcon {
			display: none;
			position: absolute;
			top: 50%; left: 50%;
			margin: -12px 0 0 -12px;
			width: 24px; height: 24px;
		}
		
		div.pictureHolder #fullResImageContainer { width: 100%; text-align: center; }
	
		div.prettyPhotoTitle {
			display: none;
			position: absolute;
			top: 0; left: 0;
			z-index: 9999;
			color: #fff; font-size: 13px;
		}
		
			div.prettyPhotoTitle div.prettyPhotoTitleLeft,
			div.prettyPhotoTitle div.prettyPhotoTitleRight { float: left; width: 19px; height: 23px; overflow: hidden; }
			
			div.prettyPhotoTitle div.prettyPhotoTitleContent { float: left; line-height: 23px; }

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

/*
-----------------------------------------------
Lucky Voice stylesheet: Screen
Version: 2008.11.19
----------------------------------------------- */

/* Using YUI reset.css and fonts.css
   Font sizes: px % equivalencies (factor: 7.7)
10px	77%
11px	85%
12px	93%
13px	100%
14px	108%
15px	116%
16px	123.1%
17px	131%
18px	138.5%
19px	146.5%
20px	153.9%
21px	161.6%
22px	167%
23px	174%
24px	182%
25px	189%
26px	200.2%
28px    215.6%
29px    223.3%
30px    231%
*/

/* Colour pallette 
Pink:    #ff00b3;
Gold:    #cccc99;
Grey:    #888888;
*/

/* Main layout and backgrounds
--------------------------------------*/

HTML {
    background: #75e6ff url('/static/images/bg-gradient-mic.gif') left top fixed repeat-x;
    }
#wrapper {
    position: relative;
    width: 771px;
    /*padding-right: 259px;*/
    z-index: 10;
    /*padding-bottom: 110px;*/ /* If #footer is absolute */
    }
#body {
    padding-left: 37px;
    }
#primary {
    float: left;
    }
#secondary {
    float: right;
    }

/* General styles
--------------------------------------*/

BODY {
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	color: #888;
    }

A {
    text-decoration: none;
    }
A:visited {
    }
A:focus, 
A:active { 
    }

STRONG {
    font-weight: bold;
    }
EM {
    font-style: italic;
    }

H1 {
    /*font-family: Helvetica, Arial, sans-serif;*/
    font-size: 200.2%;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -1px;
    color: #ff00b3;
    text-transform: lowercase;
    }
.logged-out H1,
.system H1 {
    margin-bottom: 16px;
    text-transform: lowercase;
    }
H1 .title-song {
    display: none;
    }
P.main-intro-para,
#content .rtf-area P,
#content .rtf-area LI {
    margin: 5px 0 10px 0;
    font-size: 93%;
    font-weight: bold;
    }
#content .rtf-area UL {
    padding-left: 17px;
    }
#content .box .rtf-area P {
    margin: 0;
    }
P.main-intro-para A,
#content .rtf-area A {
    color: #ff00b3;
    }
P.main-intro-para A:hover,
#content .rtf-area A:hover {
    text-decoration: underline;
    }
#content .rtf-area H2,
#content .rtf-area H3 {
    font-weight: bold;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #ff00b3;
    text-transform: lowercase;
    }
#content .rtf-area H2 {
    margin-bottom: 10px;
    font-size: 138.5%;
    }
#content .rtf-area H3 {
    font-size: 116%;
    }
#content .rtf-area H4 {
    font-weight: bold;
    color: #ff00b3;
    }
#content .rtf-area UL LI {
    list-style-image: url('/static/images/icon-arrow.gif');
    }
#content .rtf-area OL LI {
    list-style: decimal;
    margin-left: 22px;
    }
#content OL.step-by-step LI {
    list-style: none;
    margin-left: 0;
    padding-left: 52px;
    }
#content .rtf-area STRONG {
    color: #666;
    }
.system #content .rtf-area {
    padding-bottom: 1px;
    background: #fff;
    }
#user-profile .rtf-area {
    min-height: 105px; /* height in lv-ie56.css */
    }

/* Header and top nav
--------------------------------------*/

#header {
    height: 125px; /* Includes nav */
    }
#home #header {
    height: 100px; /* Doesn't have nav */
    }

#logo,
#charms {
    position: absolute;
    top: 0;
    left: 34px;
    }
#logo .beta {
    position: absolute;
    top: 59px;
    left: 183px;
    }

#nav-main {
    position: absolute;
    top: 77px;
    left: 34px;
    font-size: 27px;
    font-weight: bold;
    letter-spacing: -1px;
    text-transform: lowercase;
    color: #ff00b3;
    }
#nav-main A {
    color: #bb8;
    }
#nav-main A:hover {
    color: #ff00b3;
    }
#nav-main SPAN {
    display: none;
    }
#nav-main A,
#nav-main STRONG {
    display: inline;
    padding-right: 5px;
    }

#nav-hygiene UL {
    position: absolute;
    right: 0; /*right: 259px;*/
    /* body area is 771x wide, but there's an extra 259px to fit the BG */
    }
#nav-hygiene .tier1 {
    top: 5px;
    }
#nav-hygiene .tier2 {
    top: 26px;
    }
#nav-hygiene LI {
    float: left;
    margin-left: 8px;
    }
#nav-hygiene #login-status,
#nav-hygiene #premium-status {
    font-size: 93%;
    font-weight: bold;
    line-height: 1.2;
    }
#nav-hygiene #login-status A,
#nav-hygiene #premium-status A {
    color: #ff00b3;
    }
#nav-hygiene #login-status A:hover,
#nav-hygiene #premium-status A:hover {
    text-decoration: underline;
    }
#nav-hygiene #premium-status {
    padding-left: 18px;
    background: url('/static/images/icon-premium-unlocked.gif') left top no-repeat;
    color: #999;
    }
#premium-status SPAN {
    display: block;
    font-weight: normal;
    font-size: 92%;
    }
#premium-status SPAN A {
    padding-left: 5px;
    border-left: 1px solid #aaa;
    }

/* Layout1, incl. Homepage
--------------------------------------*/

.layout1 #wrapper {
    /*background: url('/static/images/bg-layout1-btm.gif') 0 520px no-repeat;*/
    background: url('/static/images/bg-layout1-secondary.gif') 580px 125px no-repeat;
    }
#home.layout1 #wrapper {
    background-position: 580px 100px;
    }
/*#friend.layout1 #wrapper {
    background-position: 0 472px;
    }*/
.layout1 #primary {
    width: 515px;
    }
.layout1 #secondary {
    width: 166px;
    padding-left: 10px;
    padding-right: 15px;
    min-height: 530px; /* height in lv-ie56.css */
    }
.layout1 #top {
    height: 25px;
    background: url('/static/images/bg-layout1-primary.png') top no-repeat;
    }
.layout1 #content {
    position: relative;
    background: url('/static/images/bg-layout1-primary-mid.gif') left repeat-y;
    padding-bottom: 150px; /* footer */
    margin-bottom: -1px; /* -5px in lv-ie.css */
    }
.layout1 #secondary FORM {
    clear: both;
    }
#secondary #reglink-open {
    padding-left: 15px;
	}
#home #secondary #reglink-open {
	padding-top: 45px;
	}

/* >> #user-lists (the 3 boxes in a row) >> */
.layout1 #user-lists {
    clear: both;
    position: relative;
    z-index: 20;
    left: -32px;
    width: 579px;
    }
.layout1 #user-lists .button-small {
    position: absolute;
    top: 14px;
    right: 15px;
    }
.layout1 #user-lists H2 {
    padding-bottom: 8px;
    }
.layout1 #user-lists .intro {
    padding-left: 17px;
    padding-bottom: 30px;
    }
.layout1 #user-lists .intro P {
    padding-bottom: 8px;
    font-size: 93%;
    font-weight: bold;
    line-height: 1.3;
    }
.layout1 #user-lists .intro .button-big {
    width: 118px; /* position:absolute in lv-ie.css */
    }
.layout1 #user-lists .box-mid {
    min-height: 125px; /* height in lv-ie56.css */
    }
/* << #user-lists (the 3 boxes in a row) << */

/* >> User profile (Home and Friend pages) >> */
.layout1 #user-profile {
    position: relative;
    top: -25px;
    }
#user-profile H1 {
    color: #888;
    text-transform: none;
    line-height: 1.1;
    }
#user-profile UL {
    position: relative;
    }
#user-profile LI {
    font-size: 93%;
    font-weight: bold;
    }
#user-profile LI A {
    color: #ff00b3;
    }
#user-profile LI A:hover {
    text-decoration: underline;
    }
#user-profile .nickname,
#user-profile .signature {
    width: 310px;
    }
#user-profile .vitalstats,
#user-profile .location,
#user-profile .joindate {
    float: right;
    clear: right;
    width: 143px;
    position: relative;
    top: -31px; /* -32px in lv-ie.css */
    margin-top: 1px;
    line-height: 1.2;
    }
#user-profile .signature {
    margin-top: 1px;
    }
#user-profile .empty {
    text-indent: -9999px;
    }

/* << User profile << */

/* >> Homepage balloons >> */
#home #actions LI {
    position: relative;
    float: left;
    margin-right: 19px;
    margin-bottom: 14px;
    font-weight: bold;
    }
#home #actions LI#plan-party {
    margin-right: 0;
    }
#home #actions LI A {
    display: block;
    width: 159px;
    height: 103px;
    background: url('/static/images/bg-balloons.gif') 0 0 no-repeat;
    cursor: pointer;
    }
#home #actions #build-playlist A {
    background-position: -159px 0;
    }
#home #actions #plan-party A {
    background-position: -318px 0;
    }
#home #actions #start-singing A:hover {
    background-position: 0 -103px;
    }
#home #actions #build-playlist A:hover {
    background-position: -159px -103px;
    }
#home #actions #plan-party A:hover {
    background-position: -318px -103px;
    }

#home #actions .action-top {
    display: block;
    height: 57px;
    padding: 7px 25px 2px 13px;
    font-size: 215.6%;
    line-height: 0.93;
    letter-spacing: -0.5px;
    color: #fff;
    text-transform: lowercase;
    }
#home #actions .action-btm {
    display: block;
    height: 36px;
    padding: 1px 13px 0 13px;
    font-size: 85%;
    color: #fff;
    white-space: nowrap;
    }
#home #actions A:hover .action-top,
#home #actions A:hover .action-btm {
    color: #ff00b3;
    }
/* << Homepage balloons << */

/* >> Homepage (and Friend page) typography >> */
#user-profile,
#home .main {
    padding: 17px 16px 0 22px; /* left 22px (or maybe 23px), but 30px aligns with notification msg */
    }

#home #user-profile H1 {
    width: 390px;
    }
#home.logged-out H1 {
    color: #ff00b3;
	margin-top: -23px;
    }
H1 .avatar-icon {
    vertical-align: middle;
    }

#user-profile .button-small#edit-profile,
#user-profile .button-small#remove-friend,
#user-profile .button-small#w-friending-add-link,
#user-profile .button-small#invite-to-party {
    position: absolute;
    top: 12px;
    right: 16px;
    }
#user-profile .button-small#invite-to-party {
    top: 32px;
    }
#playlist .button-small#copy-playlist,
#playlist .button-small#edit-playlist,
#playlist .button-small#delete-playlist {
    position: absolute;
    top: 12px;
    right: 52px;
    }
#playlist .button-small#delete-playlist {
    top: 32px;
    }

#home.logged-out .main P {
    margin: 16px 0;
    font-size: 93%;
    font-weight: bold;
    line-height: 1.3;
    }
#home.logged-out .main P A {
    color: #ff00b3;
    }
#home.logged-out .main P A:hover {
    text-decoration: underline;
    }
.logged-out #user-lists H2 {
    padding-bottom: 10px;
    font-size: 215.6%;
    line-height: 0.93;
    }
#home.logged-out #user-lists .intro {
    padding-bottom: 0;
    }
#home.logged-out #user-lists .box-mid {
    min-height: 110px; /* height in lv-ie56.css */
    }

.layout1 #secondary #top5artists h2,
.layout1 #secondary #inspiration-playlists h2 {
    padding-top: 12px;
    }

/* Layout2 general styles
--------------------------------------*/

.layout2 #primary {
    width: 518px;
    padding-top: 24px;
    background: url('/static/images/bg-layout2-primary-top.png') top no-repeat;
    }
.layout2 #primary #content.photos-shown {
	padding-top: 44px;
	}
.layout2.tabbed #primary {
    position: relative;
    margin-top: 33px;
   }
.layout2 #secondary {
    position: relative;
    width: 216px;
    }
.layout2 #content {
    position: relative;
    top: 1px; /* prevent 1px gap below content */
    width: 442px;
    min-height: 300px; /* height in lv-ie56.css */
    padding-right: 52px;
    padding-left: 24px;
    padding-bottom: 25px;
    background: #fff;
    padding-bottom: 150px; /* If #footer is absolute */
    }
.layout2 .content-btm {
	height: 25px;
	background: url('/static/images/bg-layout2-primary-btm.png') no-repeat;
	}

/* Party page
--------------------------------------*/

.layout2#party #content {
    width: 418px;
    padding-right: 76px;
    }
.tabbed #content #content-main-a {
    position: relative;
    margin-top: -20px;
    }

/* >> Party page tab sections >> */
#content.main-shown #content-main-a,
#content.main-shown #content-main-b {
    display: block;
    }
#content.main-shown #content-chat {
    display: none;
    }
#content.main-shown #content-photos {
    display: none;
    }

#content.chat-shown #content-main-a,
#content.chat-shown #content-main-b {
    display: none;
    }
#content.chat-shown #content-chat {
    display: block;
    }
#content.chat-shown #content-photos {
    display: none;
    }

#content.photos-shown #content-main-a {
    display: block;
    }
#content.photos-shown #content-main-b {
    display: none;
    }
#content.photos-shown #content-chat {
    display: none;
    }
#content.photos-shown #content-photos {
    display: block;
    }
/* << Party page tab sections << */

/* >> Party main section >> */
#party H1 .textfield {
    width: 395px;
    text-transform: none;
    }
#party #description,
#playlist #description {
    min-height: 35px; /* height in lv-ie56.css */
    font-size: 100%;
    font-weight: bold;
    }
#party #description .textarea,
#playlist #description .textarea {
    width: 395px;
    height: 44px;
    }

#party DL {
    position: relative;
    clear: both;
    padding: 12px 0;
    margin-bottom: 11px;
    border-top: 1px solid #bb8;
    border-bottom: 1px solid #bb8;
    }
#party DT,
#party #content-main-b H2 {
    font-size: 93%;
    font-weight: bold;
    }
#party DD {
    font-size: 138.5%;
    font-weight: bold;
    }
#party .when,
#party .where {
    width: 270px;
    }
#party .at {
    position: absolute;
    top: 12px;
    right: 0;
    width: 150px;
    }
#party DD.at {
    top: 26px;
    }
#party DT.where {
    padding-top: 15px;
    }
#party #content-main-b H2 {
    margin-bottom: 13px;
    }
#content-main-b .user-big,
#content-main-b #w-cancel-party {
    float: right;
    clear: right;
    }
/*#content-main-b #w-cancel-party {
    z-index: 1;
    }*/
#content-main-b .user-big {
    margin: -30px 0 0 0;
    }
#party .list-users LI:first-child {
    width: 315px; /* prevent it overlapping 'Cancel party'. Also width: 401px in lv-ie56.css */
    }
/* 3 rules to put 'leave party' button alongside user name: */
#party .list-users .item-heading {
    display: inline;
    }
#party .list-users .item-subtitle {
    margin-top: 4px;
    }
#party .list-users .button-small {
    float: none;
    display: inline;
    position: absolute;
    margin-left: 5px;
    margin-top: 1px;
    }

#party .list-users .premium {
    padding-right: 16px;
    background: url('/static/images/icon-premium-unlocked.gif') right no-repeat;
    color: #f90;
    font-size: 11px;
    text-transform: uppercase;
    }
#party .list-users .premium:hover B {
    text-decoration: underline;
    }

/* << Party main section << */

/* >> Party chat section >> */
#content.chat-shown #content-chat OL {
    }
#party .comment-form {
    padding-bottom: 12px;
    }
#party #comment-field {
    width: 406px;
    height: 88px;
    }
#party .comment-form .avatar-icon {
    display: block;
    position: relative;
    top: -1px; /* -2px in lv-ie.css */
    height: 14px;
    padding-top: 6px;
    width: 14px;
    padding-right: 23px;
    background: url('/static/images/bg-speech-arrow.gif') top right no-repeat;
    }
#party .comment-form .button-small {
    float: right;
    margin-top: -11px;
    }
#party #w-comment-add-photos {
    margin-right: 10px;
    }
#party #button-add-comment.photo-browser-shown {
    margin: 0 0 10px 0;
    }
#party #button-add-comment-2 {
    position: relative;
    top: -15px;
    margin-bottom: 10px;
    float: right;
    }
/*\*/
HTML*#party #button-add-comment-2 {
    margin-top: 15px; /* Safari and IE only; removed in lv-ie.css */
    }
#party #button-add-comment-2.photo-browser-shown {
    top: 0;
    }
#party .photo-browser {
    clear: both;
    height: 50px;
    margin: 10px 0;
    }
#party .photo-browser LABEL {
    float: left;
    clear: left;
    width: 70px;
    padding-right: 5px;
    margin-top: 3px;
    text-align: right;
    font-size: 93%;
    font-weight: bold;
    }
#party .photo-browser INPUT.file-field {
    width: 340px;
    }
/*\*/
HTML*INPUT.file-field {
    border-width: 0; /* Safari and IE only; borders restored in lv-ie.css */
    }

#party .photo-browser LABEL.caption-field {
    margin-top: 6px;
    }
#party .photo-browser INPUT.caption-field {
    width: 328px;
    margin-top: 2px;
    }

#party #comments {
    border-bottom: 2px solid #bb8;
    }
#party .comment {
    clear: both;
    padding: 3px 0 10px 0;
    border-top: 1px solid #bb8;
    }
#party .comment H3 {
    margin-bottom: 2px;
    font-size: 93%;
    font-weight: bold;
    }
#party .comment H3 .user {
    font-size: 125%;
    }
#party .comment P {
    margin-bottom: 2px;
    font-size: 93%;
    font-weight: bold;
    line-height: 1.3;
    }
#party .comment H3 A {
    color: #888;
    }
#party .comment H3 A:hover {
    color: #ff00b3;
    }
#party .comment P A {
    color: #ff00b3;
    }
#party .comment P A:hover {
    text-decoration: underline;
    }
#party #comments .user {
    padding-left: 15px;
    background-position: 0 2px;
    background-repeat: no-repeat;
    background-image: url('/static/images/avatar-default.gif');
    }
/* << Party chat section << */

/* >> Party photos section >> */
#content-photos {
    position: relative;
    width: 418px; /* for IE */
    margin-top: 10px;
    padding: 10px 0 20px 0;
    border-top: 2px solid #bb8;
    border-bottom: 2px solid #bb8;
    }
#content-photos .instructions {
    clear: both;
    margin-bottom: 10px;
    font-size: 93%;
    font-weight: bold;
    color: #bb8;
    }
#party #w-photos-add-photos {
    margin-bottom: 10px;
    }
#content-photos .button-small#button-add-comment-2 {
    float: right;
    }
#party .photo-list {
    clear: both;
    max-height: 1500px;
    overflow: auto;
    }
#party .photo-list IMG {
    margin-right: 10px;
    margin-bottom: 10px;
    }
/* << Party photos section << */

/* >> Party page boxes >> */
#party #secondary .box {
    position: absolute;
    margin: 0;
    }
#party #secondary .box .box-top {
    min-height: 65px; /* height in lv-ie56.css */
    }
#party #secondary.playlist-shown .box#sung-songs {
    left: -28px;
    top: 0;
    color: #bb8;
    }
#party #secondary.playlist-shown .box#party-playlist {
    left: -54px;
    top: 62px;
    z-index: 20;
    }
#party #secondary.playlist-shown #sung-caption,
#party #secondary.playlist-shown #sung-songs .box-mid,
#party #secondary.playlist-shown #sung-songs .box-btm .leaf {
    display: none;
    }
#party #secondary.sung-shown .box#sung-songs {
    left: -54px;
    top: 62px;
    z-index: 20;
    }
#party #secondary.sung-shown .box#party-playlist {
    left: -28px;
    top: 0;
    z-index: 10;
    color: #bb8;
    }
#party #secondary.sung-shown #sung-instructions,
#party #secondary.sung-shown #playlist-instructions,
#party #secondary.sung-shown #party-playlist .box-mid,
#party #secondary.sung-shown #party-playlist .box-btm .leaf {
    display: none;
    }
.sung-shown #party-playlist .box-top H2 {
    color: #bb8;
    padding-bottom: 10px;
    cursor: pointer;
    }
.playlist-shown #sung-songs .box-top H2,
.playlist-shown #sung-songs .box-top .subtitle {
    color: #bb8;
    cursor: pointer;
    }
/* << Party page boxes << */

/* Playlist builder
--------------------------------------*/

#content.song-search-shown #content-search {
    display: block;
    }
#content.song-search-shown #content-playlists {
    display: none;
    }

#content.playlists-shown {
	padding-top: 1px;
	}
#content.playlists-shown #content-search {
    display: none;
    }
#content.playlists-shown #content-playlists {
    display: block;
    }

/* >> Song search section >> */
.tabbed #content #search {
    margin-top: -7px; /* 0px in lv-ie56.css */
    margin-bottom: 20px;
    }
#content-search #search .textfield,
#content-search #search .textfield.with-default {
    width: 240px;
    padding-right: 20px;
    font-size: 153.9%;
    font-weight: bold;
    }
#content-search #search .search-status {
    margin-top: 3px;
    font-size: 93%;
    font-weight: bold;
    }

#content-search #w-pb-default-text P {
    margin: 0 0 6px 0;
    font-size: 93%;
    font-weight: bold;
    }
#content-search #w-pb-default-text A {
    color: #ff00b3;
    }
#content-search #w-pb-default-text A:hover {
    text-decoration: underline;
    }

.song-table,
.playlist-table {
    border-bottom: 2px solid #bb8;
    border-collapse: collapse;
    width: 100%;
    }
.song-table TH,
.playlist-table TH {
    padding: 1px 0;
    border-top: 2px solid #bb8;
    border-bottom: 2px solid #bb8;
    vertical-align: top;
    font-size: 93%;
    font-weight: bold;
    color: #bb8;
    }
.song-table TD,
.playlist-table TD {
    padding: 4px 5px 4px 0;
    border-bottom: 1px solid #bb8;
    vertical-align: top;
    font-size: 100%;
    font-weight: bold;
    }
.song-table TD.song {
    padding-left: 17px;
    background-image: url('/static/images/icon-song.gif');
    background-position: 0 6px;
    background-repeat: no-repeat;
    }
.playlist-table TD.playlist {
    padding-left: 17px;
    background: url('/static/images/icon-playlist.gif') 0 7px no-repeat;
    }
.song-table TD A,
.playlist-table TD A {
    color: #888;
    }
.song-table TD A:hover,
.playlist-table TD A:hover {
    color: #ff00b3;
    }
.song-table TD.song A {
    display: block;
    padding-right: 30px;
    }
.song-table .in-miniplayer TD.song A {
    background: url('/static/images/icon-qualizer.gif') right 50% no-repeat;
    }
.song-table .add,
.playlist-table .add {
    text-align: right;
    }
.song-table TD.add,
.playlist-table TD.add {
    padding-right: 0;
    vertical-align: middle;
    width: 40px;
    }
#playlist-builder .song-table TH.add SPAN {
    position: absolute;
    right: 52px;
    }
.hide TH.add SPAN {
    display: none;
    }
#playlist-builder .playlist-table .add {
    text-align: left;
    width: 167px;
    }
.song-table .in-playlist .song A,
.song-table .in-playlist .artist,
.song-table TR.in-playlist.locked .song A:hover {
    color: #bb8;
    }
.song-table .add A.action-icon {
    float: right;
    display: block;
    width: 0;
    padding-left: 15px;
    height: 15px;
    overflow: hidden;
    background-image: url('/static/images/icon-minusplus.gif');
    background-position: 0 -15px;
    background-repeat: no-repeat;
    background-color: #888;
    }
.song-table TR.in-playlist .add A.action-icon {
    background-position: 0 0;
    background-color: #bb8;
    }
.song-table .locked .add A.action-icon {
    background-color: #f90;
    }
.song-table .add A.action-icon:hover {
    background-color: #ff00b3 !important;
    }
.song-table .locked .song A,
.song-table .locked .artist {
    color: #f90;
    }
.song-table .premium.locked .song A {
    cursor: help;
    }
.song-table .premium.in-playlist .song A,
.song-table .premium.in-playlist .artist {
    color: #bb8;
    }
.song-table .premium .song A:hover {
    color: #ff00b3;
    }
.song-table .locked .song A:hover {
    color: #f90;
    }
.song-table .premium TD.song {
    background-image: url('/static/images/icon-premium-unlocked.gif');
    background-position: 0 5px;
    }
.song-table .locked TD.song {
    background-image: url('/static/images/icon-premium-locked.gif');
    }
    
#playlist-builder #request {
    clear: left;
    margin-top: 10px;
    }
#playlist-builder #request P {
    float: left;
    margin-right: 5px;
    font-size: 93%;
    font-weight: bold;
    }
/* << Song search section << */

/* >> Playlist browse section >> */
#content-playlists {
    margin-top: -7px;
    }
#content-playlists .select-user H3 {
    margin-bottom: 10px;
    font-size: 138.5%;
    font-weight: bold;
    color: #ff00b3;
    letter-spacing: -1px;
    text-transform: lowercase;
    }
#content-playlists .select-user .list-users {
    border-top: 2px solid #bb8;
    border-bottom: 1px solid #bb8;
    }
#content-playlists .select-user .list-users LI {
    padding: 5px 0;
    border-bottom: 1px solid #bb8;
    }
#content-playlists .select-user .list-users .item-heading {
    padding-left: 17px;
    }
#content-playlists .select-user .list-users .item-subtitle {
    line-height: 1.2;
    }
#content-playlists .select-user .user {
    background-position: 0 5px;
    }
#content-playlists .select-playlist .user,
#content-playlists .select-songs .user,
#content-playlists .select-songs .playlist {
    height: 1.2em;
    padding: 5px 0 5px 17px;
    border-top: 2px solid #bb8;
    border-bottom: 2px solid #bb8;
    background-position: 0 6px;
    background-repeat: no-repeat;
    }
#content-playlists .select-playlist .user H2,
#content-playlists .select-songs .user H2,
#content-playlists .select-songs .playlist H3 {
    float: left;
    margin-right: 5px;
    font-weight: bold;
    font-size: 108%;
    }
#content-playlists .select-songs .playlist {
    border: 0;
    background-image: url('/static/images/icon-playlist.gif');
    }

.select-playlist .playlist-table TH {
    border-top: 0;
    }
.playlist-table .add A.action-icon,
.playlist-actions A.action-icon {
    float: left;
    display: block;
    padding-left: 15px;
    margin-right: 5px;
    background-image: url('/static/images/icon-plus.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 85%;
    font-weight: bold;
    text-transform: lowercase;
    }
.playlist-table .add A.action-icon:hover,
.playlist-actions A.action-icon:hover {
    background-position: 0 -15px;
    }
.playlist-table .add A.action-icon SPAN {
    display: none;
    }
.playlist-actions {
    margin: 10px 0;
    white-space: nowrap;
    }
.playlist-actions STRONG {
    float: left;
    margin-right: 5px;
    font-size: 93%;
    font-weight: bold;
    }
.playlist-table .item-heading {
    font-size: 108%;
    }
.playlist-table .item-subtitle {
    font-size: 93%;
    }
.playlist-table A,
.playlist-actions A.action-icon {
    color: #888;
    }
.playlist-table A:hover,
.playlist-actions A.action-icon:hover {
    color: #ff00b3;
    }
/* << Playlist browse section << */

/* Playlist page
--------------------------------------*/

#playlist H1 {
    width: 320px;
    text-transform: none;
    }
#playlist H1 .textfield {
    width: 300px;
    }
#playlist .playlist-summary {
    padding-bottom: 10px;
    border-bottom: 1px solid #bb8;
    font-size: 93%;
    font-weight: bold;
    text-transform: lowercase;
    }
#playlist #content H2 {
    padding-top: 5px;
    margin-bottom: 5px;
    font-size: 93%;
    font-weight: bold;
    }
#playlist #content H2 .user {
    display: block;
    /*position: relative;*/
    padding: 5px 0 2px 20px;
    width: 275px;
    font-size: 125%;
    line-height: 1;
    }
#playlist #content H2 .user IMG.avatar-icon {
    position: absolute;
    left: 24px;
    /*top: 5px;*/
    }
#playlist #content H2 .nickname {
    display: block;
    padding-left: 20px;
    width: 275px;
    }

/* Invitation pages
--------------------------------------*/

#invite-to-party H1 .party-name {
    text-transform: none;
    }
#invite-to-party #content H2,
#invite #content H2 {
    margin: 5px 0;
    font-size: 138.5%;
    font-weight: bold;
    letter-spacing: -0.5px;
    color: #ff00b3;
    text-transform: lowercase;
    }
#invite-to-party #content .subtitle,
#invite #content .subtitle {
    font-size: 93%;
    font-weight: bold;
    color: #ff00b3;
    text-transform: lowercase;
    }
.w-add-email {
    position: relative;
    top: -10px;
    }

/* Premium payment pages
--------------------------------------*/

.paypal .paypal-logo {
    float: left;
    margin: 8px 10px 10px 0;
    }
.paypal .creditcards {
    margin-top: 5px;
    }
#content P.video {
    padding-left: 52px;
    margin-bottom: 20px;
    }
.buy-area {
    margin: 15px 0;
    }
#payment-gateway #content OL {
    padding-left: 3px;
    margin-top: 20px;
    }
#payment-gateway #content OL LI {
    font-size: 138.5%;
    color: #FF00B3;
    }
#payment-gateway #content OL P {
    font-size: 65%;
    color: #888;
    }
#payment-gateway #content OL H2 {
    font-size: 100%;
    line-height: 1.1;
    }
#payment-gateway #content .paypal {
    font-size: 62%;
    font-weight: normal;
    }
    
/* << Party Box section << */
#partybox-img {
    position: relative;
    left: -24px;
    }
#payment-gateway #content ul {
    margin-left: 0px;
    padding-left: 0px;
    }
#payment-gateway #content .partybox-list li {
    background:transparent url(/static/images/icon-heart.gif) no-repeat scroll 0 1px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding-left:17px;
    }
#payment-gateway .partybox-button {
    background:transparent url(/static/images/button-huge-pink.gif) no-repeat scroll 0 0;
    }
#partybox-buy-small {
    position: absolute;
    top: 42px;
    }
.layout2 #primary .button-big {
    }
#partybox-contents {
    margin-bottom: 10px;
    }
#partybox-contents IMG {
    padding-right: 5px;
    }

/* Tabs
--------------------------------------*/

#tabs {
    position: absolute;
    top: -33px;
    }
#tabs LI {
    float: left;
    margin-right: 1px;
    }
#tabs LI A,
#tabs LI STRONG {
    display: block;
    height: 58px;    /* also width in lv-ie56.css */
    padding-right: 28px;
    background: url('/static/images/tabs-r.gif') 100% 0 no-repeat;
    font-size: 138.5%;
    font-weight: bold;
    letter-spacing: -1px;
    text-transform: lowercase;
    color: #ff00b3;
    }
#tabs LI.tab A {
    background-position: 100% -116px;
    color: #fff;
    }
#tabs LI.tab A:hover {
    background-position: 100% -58px;
    cursor: pointer;
    }
#tabs LI STRONG {
    color: #ff00b3;
    }
#tabs LI SPAN {
    display: block;
    height: 53px;
    padding-top: 5px;
    padding-left: 28px;
    background: url('/static/images/tabs-l-2.gif') 0 0 no-repeat;
    }
#tabs LI#tab1 SPAN {
    background-image: url('/static/images/tabs-l-1.gif');
    }
#tabs LI.tab A SPAN {
    background-position: 0 -116px;
    }
#tabs LI.tab A:hover SPAN {
    background-position: 0 -58px;
    }

/* Buttons
--------------------------------------*/

.button-big,
.button-small {
    position: relative;
    text-transform: lowercase;
    color: #fff !important;
    font-weight: bold;
    white-space: nowrap;
    cursor: pointer;
    }
.button-big {
    float: left;
    display: block;
    height: 24px;
    padding-right: 10px;
    background: url('/static/images/button-big-r.gif') 100% 0 no-repeat;
    font-size: 100%;
    line-height: 1.7; /* 1.6 in lv-ie.css */
    letter-spacing: -0.1px;
    /* width:1% in lv-ie.css */
    }
.button-big SPAN {
    display: block;
    height: 24px;
    padding-left: 10px;
    background: url('/static/images/button-big-l.gif') 0 0 no-repeat;
    }
.button-big:hover {
    background-position: 100% -24px;
    text-decoration: none !important
    }
.button-big:hover SPAN {
    background-position: 0 -24px;
    }
.deactivated {
    background-position: 100% -48px;
    cursor: default;
    }
.button-big.deactivated SPAN,
.button-big.deactivated:hover SPAN {
    background-position: 0 -48px;
    }
.button-big.premium-big SPAN {
    background-position: 0 -72px;
    }
.button-big.premium-big:hover SPAN {
    background-position: 0 -96px;
    }
.button-big.icon-button-big {
    padding-right: 30px;
    background-image: url('/static/images/button-big-r-icons.gif'); 
    }
/* Icon buttons (big): */
.playlists-big { background-position: 100% 0; }
.playlists-big:hover { background-position: 100% -24px; }
.playlists-big-deactivated, .playlists-big-deactivated:hover { background-position: 100% -48px; }
.user-big { background-position: 100% -72px; }
.user-big:hover { background-position: 100% -96px; }
.user-big-deactivated, .user-big-deactivated:hover { background-position: 100% -120px; }
.save-big { background-position: 100% -144px; }
.save-big:hover { background-position: 100% -168px; }
.cancel-big { background-position: 100% -216px; }
.cancel-big:hover { background-position: 100% -240px; }
.arrow-big { background-position: 100% -288px; }
.arrow-big:hover { background-position: 100% -312px; }
.song-big { background-position: 100% -360px; }
.song-big:hover { background-position: 100% -384px; }
.song-big-deactivated, .song-big-deactivated:hover { background-position: 100% -408px; }
.parties-big { background-position: 100% -432px; }
.parties-big:hover { background-position: 100% -456px; }
.premium-big { background-position: 100% -504px; }
.premium-big:hover { background-position: 100% -528px; }

.button-small {
    float: left;
    display: block;
    height: 15px;
    padding-right: 10px;
    background: url('/static/images/button-small-r.gif') 100% 0 no-repeat;
    font-size: 85%;
    line-height: 14px;
    }
.button-small SPAN {
    display: block;
    height: 15px;
    padding-left: 10px;
    background: url('/static/images/button-small-l.gif') 0 0 no-repeat;
    }
.button-small:hover {
    background-position: 100% -15px;
    text-decoration: none !important;
    }
.button-small:hover SPAN {
    background-position: 0 -15px;
    }
.button-small.small-deactivated {
    background-position: 100% -30px;
    }
.button-small.small-deactivated SPAN {
    background-position: 0 -30px;
    }
.button-small.icon-button-small {
    padding-right: 15px;
    background-image: url('/static/images/button-small-r-icons.gif'); 
    }
.plus-small { background-position: 100% 0; }
.plus-small:hover { background-position: 100% -15px; }

INPUT.button-small {
    border: 0;
    padding: 0 10px 2px 10px; /* 1px 10px in lv-ie.css */
    width: 60px;
    background: url('/static/images/button-small-60px.gif') no-repeat;
    font-size: 11px;
    }
INPUT.button-small:hover {
    background-position: 0 -15px;
    }

/* Special button cases */

.layout2 #secondary .button-big {
    float: none;
    clear: left;
    width: 185px;
    margin-top: 5px;
    }
.layout1 #secondary .button-big {
    width: 129px;
    }
.layout1 #secondary .button-big.icon-button-big {
    width: 116px;
    }
.layout2 #secondary .button-big.icon-button-big {
    width: 160px;
    }
.layout2 #secondary .playlist-action .button-big {
    width: 175px;
    }
.layout2 #secondary .playlist-action .button-big.icon-button-big {
    width: 160px;
    }
.layout1 #secondary .button-small,
.layout2 #secondary .button-small {
    margin: 5px 0; /* bottom margin 0 in lv-ie.css on playlist builder and party pages */
    }
.friends-action {
    margin-left: 17px;
    }
.msg .premium-big { 
    line-height: 1.8; 
    }
.button-huge {
    position: relative;
    display: block;
    padding: 11px 30px;
    width: 300px;
    background: url('/static/images/button-huge.gif') no-repeat;
    font-size: 153.9%;
    font-weight: bold;
    color: #fff !important;
    line-height: 1;
    text-transform: lowercase;
    }
.button-huge:hover {
    text-decoration: none !important;
    }
.button-huge#button-buy-day {
    background-position: 0 0;
    }
.button-huge#button-buy-day:hover {
    background-position: 0 -40px;
    }
.button-huge#button-buy-day STRONG {
    color: #fff !important;
    }
.button-huge#button-buy-month {
    background-position: 0 -80px;
    }
.button-huge#button-buy-month:hover {
    background-position: 0 -120px;
    }
.button-huge#button-buy-month STRONG {
    color: #fff !important;
    }
.button-huge#button-buy-box {
    background-position: 0 0;
    }
.button-huge#button-buy-box:hover {
    background-position: 0 -40px;
    }
.button-huge#button-buy-box STRONG {
    color: #fff !important;
    }

/* Sing button Premium overlay */
/* Note some styles in lv-ie.css */
.button-sing-holder {
    position: relative;
    z-index: 1;
    clear: left;
    }
.button-sing-holder#party-sing-button1 {
    float: right;
    margin: -55px 0 0 0;
    }
.button-sing-holder#party-sing-button1 .button-big,
.button-sing-holder#playlist-sing-button .button-big,
.premium-overlay-home .button-big {
    width: 125px;
    margin-left: 10px;
    }
.button-sing-holder#playlist-sing-button {
    float: right;
    margin-top: 15px;
    }
.button-sing-holder .premium-overlay {
    position: absolute;
    z-index: 9999;
    right: -20px;
    top: -20px;
    width: 418px;
    height: 110px;
    padding: 20px;
    background: url('/static/images/box-premium-overlay.png') no-repeat;
    font-weight: bold;
    color: #f90;
    }
.button-sing-holder#party-sing-button2 .premium-overlay {
    top: -20px;
    right: -26px; /* 0 in lv-ie56.css */
    padding-right: 27px;
    width: 412px;
    }
.button-sing-holder#playlistbuilder-sing-button .premium-overlay {
    top: -108px;    /* -102px in lv-ie.css */
    right: -26px; /* -16px in lv-ie56.css */
    padding-right: 27px;
    width: 412px;
    }
.premium-overlay .button-big,
.premium-overlay-home .button-big {
    float: right !important;
    clear: right !important;
    margin-bottom: 5px;
    font-size: 13px;
    }
.premium-overlay-home .button-small {
    float: right !important;
    clear: right !important;
    margin-bottom: 5px;
	}
#playlistbuilder-sing-button .premium-overlay .button-big.song-big,
#playlistbuilder-sing-button .premium-overlay .button-big.premium-big {
    position: relative;
    top: -27px;
	margin-bottom: 1px;
    }
.button-sing-holder#party-sing-button2 .premium-overlay .button-big {
    margin: 0 0 5px 0;
    }
#home .premium-overlay-home {
    position: absolute;
    z-index: 9999;
    right: 218px;
    top: 99px;
    width: 476px;
    height: 75px;
    padding: 20px;
    background: url('/static/images/box-premium-overlay-home.png') no-repeat;
    font-weight: bold;
    color: #f90;
    }
.premium-overlay-home-shadow {
	position : absolute;
	z-index: 9998;
	right: 212px;
	top: 107px;
	width: 515px;
	height: 111px;
	background: url('/static/images/box-premium-overlay-home-shadow.png') no-repeat;
	opacity: 0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	}

.premium-overlay .msg,
.premium-overlay-home .msg {
    margin-bottom: 5px;
    font-size: 93%;
    }
.premium-overlay .q,
.premium-overlay .details {
    font-size: 85%;
    font-weight: normal;
    }
#playlistbuilder-sing-button .msg,
#playlistbuilder-sing-button .q,
.premium-overlay-home .q,
.premium-overlay-home .msg {
    display: inline;
    }
.premium-overlay .details {
    clear: right;
    margin-right: 60px;
    padding-top: 5px;
    }
.premium-overlay .details IMG {
    position: absolute;
    right: 20px;
    bottom: 40px;
    }
.premium-overlay-home .details {
	position: absolute;
	bottom: 16px;
	left: 21px;
	}
#playlistbuilder-sing-button .premium-overlay .details {
    margin-right: 170px;
    }
#playlistbuilder-sing-button .premium-overlay .details IMG {
    position: static;
    float: left;
    margin-top: 10px;
    }
.premium-overlay .msg A,
.premium-overlay .q A,
.premium-overlay-home .q A {
    color: #f90;
    font-weight: bold;
    text-decoration: underline;
    }

/* Boxes
--------------------------------------*/

.box-top {
    padding-left: 27px;
    padding-right: 15px;
    }
.box-mid {
    padding-left: 10px;
    padding-right: 15px;
    }
.layout1 #primary .box {
    position: relative;
    width: 189px;
    float: left;
    margin-right: 6px;
    }
.box-btm {
    clear: both;
    }
.layout1 #primary .box#parties {
    margin-right: 0;
    }
.layout1 #primary .box-top {
    background: url('/static/images/box-189-top.png') top no-repeat;
    min-height: 37px;  /* height in lv-ie56.css */
    }
.layout1 #primary .box-mid {
    background: url('/static/images/box-189-mid.gif') repeat-y;
    }
.layout1 #primary  .box .box-btm {
    position: relative;
    height: 72px;
    }
.layout1 #primary  .box.leftcurl .box-btm {
    background: url('/static/images/box-189-btm-leftcurl.png') top no-repeat;
    }
.layout1 #primary  .box.rightcurl .box-btm {
    background: url('/static/images/box-189-btm-rightcurl.png') top no-repeat;
    }

.layout1 #primary  .box#playlists .box-btm {
    height: 293px;
    }
.layout1 #primary  .box#playlists .box-btm SPAN.plug {
    position: absolute;
    left: 16px;
    top: 72px;
    width: 27px;
    height: 212px;
    background: url('/static/images/bg-plug.gif') no-repeat;
    }

.layout2 #secondary .box {
    position: absolute; /* used to be relative for IE6 */
    z-index: 10;
    width: 244px;
    margin: 31px 0 0 -28px;
    }
.layout2.tabbed #secondary .box {
    margin-top: 0;
    }

.layout2 #secondary .box-top {
    background: url('/static/images/box-244-top.png') top no-repeat;
    min-height: 37px; /* height in lv-ie56.css */
    }
.layout2 #secondary .box-mid {
    background: url('/static/images/box-244-mid.gif') repeat-y;
    min-height: 50px; /* height in lv-ie56.css */
    }
.layout2 #secondary  .box.rightcurl .box-btm {
    position: relative;
    height: 72px;
    background: url('/static/images/box-244-btm-rightcurl.png') top no-repeat;
    }

.layout2 #secondary  .box.rightcurl .box-btm SPAN.leaf {
    position: absolute;
    right: -12px;
    /*bottom: 0;*/
    top: 183px;
    width: 39px;
    height: 42px;
    background: url('/static/images/bg-leaf-gold.gif') no-repeat;
    }

.box H2,
.layout1 #secondary H2 {
    padding-top: 17px;
    font-size: 138.5%;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #ff00b3;
    text-transform: lowercase;
    }
.box-top .subtitle,
.layout1 #secondary .subtitle {
    clear: both;
    padding-bottom: 10px;
    font-size: 85%;
    font-weight: bold;
    color: #ff00b3;
    text-transform: lowercase;
    }
.layout1 #secondary H2,
.layout1 #secondary .subtitle,
.layout2 #secondary .box-mid H2,
.layout2 #secondary .box-mid .subtitle {
    margin-left: 17px;
    font-weight: bold;
    color: #ff00b3;
    text-transform: lowercase;
    }
.layout2 #secondary .box-top H2 {
    padding-bottom: 10px;
    }
.layout2 #secondary .box-mid H2 {
    margin-bottom: 10px;
    }
.layout1 #secondary FORM H2,
.layout2 #secondary FORM H2{
    margin-left: 0;
	padding-bottom: 6px;
    }
.layout1 #secondary #reglink-open H2 {
    margin-left: 0;
    }
.layout1 #secondary P,
.layout2 #secondary .box-mid P {
    padding: 6px 0 10px 0;
    font-size: 93%;
    font-weight: bold;
    line-height: 1.3;
    }
#playlist #secondary .icon-list,
#friend #secondary .icon-list {
    padding-top: 10px;
    }

.layout2 #secondary .playlist-summary {
    margin-left: 17px;
    font-size: 85%;
    font-weight: bold;
    }
.layout2 #secondary .playlist-action {
    padding: 0 11px 0 17px;
    }

/* Lists
--------------------------------------*/

/* >> General to all .icon-lists >> */
.icon-list {
    clear: left;
    }
.icon-list LI {
    position: relative;
    padding-left: 17px;
    background-position: 0 2px;
    background-repeat: no-repeat;
    background-image: url('/static/images/icon-temp.gif');
    }
.icon-list A {
    color: #888;
    }
.icon-list A:hover {
    color: #ff00b3;
    }
.icon-list .unlinked .item-heading,
.icon-list .unlinked .item-subtitle {
    color: #bb8;
    }
.icon-list .item-heading {
    display: block;
    /*float: left;*/ /* In order to put buttons alongside */ 
    margin-bottom: 4px;
    font-size: 116%;
    line-height: 1;
    font-weight: bold;
    }
.icon-list .item-subtitle {
    /*clear: left;*/
    font-size: 93%;
    line-height: 1;
    font-weight: bold;
    }
.icon-list .button-small {
    margin-right: 5px;
    margin-top: -2px;
    }
.icon-list .item-heading .role {
    font-size: 90%;
    }
/* << General to all .icon-lists << */

/* >> Specific types of lists >> */
#top5songs LI,
#top5artists LI {
    color: #bb8;
    }
.list-users LI {
    padding-bottom: 10px;
    }
.photo-list LI {
    display: inline;
    }
.list-songs LI {
    padding-bottom: 15px; 
    background-image: url('/static/images/icon-song.gif');
    }
.list-songs .premium {
    background-image: url('/static/images/icon-premium-unlocked.gif');
    }
.list-songs .locked {
    color: #f90;
    background-image: url('/static/images/icon-premium-locked.gif');
    background-position: 0 1px;
    }
#top5songs .list-songs LI {
    padding-bottom: 10px; 
    }
.list-playlists LI {
    padding-bottom: 10px; 
    background-image: url('/static/images/icon-playlist.gif');
    }
.list-parties LI {
    padding-bottom: 10px; 
    background-image: url('/static/images/icon-party.gif');
    }
.list-artists LI {
    padding-bottom: 10px; 
    background-image: url('/static/images/avatar-default.gif');
    }
LI.no1 {
    background-image: url('/static/images/icon-no1.gif');
    }
LI.no2 {
    background-image: url('/static/images/icon-no2.gif');
    }
LI.no3 {
    background-image: url('/static/images/icon-no3.gif');
    }
LI.no4 {
    background-image: url('/static/images/icon-no4.gif');
    }
LI.no5 {
    background-image: url('/static/images/icon-no5.gif');
    }
LI.step1 {
    background-image: url('/static/images/icon-step1.gif');
    }
LI.step2 {
    background-image: url('/static/images/icon-step2.gif');
    }
LI.step3 {
    background-image: url('/static/images/icon-step3.gif');
    }
.list-parties .photos,
.list-parties .comments {
    display: block;
    padding: 2px 0 2px 17px;
    margin: 2px 0 0 0;
    background-image: url('/static/images/icon-comments-photos.gif');
    background-repeat: no-repeat;
    }
.list-parties .photos {
    background-position: 0 2px;
    }
.list-parties .comments {
    background-position: 0 -38px;
    }

.party-playlist IMG.avatar-icon {
    display: block;
    position: absolute;
    left: -1px;
    top: 16px;
    cursor: help;
    }
.movable LI {
    cursor: move;
    }
#secondary .box .list-songs LI {
    width: 202px; /* for IE6 */
    }
#secondary .box .with-controls LI {
    width: 170px; /* for IE6 */
    padding-right: 32px;
    }

.list-songs A.action-u,
.list-songs A.action-d,
.list-songs A.action-icon {
    position: absolute;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: #888;
    overflow: hidden;
    }
.list-songs .locked A.action-u,
.list-songs .locked A.action-d,
.list-songs .locked A.action-icon {
    background-color: #f90;
    }
.list-songs A.action-u:hover,
.list-songs A.action-d:hover,
.list-songs A.action-icon:hover {
    background-color: #ff00b3;
    }
.sung-shown .list-songs A.action-u,
.sung-shown .list-songs A.action-d,
.sung-shown .list-songs A.action-icon {
    display: none;
    }
.list-songs A.action-u,
.list-songs A.action-d {
    right: 16px;
    width: 0;
    padding-left: 12px;
    height: 8px;
    top: 0;
    background-image: url('/static/images/icon-updown.gif');
    }
.list-songs A.action-d {
    top: 8px;
    background-position: 0 -8px;
    }
.list-songs A.action-icon {
    top: 0;
    right: -5px;
    width: 0;
    padding-left: 15px;
    height: 15px;
    background-image: url('/static/images/icon-minusplus.gif');
    }

#invite-to-party .list-users {
    margin-bottom: 20px;
    border-top: 2px solid #bb8;
    border-bottom: 1px solid #bb8;
    }
#invite-to-party .list-users .user {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #bb8;
    background-position: 0 12px;
    }
.list-users .invited {
    color: #bb8;
    }
.list-users .user A.action-icon {
    position: absolute;
    right: 0; /* 50px in lv-ie56.css */
    top: 15px;
    display: block;
    width: 0;
    padding-left: 15px;
    height: 15px;
    overflow: hidden;
    background-image: url('/static/images/icon-minusplus.gif');
    background-position: 0 -15px;
    background-repeat: no-repeat;
    background-color: #888;
    }
.list-users .user.invited A.action-icon {
    background-position: 0 0;
    background-color: #bb8;
    }
.list-users .user.invited A {
    color: #bb8;
    }
.list-users .user A.action-icon:hover {
    background-color: #ff00b3;
    }

.bullet-list {
    margin-left: 17px;
    }
.bullet-list LI {
    position: relative;
    list-style: disc;
    padding: 0 0 10px 0;
    font-weight: bold;
    }
.bullet-list LI A {
    color: #888;
    }
.bullet-list LI A:hover {
    color: #ff00b3;
    }

#secondary .bullet-list {
    margin-left: 0;
    }
#secondary .bullet-list LI {
    list-style: none;
    padding-left: 17px;
    background: url('/static/images/icon-heart.gif') 0 1px no-repeat;
    }


/* Tables
--------------------------------------*/

TABLE.playlist-table,
TABLE.song-table {
    clear: left;
    }

/* Hipefields (ajax-editable titles)
--------------------------------------*/

.hipefield,
.hipefield-placeholder {
    position: relative; /* static in lv-ie56.css */
    left: -5px;
    display: block;
    padding: 4px 5px; /* removed inside .box-top in lv-ie56.css */
    border: 1px solid #fff;
    color: #ff00b3;
    }
.hipefield.hipe-hover {
    background: #ffc;
    cursor: pointer;
    }
.hipefield.hipe-active {
    padding-bottom: 20px;
    }
H1 .textfield {
    font-size: 25px; /* prevent font size compounding */
    letter-spacing: -0.5px;
    font-weight: bold;
    text-transform: none;
    }
#description .hipefield,
#description .hipefield-placeholder {
    color: #888;
    }
.hipefield .button-small {
    position: absolute; /* static in lv-ie56.css */
    z-index: 20;
    font-size: 12px; /* prevent font size compounding */
    }
.hipefield #button-save {
    left: 5px;
    bottom: 2px;
    }
.hipefield #button-cancel {
    left: 55px;
    bottom: 2px;
    }
.box-top .hipefield #button-save,
.box-top .hipefield #button-cancel {
    bottom: -2px;
    }

/* Notification message
--------------------------------------*/

#w-msg-wrapper {
    width: 515px;
    margin-bottom: 13px; /* kludged for homepage in lv-ie.css; removed in lv-ie.css and replaced with margin above #primary */
    background: url('/static/images/bg-notification-top.gif') top no-repeat;
    font-size: 93%;
    font-weight: bold;
    line-height: 1.25;
    }
#w-msg-wrapper .box-inner {
    padding: 6px 0 0 0;
    min-height: 50px; /* height in lv-ie56.css */
    background: url('/static/images/bg-notification-btm.gif') bottom no-repeat;
    }
#w-msg-wrapper .box-inner .msg {
    position: relative;
    padding: 0 32px 0 30px;
    }
#w-msg-wrapper P {
    padding-bottom: 6px;
    }
#w-msg-wrapper .alert,
#w-msg-wrapper .close {
    position: absolute;
    top: 3px;
    }
#w-msg-wrapper .alert {
    left: 14px; /* -16px in lv-ie56.css */
    top: 0;
    }
#w-msg-wrapper .close {
    right: 17px;
    width: 0;
    height: 9px;
    padding-left: 9px;
    overflow: hidden;
    background: url('/static/images/icon-close.gif') no-repeat;
    }
#w-msg-wrapper A {
    color: #ff00b3;
    }
#w-msg-wrapper A:hover {
    text-decoration: underline;
    }

#w-msg-container FORM {
    padding: 0 0 10px 0; /* 15px in lv-ie.css */
    }
#w-msg-container INPUT {
    float: left;
    }
#w-msg-container INPUT.button-small {
    margin: 4px 0 0 10px;
    }

#w-msg-wrapper .premium-msg P {
    width: 310px;
    margin-bottom: 12px;
    color: #f90;
    }
#w-msg-wrapper .premium-msg P#w-more {
    width: 400px;
    margin-bottom: 6px;
    font-size: 92%;
    font-weight: normal;
    }
#w-msg-wrapper .premium-msg P#w-more A {
    color: #f90;
    font-weight: bold;
    text-decoration: underline;
    }
#w-msg-wrapper .premium-msg A#more,
#w-msg-wrapper .premium-msg A#less {
    position: absolute;
    right: 17px;
    top: 28px;
    padding-left: 12px;
    background: url('/static/images/icon-arrow-more.gif') left 4px no-repeat;
    color: #f90;
    font-size: 92%;
    line-height: 1;
    text-transform: lowercase;
    }
#w-msg-wrapper .premium-msg A#less {
    background: url('/static/images/icon-arrow-less.gif') left 4px no-repeat;
    }
#w-msg-wrapper .button-big {
    position: absolute;
    right: 17px;
    top: 0;
    }
#w-msg-wrapper .paypal,
.premium-overlay .paypal {
    display: block;
    margin-top: 3px;
    }
#w-msg-wrapper .paypal IMG {
    position: absolute;
    right: 14px;
    top: 62px;
    }

/* Forms
--------------------------------------*/

.form-instructions {
    position: relative;
    padding-top: 6px;
    margin-bottom: 17px;
    font-size: 100%;
    font-weight: bold;
    color: #ff0000;
    }
.form-instructions IMG.required {
    position: absolute;
    left: -9px;
    }
IMG.required {
    padding: 0 2px 5px 2px;
    }

.form-row {
    clear: both;
    }
.page-form .form-row .field {
    margin: 5px 0 15px 0;
    }
.popup .form-row {
    margin: 5px 0 10px 0;
    }
.page-form .form-row.two-col .field {
    width: 198px;
    }
.page-form .form-row.two-col .field.col1 {
    float: left;
    }
.page-form .form-row.two-col .field.col2 {
    float: right;
    }
.page-form .form-row.three-col .field {
    float: left;
    width: 94px;
    margin-right: 10px;
    }

.textfield,
.textarea,
.field-dropdown {
    padding: 4px 5px;
    border: 1px solid #bb8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 93%;
    font-weight: bold;
    color: #888;
    }
.textfield:focus,
.textarea:focus,
.field-dropdown:focus {
    background-color: #ffc;
    }
.textarea#comment-field:focus {
    background-color: #fff;
    }
.with-default {
    color: #ccc; /* removed for SELECT in lv-ie.css */
    }
SELECT.with-default:focus {
    color: #888;
    }
.textfield.working {
    background-image: url('/static/images/icon-ajax.gif');
    background-position: 98% 50%;
    background-repeat: no-repeat;
    }
.page-form .textfield,
.page-form .textarea,
.page-form .field-dropdown {
    margin-top: 2px;
    width: 430px;
    }
.page-form .field-password {
    width: 186px;
    }
.page-form .two-col .textfield,
.page-form .two-col .textarea {
    width: 186px;
    }
.page-form .two-col .field-dropdown {
    width: 198px;
    }
.page-form .three-col .field-dropdown {
    width: 94px;
    }
.layout1 #secondary .textfield,
.layout1 #secondary .textarea {
    width: 133px;
    }
.layout2 #secondary .textfield,
.layout2 #secondary .textarea {
    width: 186px;
    }
.popup .textfield,
.popup .textarea,
.popup .field-dropdown {
    margin-top: 2px;
    width: 229px;
    }

.page-form LABEL,
.page-form STRONG.label,
#secondary FORM LABEL,
.popup LABEL {
    display: block;
    font-size: 100%;
    font-weight: bold;
    text-transform: lowercase;
    }
#secondary FORM LABEL,
.popup LABEL {
    margin-bottom: 2px;
    font-size: 93%;
    }
#form-avatar .label,
#form-gender .label {
    margin-bottom: -2px;
    }
#dob.three-col .col1 LABEL,
#dob.three-col .col2 LABEL,
#dob.three-col .col3 LABEL {
    width: 94px;
    height: 0;
    white-space: nowrap;
    overflow: hidden;
    visibility: hidden;
    }

#secondary FORM {
    padding-left: 15px;
    }
#secondary FORM .form-row {
    padding-bottom: 10px;
    }

.help-message {
    font-size: 85%;
    font-weight: normal;
    text-transform: lowercase;
    }
.help-message.no-lower {
	text-transform: none;
	}
.help-message A,
LABEL A {
    color: #ff00b3;
    }
.help-message A:hover,
LABEL A:hover {
    text-decoration: underline;
    }
#invite-to-party #secondary .help-message {
    display: block;
    }

#form-signature-tune .help-message {
    width: 442px;
    }
#form-signature-tune .col2 {
    position: relative;
    margin-top: 35px; /* -35px in lv-ie56.css */
    }
#form-signature-tune .col2 LABEL {
    position: absolute;
    left: -20px;
    top: 7px;
    }

#form-gender .field,
#form-feedback-subject .field,
#form-terms .field {
    position: relative;
    }
#form-email LABEL,
#form-gender LABEL,
#form-feedback-subject LABEL,
#form-terms LABEL {
    display: inline;
    padding-left: 20px;
    }
#form-terms LABEL {
    display: block;
    margin-top: 5px;
    }
#form-email LABEL,
#form-terms LABEL {
    text-transform: none;
    }
#form-email .field-checkbox,
#form-gender .field-checkbox,
#form-feedback-subject .field-radio,
#form-terms .field-checkbox {
    position: absolute;
    left: 0;
    }
#form-email .field-checkbox {
    left: 24px; /* 21px in lv-ie.css */
    }
#form-gender .field-checkbox,
#form-feedback-subject .field-radio {
    top: 0; /* -2px in lv-ie.css */
    }
#form-terms .field-checkbox {
    bottom: 1.2em; /* top: 60px in lv-ie56.css */
    }
#form-feedback-subject .field {
    margin: 5px 0;
    }
#form-feedback-subject {
    margin-bottom: 15px;
    }
	
#register p.resend-conf {
    padding-top: 20px;
	font-weight: bold;
	color: #888888;
	}

.validation-msg {
    /*display: none;*/
    font-size: 85%;
    font-weight: bold;
    text-transform: lowercase;
    color: #ff0000;
    }
STRONG.validation-failed,
.validation-failed LABEL,
.validation-failed P.validation-msg {
    /*display: inline;*/
    color: #ff0000;
    }
.validation-failed .textfield,
.validation-failed .textarea {
    border-color: #ff0000;
    }

/* >> Avatar selection >> */
#form-avatar {
    margin-bottom: 12px;
    }
#form-avatar .field {
    float: left;
    position: relative;
    width: 24px;
    height: 24px;
    overflow: hidden;
    margin-right: 18px;
    margin-bottom: 10px;
    }
#form-avatar .field LABEL {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 0;
    padding-left: 20px;
    height: 20px;
    overflow: hidden;
    border: 1px solid #bb8;
    background-position: 3px 3px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: #fff;
    }
#form-avatar .field LABEL:hover {
    border-color: #ff00b3;
    }
#form-avatar .field LABEL.selected {
    top: 0;
    left: 0;
    border: 2px solid #ff00b3;
    }
#form-avatar INPUT {
    margin: 2px 0 0 2px;
    }
/* << Avatar selection << */

/* >> Ajax song/artist suggest >> */
#form-signature-tune.form-row {
    position: relative;
    }
#form-signature-tune #w-signature-tune-searchbox {
    position: relative;
    z-index: 20;
    }
#form-signature-tune #w-signature-tune-searchbox .table-wrapper {
    position: absolute;
    z-index: 20;
    top: 60px; /* -17px in lv-ie56.css */
    left: 0;
    width: 440px;
    max-height: 200px; /* height: 135px in lv-ie.css */
    overflow: auto;
    border: 1px solid #bb8;
    background: #ffc;
    }
#form-signature-tune #w-signature-tune-searchbox .song-table {
    width: 100%; /* 423px in lv-ie.css to prevent horizontal scrollbar */
    border: 0;
    }
#form-signature-tune #w-signature-tune-searchbox .song-table TH {
    display: none;
    }
#form-signature-tune #w-signature-tune-searchbox .song-table TD {
    border: 0;
    font-size: 93%;
    cursor: pointer;
    }
#form-signature-tune #w-signature-tune-searchbox .song-table TD.song {
    padding-left: 22px;
    background-position: 5px 6px;
    }
#form-signature-tune #w-signature-tune-searchbox .song-table .highlighted TD {
    background-color: #ff00b3;
    color: #fff;
    }

#form-song-request #field-artist {
    position: relative;
    }
#form-song-request #w-song-request-artist-fill {
    position: relative;
    top: -44px; /* -45px in lv-ie.css */
    }
#form-song-request #w-song-request-artist-fill .list-artists {
    position: absolute;
    left: 240px;
    top: 19px; /* 20px in lv-ie.css */
    width: 239px;
    background: #ffc;
    border: 1px solid #bb8;
    }
#form-song-request #w-song-request-artist-fill LI {
    padding: 0; /* height:1% in lv-ie56.css */
    background: 0;
    }
#form-song-request #w-song-request-artist-fill LI A {
    display: block; /* height:1% in lv-ie56.css */
    padding: 4px 5px 4px 22px;
    background: url('/static/images/avatar-default.gif') 5px 5px no-repeat;
    font-size: 93%;
    color: #888;
    }
#form-song-request #w-song-request-artist-fill LI A:hover {
    background-color: #ff00b3;
    color: #fff;
    text-decoration: none;
    }
/* << Ajax song/artist suggest << */

.form-footer {
    clear: both;
    padding: 15px 0;
    }
#secondary .box .form-footer {
    padding: 5px 0;
    }
#secondary .box .form-footer:after,
.popup .form-footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
.page-form .form-footer .button-big {
    min-width: 140px; /* width in lv-ie56.css */
    margin-right: 10px;
    }
.popup .form-footer .button-small {
    margin-right: 10px;
    }
.popup#w-song-request-wrapper .form-footer {
    padding: 5px 0 10px 0;
    }
.popup#w-song-request-wrapper .form-footer .button-small {
    clear: left;
    margin-top: 9px;
    }
.popup#w-song-request-wrapper .textarea {
    height: 130px;
    }

.small-print {
    clear: both;
    padding-top: 5px;
    font-size: 93%;
    font-weight: bold;
    }
.small-print A {
    color: #ff00b3;
    }
.small-print A:hover {
    text-decoration: underline;
    }
.popup#w-song-request-wrapper .small-print {
    font-size: 85%;
    }
.aside {
    display: block;
    font-weight: normal;
    }

/* Mini-player
--------------------------------------*/
 .mini-player {
     clear: both;
     margin: 20px 0 0 17px;
     }
.layout1 #secondary .mini-player {
    margin: 0;
    }
	
/* Logged-out preview player
--------------------------------------*/
#w-player-preview {
    width: 469px;
	height: 212px;
}

/* Popup
--------------------------------------*/
.popup {
    position: absolute;
    z-index: 9999;
    width: 304px;
    padding-bottom: 33px;
    background: url('/static/images/bg-popup-box-btm.png') bottom no-repeat;
    }
.popup .box-inner {
    padding: 16px 37px 0 26px;
    background: url('/static/images/bg-popup-box-top.png') top no-repeat;
    }
.popup H2 {
    margin-bottom: 2px;
    font-size: 138.5%;
    font-weight: bold;
    letter-spacing: -0.5px;
    color: #ff00b3;
    text-transform: lowercase;
    }
.popup .alert,
.popup .close {
    position: absolute;
    }
.popup .alert {
    left: 12px;
    top: 20px;
    }
.popup .close {
    right: 26px;
    top: 14px;
    width: 0;
    height: 9px;
    padding-left: 9px;
    overflow: hidden;
    background: url('/static/images/icon-close.gif') no-repeat;
    }
.popup P {
    margin-bottom: 10px;
    font-size: 93%;
    font-weight: bold;
    line-height: 1.3;
    }
.popup A {
    color: #ff00b3;
    }
.popup A:hover {
    text-decoration: underline;
    }

/* Calendar
--------------------------------------*/

.calendar {
    width: 178px;
    height: 180px;
    padding: 18px 30px 32px 6px;
    background: url('/static/images/bg-calendar.png') no-repeat;
    }
.calendar TABLE {
    table-layout: fixed;
    width: 176px;
    }
.calendar .daynames TD,
.calendar .daysrow TD {
    width: 20px;
    padding-right: 2px;
    overflow: hidden;
    text-align: right;
    }
.calendar .headrow TD {
    text-align: center;
    }
.calendar .title {
    text-align: center;
    white-space: nowrap;
    }
.calendar .title,
.calendar .headrow,
.calendar .daynames {
    font-size: 18px;
    font-weight: bold;
    color: #ff00b3;
    }
.calendar .button {
    font-size: 12px;
    }
.calendar .nav {
    font-size: 18px;
    }
.calendar .daynames {
    letter-spacing: 10px;
    text-indent: 2px;
    }
.calendar .daysrow {
    font-size: 14px;
    font-weight: bold;
    color: #888;
    }
.calendar .nav,
.calendar .day {
    cursor: pointer;
    }
.calendar .name {
    cursor: text;
    }
.calendar .wn {
    visibility: hidden;
    }
.calendar .footrow {
    display: none;
    }
.calendar .combo {
    position: absolute;
    top: 60px; /* 90px in lv-ie56.css */
    z-index: 100;
    width: 30px;
    padding: 5px;
    border: 2px solid #ff00b3;
    background: #fff;
    font-size: 12px;
    font-weight: bold;
    display: none;
    }
.calendar .today {
    color: #bb8;
    }
.calendar .selected {
    background: #ff00b3;
    color: #fff;
    }
.calendar .cover-up1,
.calendar .cover-up2 {
    position: absolute; 
    top: 25px; /* 50px in lv-ie56.css */
    left: 11px; 
    width: 20px; 
    height: 40px; 
    background: #fff;
    }
.calendar .cover-up2 {
    left: 166px;
    top: 45px;
    height: 20px;
    }
.hipefield .calendar .button-small {
    position: absolute !important;
    }
.hipefield .calendar #button-save {
    left: 35px;
    bottom: 40px; /* 24px in lv-ie.css, 37px in lv-ie56.css */
    }
.hipefield .calendar #button-cancel {
    left: 90px;
    bottom: 40px;
    }

/* Lightbox
--------------------------------------*/
#party DIV.pictureHolder .top,
#party DIV.pictureHolder .bottom,
#party DIV.pictureHolder .left,
#party DIV.pictureHolder .right,
#payment-gateway DIV.pictureHolder .top,
#payment-gateway DIV.pictureHolder .bottom,
#payment-gateway DIV.pictureHolder .left,
#payment-gateway DIV.pictureHolder .right
{
    height: 28px;
    }
#party DIV.pictureHolder .left,
#party DIV.pictureHolder .right,
#payment-gateway DIV.pictureHolder .left,
#payment-gateway DIV.pictureHolder .right 
{
    width: 28px;
    }
#party DIV.pictureHolder .middle,
#payment-gateway DIV.pictureHolder .middle 
{
    left: 28px;
    right: 28px;
    }
#party DIV.pictureHolder .top .middle,
#payment-gateway DIV.pictureHolder .top .middle 
{
    border-top: 5px solid #ff00b3;
    height: 23px;
    }
#party DIV.pictureHolder .bottom .middle,
#payment-gateway DIV.pictureHolder .bottom .middle
{
    border-bottom: 5px solid #ff00b3;
    height: 23px;
    }
#party DIV.pictureHolder #fullResImageContainer,
#party DIV.pictureHolder .content .details,
#payment-gateway DIV.pictureHolder #fullResImageContainer,
#payment-gateway DIV.pictureHolder .content .details 
{
    border-left: 5px solid #ff00b3;
    border-right: 5px solid #ff00b3;
    width: auto;
    }
#party DIV.pictureHolder .content,
#payment-gateway DIV.pictureHolder .content {
    padding-bottom: 7px;
    }
#party DIV.pictureHolder .content .details,
#payment-gateway DIV.pictureHolder .content .details {
    width: auto !important;
    margin: 0;
    padding: 5px 15px 5px 15px;
    }
#party DIV.pictureHolder #fullResImageContainer IMG,
#payment-gateway DIV.pictureHolder #fullResImageContainer IMG {
    border: 1px solid #bb8;
    }
#party DIV.pictureHolder .content A.close,
#payment-gateway DIV.pictureHolder .content A.close {
    float: none;
    position: absolute;
    right: 20px;
    height: 9px;
    width: 9px;
    margin-top: 3px;
    background-image: url('/static/images/icon-close.gif');
    }
#party DIV.pictureHolder .content .details P,
#payment-gateway DIV.pictureHolder .content .details P {
    font-size: 93%;
    font-weight: bold;
    color: #888;
    }
#party DIV.pictureHolder .content .details .currentText,
#payment-gateway DIV.pictureHolder .content .details .currentText {
    color: #ff00b3;
    }

/* Ads
--------------------------------------*/
#ad-skyscraper {
    position: absolute;
    z-index: 20;
    top: 124px;
    left: 799px;
    width: 120px;
    height: 600px;
    }
#home #ad-skyscraper {
    top: 100px;
    }

/* Footer
--------------------------------------*/

#footer {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 594px;
    margin-left: 37px;
    margin-top: 20px;
    padding-left: 24px;
    padding-bottom: 10px;
    font-size: 85%;
    font-weight: bold;
    line-height: 1.2;
    }
#footer UL {
	width: 510px;
	}
#footer LI {
    display: block;
    float: left;
    white-space: nowrap; /* for IE only */
    padding-right: 4px;
    margin-right: 4px;
    border-right: 1px solid #888;
    }
#footer LI.last {
    border: 0;
    }
#footer LI#tier2,
#footer LI#tier3 {
    clear: left;
    }
#footer .social-apps {
    width: 445px;
    margin-bottom: 10px;
    }
#footer .social-apps STRONG {
    color: #333;
    }

#footer A {
    color: #ff00b3;
    }
#footer A:hover {
    text-decoration: underline;
    }

/* Skiplinks and invisible elements
--------------------------------------*/

.displaynone {
    display: none;
    }
.hide {
	position: absolute;
	left: -9999px;
	top: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	}
#skiplinks UL {
	padding: 0;
	margin: 0;
	list-style: none;
    }
#skiplinks LI {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
    }
#skiplinks A {
	color: #fff !important;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 100%;
	z-index: 20000;
    }
#skiplinks A:active,
#skiplinks A:focus { /* Only show skiplinks on focus */
	position: absolute;
	left: 0;
	overflow: visible;
	width: auto;
	height: auto;
	font-size: 1em;
	border: 0;
	margin: 0;
	padding: 6px;
	background: #f00 !important;
    }
DIV.clearer {
	height: 1px;
	line-height: 1px;
	clear: both;
	overflow: hidden;
	}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    } /* additional bit in lv-ie56.css */