/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
html{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 {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
.yui-overlay,
.yui-panel-container {
    visibility: hidden;
    position: absolute;
    z-index: 2;
}

.yui-panel-container form {
    margin: 0;
}

.mask {
    z-index: 1;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.mask.block-scrollbars {
    /*
        Application of "overflow:auto" prevents Mac scrollbars from bleeding
        through the modality mask in Gecko. The block-scollbars class is only 
        added for Gecko on MacOS
    */
    overflow: auto;
}

/* 
    PLEASE NOTE:

    1) ".masked select" is used to prevent <SELECT> elements bleeding through 
       the modality mask in IE 6. 

    2) ".drag select" is used to hide <SELECT> elements when dragging a 
       Panel in IE 6.  This is necessary to prevent some redraw problems with 
       the <SELECT> elements when a Panel instance is dragged.
    
    3) ".hide-select select" is appended to an Overlay instance's root HTML 
       element when it is being annimated by YAHOO.widget.ContainerEffect.  
       This is necessary because <SELECT> elements don't inherit their parent
       element's opacity in IE 6.

*/

.masked select,
.drag select,
.hide-select select {
    _visibility: hidden;
}

.yui-panel-container select {
    _visibility: inherit;
}

/*

There are two known issues with YAHOO.widget.Overlay (and its subclasses) that 
manifest in Gecko-based browsers on Mac OS X:

    1) Elements with scrollbars will poke through Overlay instances floating 
       above them.
    
    2) An Overlay's scrollbars and the scrollbars of its child nodes remain  
       visible when the Overlay is hidden.

To fix these bugs:

    1) The "overflow" property of an Overlay instance's root element and child 
       nodes is toggled between "hidden" and "auto" (through the application  
       and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes)
       as its "visibility" configuration property is toggled between 
       "false" and "true."
    
    2) The "display" property of <SELECT> elements that are child nodes of the 
       Overlay instance's root element is set to "none" when it is hidden.

PLEASE NOTE:  
  
    1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are 
       applied only for Gecko on Mac OS X and are added/removed to/from the 
       Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and 
       "showMacGeckoScrollbars" methods of YAHOO.widget.Overlay.
    
    2) There may be instances where the CSS for a web page or application 
       contains style rules whose specificity override the rules implemented by 
       the Container CSS files to fix this bug.  In such cases, is necessary to 
       leverage the provided "hide-scrollbars" and "show-scrollbars" classes to 
       write custom style rules to guard against this bug.

** For more information on this issue, see:

   + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
   + SourceForge bug #1723530

*/

.hide-scrollbars,
.hide-scrollbars * {

    overflow: hidden;

}

.hide-scrollbars select {
    display: none;
}

.show-scrollbars {
    overflow: auto;
}

.yui-panel-container.show-scrollbars,
.yui-tt.show-scrollbars {
    overflow: visible;
}

.yui-panel-container.show-scrollbars .underlay,
.yui-tt.show-scrollbars .yui-tt-shadow {

    overflow: auto;

}

/* 
   Workaround for Safari 2.x - the yui-force-redraw class is applied, and then removed when
   the Panel's content changes, to force Safari 2.x to redraw the underlay.
   We attempt to choose a CSS property which has no visual impact when added,
   removed.
*/
.yui-panel-container.shadow .underlay.yui-force-redraw {
    padding-bottom: 1px;
}

.yui-effect-fade .underlay {
    display:none;
}

/*
    PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended 
    to its root element via JavaScript once it has been rendered.  The 
    code that creates the shadow lives in the Tooltip's public "onRender" 
    event handler that is a prototype method of YAHOO.widget.Tooltip.  
    Implementers wishing to remove a Tooltip's shadow or add any other markup
    required for a given skin for Tooltip should override the "onRender" method.
*/

.yui-tt-shadow {

    position: absolute;

}/******************** BASE *********************/
h1 {
    /*18px via YUI Fonts CSS foundation*/
    font-size:138.5%;
}
h2 {
    /*16px via YUI Fonts CSS foundation*/
    font-size:123.1%;
}
h3 {
    /*14px via YUI Fonts CSS foundation*/
    font-size:108%;
}
h1,h2,h3 {
    /* top & bottom margin based on font size */
    margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
    /*bringing boldness back to headers and the strong element*/
    font-weight:bold;
}
abbr,acronym {
    /*indicating to users that more info is available */
    border-bottom:1px dotted #000;
    cursor:help;
}
em {
    /*bringing italics back to the em element*/
    font-style:italic;
}
blockquote,ul,ol,dl {
    /*giving blockquotes and lists room to breath*/
    margin:1em;
}
ol,ul,dl {
    /*bringing lists on to the page with breathing room */
    margin-left:2em;
}
ol li {
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;
}
dl dd {
    margin-left:1em;
}
th,td {
    /*borders and padding to make the table readable*/
    border: 1px solid #ddd;
    padding: 0.5em;
}
th {
    /*distinguishing table headers from data cells*/
    font-weight:bold;
    text-align:center;
}
caption {
    /*coordinated marking to match cell's padding*/
    margin-bottom:.5em;
    /*centered so it doesn't blend in to other content*/
    text-align:center;
}
p,fieldset,table {
    /*so things don't run into each other*/
    margin-bottom:1em;
}
hr {
    height: 2px;
    border: none;
    background-color: #ccc;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
/******************** GENERAL TYPO *********************/
::-moz-selection {
    background: #39c !important;
    color: #fff;
} 
::selection {
    background: #39c !important;
    color: #fff;
}

BODY,
.base,
.content {
    font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
}

BODY {
    /* font-family: "Helvetica Neue"; */
    color: #444;
}

h1,h2,h3,h4,h5,h6,legend {
    letter-spacing: -.01em;
    font-weight: normal;
}

th,td {
    border-collapse:collapse;
}

A,
A:link {
    text-decoration: none;
 
}
A:hover {
  
}
A:active {
    outline: none;
}

.center {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.right {
    text-align: right;
}

.blue {
    color: #09f;
}

.caution {
    color: #f90 !important;
}

.error {
    color: #900 !important;
}

.allGood {
    color: #090 !important;
}

.highlighter {
	background-color: #ff9;
}

.clickable {
	cursor: pointer;
}

.wait {
    cursor: wait;
}

IMG.block {
    background-color: #f7f9ff;
}

/******************** STRUCTURE *********************/
HTML, BODY {
    background: #636c76 url(/images/sitebg.jpg) repeat-y 50% 0;
}

#frame {
    width: 980px;
    margin: 0 auto;
    background: none;
}

#page {
    width: 980px;
    margin: 0 auto;
    padding-bottom: 10px;
    position: relative;
}

#header {
    margin: 0;
    background-color: #abb7c5;
    border-bottom: 1px solid #b4c0cf;
    border-left: 1px solid #6b7684;
    border-right: 1px solid #6b7684;
}

#logo {
    float: left;
    margin: 8px 10px 0 8px;
    padding-right: 30px;
    border-right: 1px solid #89a;
}

#freeMusicHeader {
    color: #fff;
    font-size: 90%;
    margin: -15px 0px 0px 94px;
}

#musicOnlineHeader {
    position: absolute; 
    color: #fff; 
    top: 10px; 
    left: 250px; 
    font-size: 24px;
}

#menu {
    height: 51px;
    overflow: visible;
    border-top: 1px solid #9baabd;
    /* background: url(/images/menu/menuendcapbg.png) no-repeat top right; */
}
#menu DIV.primary {
    float: left;
    height: 61px;
}
#menu DIV.primary UL {
    height: 61px;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 0;
}
#menu DIV.primary UL LI {
    height: 61px;
    float: left;
    display: block;
    line-height: 61px;
    color: #fff;
    background: url(/images/blip/sprite-uber.png) no-repeat -220px -150px;
}
/* for non logged in users, need these bg images here b/c there is no anchor tag for them to be attached to as above */
#menu DIV.primary UL LI.favorite {
    /* background: url(/images/menu/sprite-menuitems.png) no-repeat -92px -122px; */
    background-position: -312px -150px;
}
#menu DIV.primary UL LI.me {
    /* background: url(/images/menu/sprite-menuitems.png) no-repeat -220px -122px; */
    background-position: -440px -150px;
}

#menu DIV.primary UL LI A,
#menu DIV.primary UL LI A:link {
    height: 61px;
    display: block;
    color: #fff;
    text-indent: -200px;
    /* background: url(/images/menu/sprite-menuitems.png) no-repeat 0 0; */
    background: url(/images/blip/sprite-uber.png) no-repeat -220px -28px;
    overflow: hidden;
}
#menu DIV.primary UL LI.all,
#menu DIV.primary UL LI.all-selected {
    width: 92px;
}
#menu DIV.primary UL LI.all A,
#menu DIV.primary UL LI.all A:link {
    background-position: -220px -28px;
}
#menu DIV.primary UL LI.all A:hover,
#menu DIV.primary UL LI.all A.active,
#menu DIV.primary UL LI.all-selected A {
    background-position: -220px -89px;
}

#menu DIV.primary UL LI.favorite,
#menu DIV.primary UL LI.favorite-selected {
    width: 128px;
}
#menu DIV.primary UL LI.favorite A,
#menu DIV.primary UL LI.favorite A:link {
    background-position: -312px -28px;
}
#menu DIV.primary UL LI.favorite A:hover,
#menu DIV.primary UL LI.favorite A.active,
#menu DIV.primary UL LI.favorite-selected A {
    background-position: -312px -89px;
}

#menu DIV.primary UL LI.me,
#menu DIV.primary UL LI.me-selected {
    width: 72px;
}
#menu DIV.primary UL LI.me A,
#menu DIV.primary UL LI.me A:link {
    background-position: -440px -28px;
}
#menu DIV.primary UL LI.me A:hover,
#menu DIV.primary UL LI.me A.active,
#menu DIV.primary UL LI.me-selected A {
    background-position: -440px -89px;
}

#menu DIV.primary UL LI.endcap {
    width: 8px;
    /* background: url(/images/menu/sprite-menuitems.png) no-repeat -292px 0; */
    background: url(/images/blip/sprite-uber.png) no-repeat -512px -28px;
}

#menu DIV.secondary {
	background: url(/images/menu/menubg.png) repeat-x 0 0;
	padding-left: 25px;
	text-align: center;
	vertical-align: middle;
	width: 641px;
	height: 61px;
	float: left;
    position: relative;
}

#menuendcap {
    float: left;
    background: url(/images/blip/sprite-uber.png) no-repeat -297px -212px;
    width: 13px;
    height: 51px;
}

#sitelinks {
    float: left;
	color: #8693a3;
	font-size: 116%;
    margin-top: 15px;
}
#sitelinks A {
    color: #457;	
}
#sitelinks A:hover {
    color: #fff;    
}

#activity {
    position: relative;
	float: right;
	height: 22px;
	width: 22px;
    margin-top: 15px;
    /* margin: 13px 0 0 5px; */
}
#spinner {
    position: absolute;
    top: 0px;
    right: 0px;
}

#identity {
	float: right;
    margin: 15px 5px 0 10px;
}

#identitymenu {
    line-height: 24px;
    height: 24px;
    margin-top: -3px;
}
#identitymenu DIV {
	float: left;
	overflow: hidden;
}
#whoami {
    /* background: url(/images/menu/sprite-identitymenu.png) no-repeat top left; */
    background: url(/images/blip/sprite-uber.png) no-repeat -5px 0px;
    padding: 0 5px 0 30px;
    color: #eee;
    font-size: 90%;
    text-shadow: 0 -1px 0 #5f5e6e;
}
#whoami a,
#whoami a:link {
    color: #eee;
}
#whoami a:hover {
	color: #fff;
}
#identitymenu DIV.endcap {
    width: 21px;
    text-align: center;
    /* background: url(/images/menu/sprite-identitymenu.png) no-repeat top right; */
    background: url(/images/blip/sprite-uber.png) no-repeat -484px 0px;
}
#identitymenu DIV.endcap a {
	display: block;
    width: 21px;
}
#useractionsmenu {
    width: 110px;
}
#useractionsmenu UL LI {
	font-size: 100%;
	color: #ddd;
}
#useractionsmenu UL LI A,
#useractionsmenu UL LI A:link {
    color: #eee;	
}
#useractionsmenu UL LI.settings {
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px solid #667;
}

#masthead {
    height: 90px;
    width: 945px;
    color: #fff;
    background-image: url(/images/mastheads/red.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    position: relative;
    overflow: visible;
}
#masthead DIV.icon {
    margin: 5px;
    float: left;

}
#masthead DIV.icon IMG {
    height: 80px;
    width: 80px;
}
#masthead DIV.title, #masthead h1 {
    padding-top: 35px;
    font-family: helvetica;
    font-size: 32px;
    font-weight: bold;
    line-height: 32px;
    text-indent: 9px;
    text-transform: uppercase;
}
#masthead DIV.tagline, #masthead h2 {
    font-family: helvetica;
    font-size: 93%;
    text-indent: 10px;
    text-transform: uppercase;
    font-weight: normal;
}
#masthead h2, #masthead h1 {
    margin: 0;
}
#masthead .markers {
    float: right;
    margin: 5px;
}

#maintenanceNotice {
    text-align: center;
    background-color: #fc3;
    border: 2px solid #c90;
    padding: 10px;
    margin-top: 10px;
    color: #960;
    font-size: 123.1%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#content {
    width: auto;
    margin: 10px auto 85px auto;
    overflow: hidden;
}

#notices {
    position: fixed;
    height: 1px;
    top: 0;
    text-align: center;
    z-index: 999999;
}

#heading {
    font-family: Georgia, serif;
    font-size: 197%;
    color: #666;
}
#heading SPAN.department {
    color: #999;
}
#heading SPAN.title {
    font-style: italic;
}
#breadcrumbs {
    margin: 0 0 10px 0;
    font-size: 85%;
    color: #666;
}

#pagedivider {
    width: 981px;
    height: 25px;
    margin: 0 auto;
    background-image: url(/images/pagedivider.png);
    background-position: top left;
    background-repeat: no-repeat;
}

#footer {
    color: #222;
    margin-left: 10px;
    clear: both;
    padding-top: 15px;
}
#footer A,
#footer A:link {
    color: #036;
}
#footer A:hover {
    color: #fff;
}

/****************** AD SLOTS ********************/

.activeRotation-slot iframe {
    border: none;
    margin: none;
    padding: none;
    overflow: hidden;
    background: transparent;
    position: relative;
}
DIV#slot728x90.activeRotation-slot iframe {
    z-index: 8;
}
DIV#slot300x250.activeRotation-slot iframe {
    z-index: 7;
}
    
#slot970x66 {
    margin: 0 auto 2px auto;
    width: 970px;
    text-align: center;
}
#slot970x66 table {
    margin: 0;
    
}

#slot728x90 {
    float: right;
    height: 90px;
    width: 728px;
    margin-right: 10px;
}

#slot300x250 {
	padding: 10px;
    text-align: center;
    z-index: 999997;
}

#slot555x150 {
    margin: 0;
    padding: 5px 0 0 5px;
}

/******************** FORMS *********************/
LABEL {
    display: block;
    color: #444;
    font-size: 123.1%;
    line-height: 1.75em;
}

FIELDSET {
    width: auto;
    border: 1px solid #ddd;
    padding: 0 10px 10px 10px;
    overflow: hidden;
}

LEGEND {
    margin: 0 5px;
    padding: 0 10px;
    font-size: 116%;
    color: #690;
}

FORM DIV {
    width: 100%;
    margin-top: 15px;
    vertical-align: middle;
}
FORM DIV DIV {
    width: auto;
    margin-top: 0;
}
FORM DIV.inline {
    width: auto;
    float: left;
    margin-right: 10px;
}
FORM DIV.third {
    margin-top: 0;
    width: 33%;
    float: left;
}
FORM DIV.half {
    margin-top: 0;
    width: 50%;
    float: left;
}
DIV.twothirds {
    margin-top: 0;
    width: 66%;
    float: left;
}
FORM DIV.third DIV,
FORM DIV.half DIV,
DIV.twothirds DIV {
    margin-top: 15px;
}
FORM DIV.third DIV DIV,
FORM DIV.half DIV DIV,
DIV.twothirds DIV DIV {
    margin-top: 0;
}

INPUT, SELECT {
    vertical-align: middle;
    font-size: 123.1%;
}
INPUT {
    padding: 3px 5px;
    color: #235;
    border: 1px solid #89a;
    background: url(/images/inputbg.png) top left repeat-x;
}
INPUT[type="checkbox"], input[type="radio"] {
    background: transparent;
    border: none;
}
TEXTAREA {
    padding: 3px 0 3px 5px;
    color: #235;
    border: 1px solid #89a;
    background: url(/images/inputbg.png) top left repeat-x;
}
SELECT {
    padding: 2px 10px 2px 2px;
    color: #235;
}

BUTTON {
    position: relative;
    margin: 0 0 0 2px;
    padding:0 0 0.3em;
    height: 24px;
    width: 95px;
    color: #fff;
    font-size: 93%;
    text-align: center;
    vertical-align: middle;
    line-height: 24px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    background: url(/images/buttons/blankgrey.png) top left no-repeat;
}
SPAN.default SPAN BUTTON {
    background: url(/images/buttons/blank.png) top left no-repeat;
}
BUTTON.default {
    background: url(/images/buttons/blank.png) top left no-repeat;
}

BUTTON.ok,
BUTTON.okDisabled,
BUTTON.cancel,
BUTTON.save,
BUTTON.delete,
BUTTON.search,
BUTTON.send,
BUTTON.login,
BUTTON.join,
BUTTON.create,
BUTTON.update,
BUTTON.upload,
BUTTON.skip,
BUTTON.share,
BUTTON.signup,
BUTTON.signup-orange,
BUTTON.find,
BUTTON.invite,
BUTTON.inviteFriends,
BUTTON.add,
BUTTON.create,
BUTTON.addtofavorites,
BUTTON.removefavorite,
BUTTON.buy {
    height: 24px;
    width: 95px;
    overflow: hidden;
    vertical-align: middle;
    border: none;
    cursor: pointer;
}
DIV.hideme,
SPAN.hideme {
    display: none;
}
BUTTON.ok {
    background: url(/images/buttons/ok.png) top left no-repeat;
}
BUTTON.okDisabled {
    background: url(/images/buttons/ok-disabled.png) top left no-repeat !important;
}
BUTTON.cancel {
    background: url(/images/buttons/cancel.png) top left no-repeat;
}
BUTTON.save {
    width: 93px;
    background: url(/images/buttons/save.png) top left no-repeat;
}
BUTTON.delete {
    background: url(/images/buttons/delete.png) top left no-repeat;
}
BUTTON.search {
    background: url(/images/buttons/search.png) top left no-repeat;
}
BUTTON.send {
    background: url(/images/buttons/send.png) top left no-repeat;
}
BUTTON.invite {
    background: url(/images/buttons/invite.png) top left no-repeat;
}
BUTTON.remove {
    background: url(/images/buttons/remove.png) top left no-repeat;
}
BUTTON.login {
    background: url(/images/buttons/login.png) top left no-repeat;
}
BUTTON.join {
    background: url(/images/buttons/join.png) top left no-repeat;
}
BUTTON.create {
    background: url(/images/buttons/create.png) top left no-repeat;
}
BUTTON.update {
    background: url(/images/buttons/update.png) top left no-repeat;
}
BUTTON.upload {
    background: url(/images/buttons/upload.png) top left no-repeat;
}
BUTTON.skip {
    background: url(/images/buttons/skip.png) top left no-repeat;
}
BUTTON.signup {
    background: url(/images/buttons/signup.png) top left no-repeat;
}
BUTTON.signup-orange {
    background: url(/images/buttons/signup-orange.png) top left no-repeat;
}
BUTTON.find {
    background: url(/images/buttons/find.png) top left no-repeat;
}
BUTTON.inviteFriends {
    background: url(/images/buttons/inviteFriends.png) top left no-repeat;
    width: 105px;
}
BUTTON.add {
    background: url(/images/buttons/add.png) top left no-repeat;
}
BUTTON.create {
    background: url(/images/buttons/create.png) top left no-repeat;
}
BUTTON.x {
    width: 16px;
    height: 16px;
    background: url(/images/icons/alert.png) 0 -64px no-repeat;
}
BUTTON.addtofavorites {
    width: 119px;
    background: url(/images/buttons/addtofavorites.png) top left no-repeat;
}
BUTTON.removefavorite {
    width: 119px;
    background: url(/images/buttons/removefavorite.png) top left no-repeat;
}
BUTTON.buy {
    background: url(/images/buttons/buy.png) top left no-repeat;
}
BUTTON.getResults {
    background: url(/images/buttons/getresults.png) top left no-repeat;
    width: 122px;
}
BUTTON.blip {
    width: 105px;
    height: 28px;
    background: url(/images/buttons/blip.png) top left no-repeat;
}
BUTTON.blipDisabled {
    width: 105px;
    height: 28px;
    background: url(/images/buttons/blip-disabled.png) top left no-repeat;
}
BUTTON.finish {
    width: 127px;
    height: 32px;
    background: url(/images/buttons/finish.png) top left no-repeat;
}
BUTTON.finishDisabled {
    width: 127px;
    height: 32px;
    background: url(/images/buttons/finish-disabled.png) top left no-repeat;
}

BUTTON.small,
.yui-panel .button-group button,
BUTTON.signup-orange-small,
BUTTON.login-small {
    height: 20px;
    width: 70px;
    line-height: 20px;
    font-size: 85%;
    background: url(/images/buttons/blank-small.png) top left no-repeat;
}
BUTTON.signup-orange-small {
    background: url(/images/buttons/signup-orange-small.png) top left no-repeat;
}
BUTTON.login-small {
    background: url(/images/buttons/login-small.png) top left no-repeat;
}

BUTTON.find-endcap {
    height: 26px;
    width: 43px;
    margin: 0;
    overflow: hidden;
    vertical-align: middle;
    border: none;
    cursor: pointer;
}
BUTTON.find-endcap {
    width: 44px;
    background: url(/images/buttons/find-endcap.png) top left no-repeat;
}

.formNotice {
    margin: 5px;
    color: #666;
    background-color: #ffc;
    border: 1px solid #CC0;
    padding: 10px;
}
.formNotice UL LI {
    margin-bottom: 5px;
    list-style: disc;
}

/******************** TYPO *********************/
.note {
    font-size: 85%;
    color: #888;
}

SPAN.flag IMG {
    vertical-align: middle;
    margin-bottom: 4px;	
}

.notice {
    color: #666;
}
.required {
    color: #cc0000;
    font-size: 85%;
}
.lowercase {
    text-transform: lowercase;
}
.light {
    color: #888;
}

DIV.block {
    position: relative;
    overflow: hidden;
    z-index: 0;
}
DIV.block DIV.body {
    margin: 5px 0;
}
DIV.block DIV.more {
    font-size: 85%;
}
DIV.block DIV.content {
    line-height: 1.22em;
}
DIV.block DIV.footer {
    padding-top: 10px;
}

SPAN.pageSubtitle {
    font-size: 140%;
    padding-bottom: 20px;
}
DIV.pageSubtitle SPAN.info {
    font-size: 85%;
    font-weight: normal;
    color: #666;
}

.default {
    color: #999;
}

blockquote.quote {
    padding: 5px;
    margin: 5px;
    background-color: #f7f7f7;
}
blockquote.quote span {
    font-size: 85%;
    font-style: italic;
}

/******************** COMMON LAYOUT *********************/
DIV.col1 {
    width: 650px;
    float: left;
    margin: 0;
    padding: 0;
}

DIV.col2 {
    width: 320px;
    float: right;
    margin: 0;
    padding: 0;
}

.half {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
}

DIV.col1 DIV.block,
DIV.formCol DIV.block,
DIV#commentBlock DIV.block {
    /* width: 100%; */
    margin-bottom: 10px;
}

DIV.col2 DIV.block {
    margin-bottom: 5px;
}
DIV.col2 DIV.subblock {
    margin-bottom: 10px;
}

DIV.subblock DIV.title,
DIV.block DIV.title {
    margin-bottom: 10px;
    font-size: 116%;
    color: #333;
}
DIV.subblock DIV.title {
    margin-bottom: 5px;
}

.odd {
    background-color: #f7f7f7;
}
DIV.selected {
    background-color: #ffc;
}

DIV.clear {
    clear: both;
}

DIV.hide {
    visibility: hidden;
}

.greyBox {
    border: 5px solid #eee;
    padding: 5px
}

.bordered {
    border: 1px solid #DDD;
}

DIV.formCol {
    width: 800px;
    margin: 20px auto 0 auto;
    padding: 0;
}

DIV.formCol DIV.container {
    padding: 15px 20px 20px !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

DIV.buttonBar SPAN {
    vertical-align: middle;
    font-size: 93%;
}

FORM DIV.note {
    margin-top: 5px;
}

/**************** COMMON COMPONENTS ****************/
div.userError {
    margin: 10px 0px;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #feeded;
    color: #9d5b5b; 
}
div.userMessage {
    margin: 10px 0px;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #e3ffec;
    color: #549168;
}

div.nodata,
div.caution {
    background-color: #ffc;
    border: 1px solid #cc0;
    margin: 5px;
    padding: 10px;
    line-height: 2em;
    text-align: center;
    color: #660;
}
div.notification {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    color: #367;
    margin: 5px;
    padding: 10px;
    line-height: 2em;
    text-align: center;
}

DIV.author {
	padding: 10px;
	overflow: visible;
	background-color: #b4c0cf;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
DIV.author DIV.title {
    margin-bottom: 5px;
}
DIV.author DIV.username,
DIV.author H2.username {
    font-size: 100%;
    letter-spacing: -.025em;
    color: #444;
    margin: 5px 0px 5px 0px;
    padding: 0;
    line-height: 28px;
}
DIV.author H2.username A,
DIV.author H2.username A:link {
	color: #444;
}
DIV.author H2.username A:hover {
	color: #fff;
}
.flag {
    color: #fff;
}
DIV.author DIV.user {
    position: relative;
    margin-top: 10px;
    height: 172px;
}
DIV.author DIV.icon {
	float: left;
	margin-right: 15px;
	position: relative;
}
DIV.author DIV.badge {
	position: absolute;
	bottom: -15px;
	right: -12px;
}
DIV.author DIV.icon IMG.profilePic {
    height: 85px;
    width: 85px;
    padding: 5px;
    border: 1px solid #bbb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #eee;
}
DIV.author DIV.icon IMG.blowItUp {
    height: 150px;
    width: 150px;
}

DIV.author SPAN.website {
	font-size: 108%;
}
DIV.author DIV.userlinks {
	font-size: 112%;
	height: 20px
}
DIV.author DIV.userlinks UL {
	margin: 0;
	padding: 0;
}
DIV.author DIV.userlinks UL LI {
    float: left;
    display: block;
    margin: 0 4px 4px 0;
    color: #8693A3;
}
DIV.author DIV.userlinks UL LI.end {
    border: none;
}
DIV.author DIV.userlinks UL LI A,
DIV.author DIV.userlinks UL LI A:link {
}

#topstatsContainer,
#menustatsContainer {
	line-height: 1.231;
	text-align: left;
}
#topstatsContainer {
	position: relative;
}
#topstatsContainer,
#topstatsContainer A {
	color: #fff;
	text-shadow:0 -1px 0 #94a0af;
}
#menustatsContainer {
	margin: 8px 0px 0px 15px;
	font-size: 75%;
	overflow: hidden;
}
#menustatsContainer,
#menustatsContainer A {
	color: #555;
	text-shadow: 0 1px 0 #dde;
}
#menustatsContainer A:hover {
	color: #09f;
}
#topstatsContainer DIV.count,
#menustatsContainer DIV.count {
    font-size: 200%;
    margin-bottom: -5px;
}
#menustatsContainer DIV.count {
    text-shadow: 0 1px 0 #eef;
}
#topstatsContainer DIV.topstat,
#menustatsContainer DIV.topstat {
	float: right;
    margin: 0 0 10px 15px;
}
DIV.propsLeft {
    margin-top: 5px;
}

/******************* FAVORITES ********************/
DIV#favorites #filters {
    background: #eee;
    margin: 10px 0px 10px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 98%;
    float: left;
    height: 30px;
}
DIV#favorites #filters ul {
    margin: 5px 0 0 10px;
}
DIV#favorites #filters ul li {
    display: inline;
    margin: 0px;
}
DIV#favorites #filters ul li a,
DIV#favorites #filters ul li a:link {
    color: #666;
    background-color: #fff;;
    padding: 2px;
}

DIV.userGrid {
    position: relative;
    padding: 10px 5px;
}

DIV.userGrid DIV.user {
    float: left;
    height: 100px;
    width: 100px;
    padding: 0 5px 10px 5px;
    text-align: center;
}
DIV.col1 DIV.userGrid DIV.user,
DIV.formCol DIV.userGrid DIV.user {
    margin: 0 5px;
}

DIV.userGrid DIV.icon {
    position: relative;
    height: 100px;
    width: 100px;
    background: none;
}
DIV.userGrid DIV.icon IMG.profilePic {
    position: relative;
    height: 100px;
    width: 100px;
    margin: 0;
    border: solid 1px #eee;
    z-index: 0;
}

DIV.userGrid DIV.icon DIV.profilePic DIV.delete {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 16px;
    height: 16px;
    visibility: hidden;
}
DIV.userGrid DIV.icon DIV.name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    margin: 0;
    background:transparent url(/images/fiftypercentblack.png) repeat-x left bottom;
    overflow: hidden;
    z-index: 2;
}
DIV.userGrid DIV.icon DIV.name A,
DIV.userGrid DIV.icon DIV.name A:link {
    color: #fff;
    font-size: 85%;
    font-weight: bold;
    line-height: 2em;
    margin: 0;
    padding: 0;
}

/******************* PAGINATION ********************/
DIV.paginationContainerLite {
    position: absolute;
    top: 9px;
    right: 0;
    text-align: right;
    height: 20px;
}
DIV.paginationContainer {
    position: absolute;
    top: 7px;
    left: 5px;
    text-align: left;
    height: 20px;
}
DIV.pagination {
    height: 20px;
    position: relative;
    font-size: 77%;
    font-weight: bold;
    color: #777;
    width: 350px;
    z-index: 1;
}
DIV.pagination DIV.previous,
DIV.pagination DIV.next {
    width: 18px;
    height: 20px;
    top: 0;
}
DIV.pagination DIV.previous {
    float: left;
    position: absolute;
    left: -5px;
    background: url(/images/icons/pagination.png) 0 0 no-repeat;
}
DIV.pagination DIV.next {
    float: left;
    position: relative;
    right: 15px;    
    background: url(/images/icons/pagination.png) 0 -20px no-repeat;
}
DIV.pagination DIV.previous A,
DIV.pagination DIV.previous A:link,
DIV.pagination DIV.next A,
DIV.pagination DIV.next A:link {
    margin: 0;
    padding: 0;
    display: block;
    width: 18px;
    height: 20px;
    overflow: hidden;
}

DIV.pagination DIV.pages {
    position: absolute;
    left: 5px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    text-transform: uppercase;
}
DIV.pagination DIV.pages A,
DIV.pagination DIV.pages A:link {
    padding: 0;
    font-size: 100%;
    color: #f60;
}
DIV.pagination DIV.pages A:hover {
    font-size: 100%;
    color: #f93;
}
DIV.pagination DIV.pages DIV.label {
    float: left;
    height: 20px;
    padding: 0 5px 0 20px;
    line-height: 18px;
    background: url(/images/paginationbg.png) top left no-repeat;
}
DIV.pagination DIV.pages DIV.numbers {
    float: left;
    height: 20px;
    padding-right: 20px;
    line-height: 18px;
    background: url(/images/paginationbg.png) top right no-repeat;
}

DIV.pagingContainer {
	z-index: 2;
    position: relative;
}
DIV.paging {
	float: right;
    width: 166px;
    height: 26px;
    margin-right: 10px;
	text-align: center;
    /* background: url(/images/menu/sprite-pagebuttonsbg.png) top right no-repeat; */
    background: url(/images/blip/sprite-uber.png) no-repeat -313px -212px;
    position: relative;
    top: 14px;
}
DIV.pagingBottom {
    float: right;
    width: 166px;
    height: 26px;
    margin-right: 10px;
    text-align: center;
    /* background: url(/images/menu/sprite-pagebuttonsbg.png) 0 -26px no-repeat; */
    background: url(/images/blip/sprite-uber.png) -313px -238px no-repeat;
}
DIV.paging A,
DIV.paging A:link {
    color: #fff;	
}
#prevPageLinkTop,
#prevPageLinkBot {
	float: left;
	display: block;
	width: 84px;
	height: 26px;
	line-height: 26px;
}
#nextPageLinkTop,
#nextPageLinkBot {
    float: left;
    display: block;
    width: 82px;
    height: 26px;
    line-height: 26px;
}
DIV#pageInfo {
    float: left;
    color: #fff;
    font-size: 120%;
    line-height: 40px;
    text-shadow:0 1px 0 #546478;
}
#pageInfo-header {
    color: #fff;
    margin: 0px;
    font-size: 200%;
}
A#newBlipsLink {
    font-size: 90%;
}
A#newBlipsLink {
    color: #fc0;
    display: none;
}
A#newBlipsLink:hover {
    color: #ffd432;
}

#pingStatus {
	float: left;
	margin: 10px 10px 0px 0px;
}
#pingStatus A,
#pingStatus A:link {
	display: block;
	height: 22px;
	width: 22px;
	overflow: hidden;
	/* background: transparent url(/images/menu/sprite-playpause.png) no-repeat 0 0; */
	background: transparent url(/images/blip/sprite-uber.png) no-repeat -221px -212px;
}
#pingStatus A.play {
    /* background: transparent url(/images/menu/sprite-playpause.png) no-repeat 0 -22px; */
    background-position: -221px -234px;
}

/***************************************************/
/*                    Tables                       */
/***************************************************/
table.list {
    border-collapse: separate;
    border-spacing: 1px;
    font-size: 85%;
    background-color: #E7E7E7;
    color: #666;
}

table.list caption {
    font-weight: bold;
    background: #eee;
    border-bottom:2px solid #ccc;
    color: #444;
    text-transform: uppercase;
    padding:10px;
}

table.list td,
table.list th {
    padding: 4px;
}

table.list thead th {
    text-align: center;
    background: #F5F5F5;
    color: #666;
    border: 1px solid #FFF;
    text-transform:uppercase;
}

table.list tbody th {
    font-weight: bold;
}

table.list tbody tr {
    background-color:#FFF; 
    text-align:left;
}

table.list tbody tr.odd     {
    background: #f9f9f9;
    border-top:1px solid #FFF;
}
    
table.list tbody th a:hover{
    color: #FF8601;
}

table.list tbody tr td { 
    padding: 5px;
    background: #FFF;
    border: 1px solid #FFF;
}

table.list tbody tr.odd td{ 
    background: #f9f9f9;
    border-top: 1px solid #FFF;
}

table.list tfoot th,
table.list tfoot td {
    background-color:#E7E7E7;
    text-align:center;
    font-weight: bold;
    color: #666;
    border-bottom: 3px solid #CCC;
    border-top: 1px solid #DFDFDF;
    border-left: none;
    border-right: none;
}


/***************************************************/
/*                   Tag Cloud                     */
/***************************************************/
DIV.tagcloud {
    text-align: center;
    vertical-align: middle;
}
DIV.tagcloud UL {
    margin: 0;
    padding: 0;
}
DIV.tagcloud UL LI {
    display: inline;
    padding: 5px;
    line-height: 1.44em;
}
DIV.tagcloud UL LI A,
DIV.tagcloud UL LI A:link {
    color: #999;
}
DIV.tagcloud UL LI A:hover {
    color: #69f !important;
}

/***************************************************/
/*                   Rounded Corners               */
/***************************************************/
.rounded,
.contextual,
.contextual-dark,
.contextual-dialog {
 position:relative;
 min-width:8em;
 max-width:1000px; /* based on image dimensions */
 z-index:3;
}

.rounded {
 margin-left:12px; /* default, width of left corner */
}
.contextual,
.contextual-dark,
.contextual-dialog {
	margin: 15px 0 0 11px;
}

.rounded .content,
.rounded .t,
.rounded .b,
.rounded .b div {
 background:transparent url(/images/dialogbg.png) no-repeat top right;
 _background-image:url(/images/dialogbg.png);
}

.contextual .content,
.contextual .t,
.contextual .b,
.contextual .b div {
 background:transparent url(/images/contextmenubg.png) no-repeat top right;
 _background-image:url(/images/contextmenubg.png);
}
.contextual-dark .content,
.contextual-dark .t,
.contextual-dark .b,
.contextual-dark .b div {
 /* background:transparent url(/images/menu/identitymenubg.png) no-repeat top right; */
 /* _background-image:url(/images/menu/identitymenubg.png); */
 background: url(/images/blip/sprite-uber.png) transparent no-repeat -98px -23px;
 width: 110px;
}
.contextual-dialog .content,
.contextual-dialog .t,
.contextual-dialog .b,
.contextual-dialog .b div {
 background:transparent url(/images/contextdialogbg.png) no-repeat top right;
 _background-image:url(/images/contextdialogbg.png);
}

.rounded .content,
.contextual .content,
.contextual-dark .content,
.contextual-dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
}

.rounded .content {
 padding:0px 11px 0px 0px;
}
.contextual .content,
.contextual-dark .content {
 padding:0px 9px 0px 0px;
}
.contextual-dialog .content {
 padding:0px 14px 0px 0px;
}

.rounded .t,
.contextual .t,
.contextual-dark .t,
.contextual-dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 height:100%;
 _height:1000px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.rounded .t {
 width:12px; /* top slice width */
 margin-left:-12px;
}
.contextual .t,
.contextual-dark .t,
.contextual-dialog .t {
 width:14px; /* top slice width */
 margin-left:-14px;
}

.rounded .b,
.contextual .b,
.contextual-dark .b,
.contextual-dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.rounded .b,
.rounded .b div {
 height: 12px; /* height of bottom cap/shade */
 font-size:1px;
}
.contextual .b,
.contextual .b div,
.contextual-dark .b,
.contextual-dark .b div,
.contextual-dialog .b,
.contextual-dialog .b div {
 height: 18px; /* height of bottom cap/shade */
 font-size:1px;
}

.rounded .b,
.contextual .b,
.contextual-dark .b,
.contextual-dialog .b {
 background-position:bottom right;
}

.rounded .b div,
.contextual .b div,
.contextual-dark .b div,
.contextual-dialog .b div {
 position:relative;
 background-position:bottom left;
}

.rounded .b div {
 width:12px; /* bottom corner width */
 margin-left:-12px;
}
.contextual .b div,
.contextual-dark .b div,
.contextual-dialog .b div {
 width:14px; /* bottom corner width */
 margin-left:-14px;
}

.rounded .hd,
.rounded .bd,
.rounded .ft,
.contextual .hd,
.contextual .bd,
.contextual .ft,
.contextual-dark .hd,
.contextual-dark .bd,
.contextual-dark .ft,
.contextual-dialog .hd,
.contextual-dialog .bd,
.contextual-dialog .ft {
 /* position:relative; */
}

.rounded .wrapper,
.contextual .wrapper,
.contextual-dark .wrapper,
.contextual-dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
}

.contextual-dark .t {
    background-position: 2px -23px;
    width: 15px;
}
.contextual-dark .b {
    background-position: -98px -350px;
}
.contextual-dark .b div {
    background-position: 2px -350px;
}
/***************************************************/
/*                   YUI Skins                     */
/***************************************************/

/* notices */
.fuzz-notice {
    position: relative;
    left: 165px;
    top: 20px;
    overflow: hidden;
    z-index: 999999;
}
.fuzz-notice DIV.hd {
    background: url(/images/noticebg-black.png) top left no-repeat;
}
.fuzz-notice DIV.bd {
    padding: 5px 20px;
    overflow: hidden;
    color: #fff;
    font-size: 138.5%;
    background: url(/images/noticebg-black.png) 0 -20px no-repeat;
}
.fuzz-notice DIV.bd A,
.fuzz-notice DIV.bd A:link {
	color: #8ac;
}
.fuzz-notice DIV.bd A:hover {
	color: #cdf;
}
.fuzz-notice DIV.ft {
    background: url(/images/noticebg-black.png) bottom left no-repeat;
}
.fuzz-notice SPAN.container-close {
    display: none;
    position: absolute;
    top: 20px;
    right: 15px;
    width: 17px;
    height: 17px;
    background: url(/images/buttons/close.png) top left no-repeat;
}
.fuzz-notice DIV.icon {
    width: 19px;
    height: 17px;
    margin: 5px 0 0 5px;
    /** background: url(/images/icons/caution.png) top left no-repeat; **/
}

/* form messages */
.fuzz-formMessage {
    margin: 10px 0px;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #e3ffec;
    color: #549168;
}

.fuzz-formError {
    margin: 10px 0px;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #feeded;
    color: #9d5b5b; 
}

.yui-panel .fuzz-formError .hd,
.yui-panel .fuzz-formMessage .hd,
.yui-panel .fuzz-formError .bd,
.yui-panel .fuzz-formMessage .bd,
.yui-panel .fuzz-formError .ft,
.yui-panel .fuzz-formMessage .ft {
    margin: 0px;
    padding: 0px;
}

.fuzz-formError div.hd div.icon,
.fuzz-formMessage div.hd div.icon {
    margin: 0px;
    padding: 0px;
}
/* Containers */
.mask {
    background-color: #000;
    opacity: .25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Set opacity in IE8 */
    *filter: alpha(opacity=25);  /* Set opacity in IE7 */
    overflow: hidden;
}

.yui-panel-container {
}

.yui-panel {
    position: relative;
    *zoom: 1;
    left: 0;
    top: 0;
    border: none;
    z-index: 10;
}

.yui-panel .hd,
.yui-panel .bd,
.yui-panel .ft {
    *zoom: 1;
    *position: relative;
    position: relative;
    border: none;
}

.yui-panel .bd,
.yui-panel .ft {
}

.yui-panel .hd {
    padding: 10px 0 0 10px;
    font-size: 150%;
    line-height: 2;
    color: #09f;
    border-bottom: 1px solid #eee;
}

.yui-panel .bd {
    padding: 10px;
    font-size: 115%;
}

.yui-panel .bd .prompt {
    padding-bottom: 10px;
    font-size: 85%;
}

.yui-panel .ft {
    border-top: solid 1px #808080;
    font-size: 77%;
}

.yui-panel .container-close {
    position: absolute;
    top: 17px;
    right: 15px;
    width: 17px;
    height: 17px;
    /* background: url(/images/buttons/close.png) top left no-repeat; */
    background: url(/images/icons/alert.png) 0px -80px no-repeat;
}

/* Dialog styles */
.yui-panel .ft {
    border-top: none;
    padding: 5px 0;
    font-size: 100%;
}

.yui-panel .ft .button-group {
    display: block;
    text-align: right;
}

.yui-panel h1,
.yui-panel p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.yui-panel h1 {
 padding-bottom:0px;
}

.yui-panel .button-group button {
    /* background: url(/images/buttons/blankgrey-small.png) top left no-repeat; */
    background: url(/images/blip/sprite-uber.png) -422px -337px transparent no-repeat;
}
.yui-panel .button-group .default button {
    /* background: url(/images/buttons/blank-small.png) top left no-repeat; */
    background: url(/images/blip/sprite-uber.png) -349px -337px transparent no-repeat;
}

/***************************************************/
/*     Progress Bar Widget
/***************************************************/
.yui-pb {
    text-align:left;
    vertical-align:top;
    padding:0;
    border:none;
    margin:0;
    width:150px;
    height:20px;
    background-attachment:scroll;
    background-position:left top;
    position:relative;
    top:0;
    left:0;
    background: #cccccc;
}
.yui-pb-mask {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-attachment:scroll;
    z-index:9;
}
.yui-pb-mask td {
    width:50%;
    height:50%;
    background-repeat:no-repeat;
    border:0;
    padding:0;
}
.yui-pb-tl {
    background-position: top left;
}
.yui-pb-tr {
    background-position: top right;
}
.yui-pb-bl {
    background-position: bottom left;
}
.yui-pb-br {
    background-position: bottom right;
}
.yui-pb-bar {
    background-color: #069;
    width:100%;
    height:100%;
    margin:0;
    position:absolute;
    left:0;
    top:0;
}

/***************************************************/
/*     Contextual Menus
/***************************************************/
.yuimenu .yuimenu {
    visibility: hidden;
    position: absolute;
    top: -10000px;
    left: -10000px;
}

.yuimenu li {
    list-style-type: none;    
}

.yuimenu ul,
.yuimenu li,
.yuimenu h6 { 
    margin: 0;
    padding: 0;
}

.yuimenuitemlabel {
    text-align: left;
    white-space: nowrap;
}
.yuimenuitemlabel {
    display: block;
}

.yuimenuitemlabel .helptext {
    font-style: normal;
    display: block;
    
    /*
        The value for the left margin controls how much the help text is
        offset from the text of the menu item.  This value will need to 
        be customized depending on the longest text label of a menu item.
    */
    margin: -1em 0 0 10em;
}

/*
    PLEASE NOTE: The <div> element used for a menu's shadow is appended 
    to its root element via JavaScript once it has been rendered.  The 
    code that creates the shadow lives in the menu's public "onRender" 
    event handler that is a prototype method of YAHOO.widget.Menu.  
    Implementers wishing to remove a menu's shadow or add any other markup
    required for a given skin for menu should override the "onRender" method.
*/

.yui-menu-shadow {
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

.yui-menu-shadow-visible {
    top: 2px;
    right: -3px;
    left: -3px;
    bottom: -3px;
    visibility: visible;
}


/*

There are two known issues with YAHOO.widget.Overlay (the superclass class of 
Menu) that manifest in Gecko-based browsers on Mac OS X:

    1) Elements with scrollbars will poke through Overlay instances floating 
       above them.
    
    2) An Overlay's scrollbars and the scrollbars of its child nodes remain  
       visible when the Overlay is hidden.

To fix these bugs in Menu (a subclass of YAHOO.widget.Overlay):

    1) The "overflow" property of a Menu instance's shadow element and child 
       nodes is toggled between "hidden" and "auto" (through the application  
       and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes)
       as its "visibility" configuration property is toggled between 
       "false" and "true."
    
    2) The "display" property of <select> elements that are child nodes of the 
       Menu instance's root element is set to "none" when it is hidden.

PLEASE NOTE:  
  
    1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are 
       applied only for Gecko on Mac OS X and are added/removed to/from the 
       Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and 
       "showMacGeckoScrollbars" methods of YAHOO.widget.Overlay.
    
    2) There may be instances where the CSS for a web page or application 
       contains style rules whose specificity override the rules implemented by 
       the Menu CSS files to fix this bug.  In such cases, is necessary to 
       leverage the provided "hide-scrollbars" and "show-scrollbars" classes to 
       write custom style rules to guard against this bug.

** For more information on this issue, see:

   + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
   + SourceForge bug #1723530

*/

.hide-scrollbars * {
    overflow: hidden;
}

.hide-scrollbars select {
    display: none;
}


/*

The following style rule (".yuimenu.show-scrollbars") overrides the 
".show-scrollbars" rule defined in container-core.css which sets the 
"overflow" property of a YAHOO.widget.Overlay instance's root HTML element to 
"auto" when it is visible.  Without this override, a Menu would have scrollbars
when one of its submenus is visible.

*/

.yuimenu.show-scrollbars {
    overflow: visible; 
}

.yuimenu.hide-scrollbars .yui-menu-shadow {
    overflow: hidden;
}

.yuimenu.show-scrollbars .yui-menu-shadow {
    overflow: auto;
}

.yuimenu .bd {
    margin-left: -5px;
    padding: 12px 0 1px 0;
    position: relative;
}

.yuimenu li {
    line-height: 1.5em;
    font-size: 116%;
}

.yuimenu li a,
.yuimenu li a:link {
    color: #555;
    padding: 0 20px;
}
.yuimenu li a:hover {
    color: #fff;
    background-color: #999;
}

#storeMenu {
    margin-bottom: 20px;
}
#store {
    margin: 10px;
}

#exchange {
    color: #333;
    font-size: 93%;
    background-color: #99a9b7;
}
#exchange div.body {
    padding: 5px;
    text-align: center;
}/* Blip */
#popup {
    position: fixed;
    bottom: 45px;
    left: 0;
    width: 100%;
    height: 1px;
    text-align: center;
    z-index: 9;
}
#popup .pop {
    position: relative;
    height: 36px;
    width: 810px;
    margin: -35px auto 0 auto;
    font-size: 116%;
    text-align: left;
    color: #fff;
    overflow: visible;
    cursor: pointer;
    background: url(/images/trackpopbg.png) bottom left no-repeat;
}
#popup .pop .bd {
    height: auto;
    width: auto;
    margin: auto;
    padding: 10px 10px 0 10px;
}
#popup .pop .bd A,
#popup .pop .bd A:link {
    color: #6af;
    text-decoration: underline;
}
#popup .pop .bd A:hover {
    color: #cdf;
}
#popup .pop .bd .attribution {
    float: right;
    font-size: 85%;
    margin-top: -2px;
    margin-right: -2px;
}

#display {
    position: fixed;
    top: 0;
    left: 0;
    height: 31px;
    width: 100%;
    text-align: center;
    z-index: 9999999;
    display: none;
    background: url(/images/dockbg.png) bottom left repeat-x;
}


#display .bd {
    position: relative;
    height: 20px;
    width: 980px;
    margin: 0 auto;
    padding: 6px 0;
    font-size: 123.1%;
    text-align: left;
    color: #fff;
}
#display .bd A,
#display .bd A:link {
    color: #f60;
    cursor: pointer;
}
#display .controls {
    float: left;
    margin-right: 10px;
}
#display .nowplaying {
    overflow: hidden;
    white-space: nowrap;
}
#npreblip {
    background: url(/images/blip/sprite-uber.png) -329px -339px transparent no-repeat;
}
#npfav {
    background: url(/images/blip/sprite-uber.png) -289px -339px transparent no-repeat;
}
#npprops {
    background: url(/images/blip/sprite-uber.png) -309px -339px transparent no-repeat;
}
#playstatus {
    float: right;
    margin-left: 20px;
}
#npactions {
    margin-top: -5px;
    float: right;
    margin-left: 20px;
    background-color: #222;
    padding: 5px 5px 5px 1px;
    border-top: 1px solid #111;
    border-left: 1px solid #111;
    border-bottom: 1px solid #444;
    border-right: 1px solid #444;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#npactions UL LI {
    margin-left: 4px !important;
}

#feedme {
    margin-bottom: 15px;
}
#feedme DIV.content {
    cursor: default;
    padding: 15px;
}
#searchDiv {
    position: relative;
}
#feedme fieldset {
    margin: 0;
    border: none;
}
#feedme form fieldset legend {
    margin: 0;
    padding: 0;
    font-size: 138.5%;
}
#feedme label,
#charCount {
    font-size: 123.1%;
    line-height: 1.75em;
}
#feedme input,
#feedme textarea {
    font-size: 138.5%;
    vertical-align: middle;
}
#feedme textarea {
    width: 523px;
}
#feedme form div {
    width: auto;
}
#feedme #moreSubmitOptions {
	margin: 5px 0 10px 0;
}
#feedme #moreSubmitOptions fieldset {
	border: 1px solid #ddd;
}
#feedme #moreSubmitOptions fieldset.closed {
    padding-bottom:0;
    border-top: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-bottom: none;
}
#feedme #moreSubmitOptions fieldset legend {
	padding: 0 5px;
	font-size: 100%;
}
#feedme #moreSubmitOptions fieldset legend .toggleArrow {
    display: block;
    float: left;
    height: 7px;
    width: 7px;
    margin: 6px 0 0 4px;
    background: transparent url(/images/blip/sprite-togglearrows.png) no-repeat 0 0;
}
#feedme #moreSubmitOptions fieldset legend .toggleArrow-open {
    background-position: -7px 0;
}
#moreSubmitOptionsLegend {
    width: 185px;
}

#flagSongForm input {
	float: left;
}
#flagSongForm label {
	margin: 0px 0px 10px 25px;
	line-height: 1em;
}

A.flagSearchResult {
	background: #ccc url(/images/blip/icon-flag.png) no-repeat 0 0;
	display: block;
	height: 18px;
	width: 18px;
}
A.flagSearchResult:hover,
A.flaggedSearchResult {
	background: red url(/images/blip/icon-flag.png) no-repeat 0 0;
	display: block;
	height: 18px;
	width: 18px;
}

UL#serviceIcons {
    margin: 5px 0 0 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
UL#serviceIcons LI {
    float: left;
    display: block;
    margin-right: 3px;
    vertical-align: middle;
    padding: 2px;
    border: 1px solid #eee;
    background-color: #fff;
    font-size: 25%;
}
UL#serviceIcons LI A {
    height: 16px;
    width: 16px;
    display: block;
    background: url(/images/logos/sprite-serviceicons.png) no-repeat 0 0;
    overflow: hidden;
}
UL#serviceIcons LI.label {
	border: none;
	font-size: 100%;
}
UL#serviceIcons LI.more {
    border: none;
    font-size: 93%;
}
UL#serviceIcons LI.more A {
	background: transparent;
	width: auto;
}
UL#serviceIcons LI.twitter A {
    background-position: 0px 0px;
}
UL#serviceIcons LI.twitter-disabled A {
    background-position: 0px -16px;
}
UL#serviceIcons LI.facebook A {
    background-position: -16px 0px;
}
UL#serviceIcons LI.facebook-disabled A {
    background-position: -16px -16px;
}
UL#serviceIcons LI.friendfeed A {
    background-position: -32px 0px;
}
UL#serviceIcons LI.friendfeed-disabled A {
    background-position: -32px -16px;
}
UL#serviceIcons LI.tumblr A {
    background-position: -48px 0px;
}
UL#serviceIcons LI.tumblr-disabled A {
    background-position: -48px -16px;
}
UL#serviceIcons LI.livejournal A {
    background-position: -64px 0px;
}
UL#serviceIcons LI.livejournal-disabled A {
    background-position: -64px -16px;
}
UL#serviceIcons LI.pingfm A {
    background-position: -80px 0px;
}
UL#serviceIcons LI.pingfm-disabled A {
    background-position: -80px -16px;
}

.exceeded {
    font-weight: bold;
    color: red;
}

#search {
    margin-right: 10px;
    width: 400px;
}
DIV.col0 DIV.container,
DIV.col1 DIV.container,
DIV.col2 DIV.container,
DIV.formCol DIV.container {
    padding: 10px 10px 1px 10px;
    margin-bottom: 10px;
    background-color: #fff;
}
DIV.col0 DIV.container h1,
DIV.col1 DIV.container h1,
DIV.col2 DIV.container h1,
DIV.formCol DIV.container h1 {
    margin: 0 0 20px 0;
    font-size: 153.9%;
    font-weight: normal;
    margin-left: 10px;
}
DIV.col0 DIV.container,
DIV.col1 DIV.container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
DIV.col2 DIV.container {
	padding: 0;
	background-color: #c3cad2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
DIV.col2 DIV.container DIV.title,
h2.col2Header {
    font-size: 108%;
    margin: 0px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
DIV.col2 DIV.container DIV.collapsed DIV.body,
DIV.col2 DIV.container DIV.collapsed DIV.footer {
    display: none;    
}
DIV.col2 DIV.container DIV.title,
h2.col2Header {
	padding: 5px 10px;
	color: #fff;
    background-color: #546478;
    text-shadow:0 1px 0 #2b2c2e;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
DIV.col2 DIV.container DIV.title A,
DIV.col2 DIV.container DIV.title A:link {
    color: #fff;
}
DIV.col2 DIV.container DIV.body {
	padding: 0 10px;
}
DIV.col2 DIV.container DIV.footer {
    padding: 0 10px 5px 10px;
}
#artistsLike {
    line-height: 1.5em;
}

DIV.col1 DIV.notification,
DIV.formCol DIV.notification {
    margin: 10px 0;
    font-size: 116%;
    color: #444;
    background-color: #fff;
    border: 2px solid #eee;
}

#searchResults {
    height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 10px;
    background-color: #f9f9f9; 
    display: none;
}
#searchResults TABLE {
    width: 100%;
    font-size: 108%;
    margin-bottom: 0 !important;
}
#searchResults TR TD {
    background-color: #fcfcfc;
}
#searchResults TR.error TD {
    text-decoration: line-through;
    color: #aaa;
}
#searchResults TBODY TR TD A,
#searchResults TBODY TR TD A:link {
    cursor: pointer;
    color: #666;
}
#searchResults TBODY TR TD.songTitle {
    max-width: 300px;
    overflow: hidden;
}
#feedme form DIV.videoIcon {
    float: right;
    margin-left: 5px;
    height: 18px;
    width: 17px;
    background: url(/images/blip/sprite-uber.png) no-repeat -500px -296px;
}
#feedme form DIV.spotifyIcon {
    float: right;
    margin-left: 5px;
    height: 18px;
    width: 17px;
    background: url(/images/logos/spotify.png) transparent no-repeat;
}
#feedme form DIV.napsterIcon {
    float: right;
    margin-left: 5px;
    height: 18px;
    width: 17px;
    background: url(/images/logos/napster.png) transparent no-repeat;
}
#searchResults TBODY TR TD.songTitle IMG {
	margin-left: 5px;
    vertical-align: bottom;
}
#searchResults A.blipit,
#searchResults A:link.blipit {
    color: #09f;
}
#searchResults .preview A,
#searchResults .preview A:link {
    color: #f60;
}
#searchResults .preview A.playing,
#searchResults .preview A.playing:link {
    color: #3c0;
}
#searchResults .noresults,
DIV.noresults {
    text-align: center;
    padding: 20px 0;
    font-size: 123.1%;
}
#searchResults A.more,
#searchResults A.more:link {
	color: #069;
}

#feedme DIV.selection {
    position: relative;
    background: url(/images/blip/selectionbg.gif) bottom left no-repeat;
    padding: 0 0 5px 0;
}
#cancelSelection {
    position: absolute;
    top: 10px;
    right: 10px;
}
#selection {
    display: block;
    font-size: 138.5%;
    background: url(/images/blip/selectionbg.gif) top left no-repeat;
    margin: 0 0 5px 0;
    padding: 5px 35px 0 10px;
}

#messageDiv {
    display: none;
}

DIV.blipsWrapper {
    padding: 5px;
    overflow: hidden;
    background-color: #546478;
    border: 5px solid #546478;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
DIV#blipsContainer {
	position: relative;
	padding: 0;
	margin: 0;
    height: 1600px;
    overflow: hidden;
    position: relative;
}
DIV#blips {
    z-index: 1;
    position: relative;
}

.error,
DIV.bliplist .error,
DIV.bliplist .error .playpause {
    color: #aaa !important;
}

DIV.tweem {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 0;
    margin: 0 0 5px 0;
}
DIV.tweem DIV.arrow {
    position:absolute;
    height:0;
    width:0;
    top:22px;
    left:65px;
    border-bottom:10px solid transparent;
    border-right:10px solid #FFF;
    border-top:10px solid transparent;
    font-size:0;
    line-height:0;
}
DIV.tweem DIV.user {
    float: left;
    position: relative;
}
DIV.tweem DIV.icon {
    margin: 0 10px 0 0;
    padding: 5px;
    background-color: #fff;
}
DIV.tweem DIV.badge {
    position: absolute;
    bottom: -10px;
    right: 0;
    z-index: 1;
    background: url(/images/badges/sprite-listenerbadges.png) no-repeat;
    width: 30px;
    height: 32px;
}
DIV.tweem DIV.large {
    width: 50px;
    height: 52px;
}
DIV.tweem DIV.badge.listener-100 {
    background-position: -35px 0px;
}
DIV.tweem DIV.badge.listener-250 {
    background-position: -70px 0px;
}
DIV.tweem DIV.badge.listener-500 {
    background-position: -105px 0px;
}
DIV.tweem DIV.badge.listener-1000 {
    background-position: -140px 0px;
}
DIV.tweem DIV.badge.listener-5000 {
    background-position: -195px 0px;
}
DIV.tweem DIV.badge.listener-10000 {
    background-position: -250px 0px;
}
DIV.tweem DIV.badge.listener-25000 {
    background-position: -305px 0px;
}
DIV.tweem DIV.badge.listener-50000 {
    background-position: -360px 0px;
}
DIV.tweem DIV.quickFav {
    width: 60px;
    height: 15px;
    overflow: hidden;
    float: left;
}
DIV.tweem DIV.quickFav A,
DIV.tweem DIV.quickFav A:link
{
    display: block;
    padding: 0 2px 2px 20px;
    font-size: 85%;
    line-height: 15px;
}
DIV.tweem DIV.quickFav A.fav {
    background: url(/images/blip/quickfavbg.gif) top left no-repeat;
}
DIV.tweem DIV.quickFav A.unfav {
    background: url(/images/blip/quickfavbg.gif) 0 -15px no-repeat;
}

DIV.filtered {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* Set opacity in IE8 */
    *filter: alpha(opacity=50);  /* Set opacity in IE7 */
}
DIV.tweem DIV.content {
    margin-left: 75px;
    background-color: #fff;
    padding: 10px;
    text-align: left;
    cursor: pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
DIV.ad DIV.content {
    background-color: #f5fff5;
}
DIV.tweem SPAN.sponsor {
    color: #999;
}
DIV.tweem DIV.loading {
    cursor: wait;
}
DIV.tweem DIV.song {
    margin: 10px 0 0 0;
}
A.blipTypeIcon {
    float: left;
}
h3.blipTitle {
    font-weight: normal;
    float: left;
    margin: 0px 5px 0px 3px;
    font-size: 100%;
}
#moreBlipsHeader STRONG {
    font-weight: normal;
}
DIV.tweem DIV.song A,
DIV.tweem DIV.song A:link {
	color: #666;
}
DIV.tweem DIV.song A:hover {
    color: #09f;
}
h3.songHeader {
    float: left;
    margin: 0px;
}
DIV.videoicon-sm {
    float: left;
    height: 13px;
    width: 13px;
    background: url(/images/blip/sprite-uber.png) no-repeat transparent -500px -317px;
    margin-right: 4px;
}

DIV.tweem DIV .playpause {
    color: #f60;
}
DIV.tweem DIV.song IMG {
    vertical-align: middle;
}
DIV.tweem DIV.content DIV.body {
    font-size: 138.5%;
    color: #555;
}
DIV.tweem DIV.content DIV.body A.reblip {
    color: #ccc;
}
DIV.tweem DIV.content DIV.body A.reblip:hover {
    color: #069;
}
DIV.tweem DIV.date {
    color: #666;
    font-size: 85%;
    line-height: 1.44em;
    text-transform: uppercase;
}
DIV.tweem DIV.date A,
DIV.tweem DIV.date A:link {
    color: #999;
}
DIV.tweem DIV.date A:hover {
    color: #393;
}
DIV.tweem DIV.date A.buy,
DIV.tweem DIV.date A.buy:link {
    color: #069;
}
DIV.tweem DIV.actions {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}
#display DIV.actions UL,
DIV.tweem DIV.actions UL {
    margin: 0;
    padding: 0;
}
#display DIV.actions UL LI,
DIV.tweem DIV.actions UL LI {
    float: left;
    margin-left: 2px;
}
#display DIV.actions UL LI A,
#display DIV.actions UL LI A:link,
DIV.tweem DIV.actions UL LI A,
DIV.tweem DIV.actions UL LI A:link {
    display: block;
    height: 16px;
    width: 16px;
    overflow: hidden;
    background-color: #ccc;
}
#display DIV.actions UL LI A:hover,
DIV.tweem DIV.actions UL LI A:hover {
    background-color: #fc0;
}
#display DIV.actions UL LI.reblip A:hover,
DIV.tweem DIV.actions UL LI.reblip A:hover {
    background-color: #390;
}
#display DIV.actions UL LI.delete A:hover,
DIV.tweem DIV.actions UL LI.delete A:hover {
    background-color: #c33;
}
DIV.tweem DIV.actions UL LI.props A {
    background: url(/images/blip/sprite-uber.png) -309px -356px no-repeat #cccccc;
    height: 16px;
    width: 16px;
}
#display DIV.actions UL LI.props A:hover,
DIV.tweem DIV.actions UL LI.props A:hover {
    background-color: #06c;
}
DIV.tweem DIV.actions UL LI.share A {
    background: url(/images/blip/sprite-uber.png) -289px -356px no-repeat #cccccc;
    height: 16px;
    width: 16px;
}
#display DIV.actions UL LI.share A:hover,
DIV.tweem DIV.actions UL LI.share A:hover {
    background-color: #ff7c53;
}
#display DIV.actions UL LI.permalink A:hover,
DIV.tweem DIV.actions UL LI.permalink A:hover {
    background-color: #fff;
}
#display DIV.actions UL LI.favorite A,
#display DIV.actions UL LI.favorite A:link,
DIV.tweem DIV.actions UL LI.favorite A,
DIV.tweem DIV.actions UL LI.favorite A:link {
    background-color: #fc0;
}

DIV.tweem DIV.actions UL LI.actionsmenu A,
DIV.tweem DIV.actions UL LI.actionsmenu A:link,
DIV.actionsmenu A,
DIV.actionsmenu A:link {
    display: block;
    height: 24px;
    width: 47px;
    overflow: hidden;
    /* background: url('/images/blip/icon-actions.png') 0 0 no-repeat; */
    background: url('/images/blip/sprite-uber.png') -248px -212px no-repeat;
    margin:-4px 0 0 5px;
}
DIV.tweem DIV.actions UL LI.actionsmenu A:hover,
DIV.actionsmenu A:hover {
	background-position: -248px -236px;
}

DIV.tweem DIV.propsFroms {
    margin-top: 10px;
    border-bottom:1px dotted #eee;
}
DIV.tweem DIV.propsFrom {
    border-top: 1px dotted #eee;
    vertical-align: middle;
    line-height: 40px;
    font-size: 93%;
    color: #666;
}

/* De-spacer */
DIV.first {
    margin-top: 0;
}
DIV.last {
    margin-bottom: 0;
}
/* Selected */
DIV.bliplist DIV.highlight DIV.content,
DIV#big DIV.highlight DIV.content {
    background-color: #ffffc9;
}
DIV.bliplist DIV.highlight DIV.body {
    font-size: 175%;
}
DIV#profileArrow,
DIV.bliplist DIV.highlight DIV.arrow,
DIV#big DIV.highlight DIV.arrow {
    border-right:10px solid #FFFFC9;
}
 
DIV.pages {
    position: relative;
    height: 50px;
    float: left;
}

DIV.stats DIV.body,
DIV.settings DIV.body,
DIV.inviteCol DIV.body {
    font-size: 108%;
}
DIV.stats UL,
DIV.settings UL,
DIV.legend UL,
DIV.inviteCol UL {
    margin: 0;
    padding: 0;
}
DIV.stats UL LI {
    text-align: right;
}
DIV.stats UL LI .label {
    float: left;
}
DIV.stats UL LI .count {
}
DIV.stats UL LI.link {
    text-align: left;
}

DIV.settings UL LI {
    margin-bottom: 5px;
}
DIV.settings UL LI .label {
    padding-left: 5px;
}

#shortcutsToggle,
#preferencesToggle,
#badgesToggle,
#miniFavoriteDJsToggle {
    float: right;
}

#keyboard {
    background: url(/images/blip/sprite-uber.png) no-repeat -217px -261px;
    width: 64px;
    height: 110px;
    float: left;
}

DIV.legend UL LI {
    display: block;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    padding-left: 20px;
}

DIV.favorites DIV.icon,
DIV.miniuser {
    float: left;
    margin: 0 3px 3px 0;
}

DIV#badges DIV.badge {
    float: left;
    width: 64px;
    height: 64px;
    margin: 0 11px 20px 0;
    background: url(/images/badges/sprite-badges.png) -256px -64px transparent no-repeat;
}
DIV#badges DIV.badge.lastRow {
    margin-bottom: 0px;
}
DIV#badgesMore {
    margin-top: 5px;
}
DIV#badges #dj-silhouette {
    background-position: -448px 0px;
}
DIV#badges #broadcaster-silhouette {
    background-position: -384px 0px;
}
DIV#badges #bigspender-silhouette {
    background-position: -768px 0px;
}
DIV#badges #headliner-silhouette {
    background-position: -512px 0px;
}
DIV#badges #hotstreak-silhouette {
    background-position: -578px 0px;
}
DIV#badges #tastemaker-silhouette {
    background-position: -192px 0px;
}
DIV#badges #promoter-silhouette {
    background-position: -128px 0px;
}
DIV#badges #marathon-silhouette {
    background-position: -640px 0px;
}
DIV#badges #top10-silhouette {
    background-position: -256px 0px;
}
DIV#badges #earlyadopter-silhouette {
    background-position: -64px 0px;
}
DIV#badges #pioneer-silhouette {
    background-position: -320px 0px;
}
DIV#badges #guineapig-silhouette {
    background-position: 0px 0px;
}
DIV#badges #mothersday-silhouette {
    background-position: -704px 0px;
}
DIV#badges #dj-1 {
    background-position: -448px -64px;
}
DIV#badges #broadcaster-1 {
    background-position: -384px -64px;
}
DIV#badges #bigspender-1 {
    background-position: -768px -64px;
}
DIV#badges #headliner-1 {
    background-position: -512px -64px;
}
DIV#badges #hotstreak-1 {
    background-position: -578px -64px;
}
DIV#badges #tastemaker-1 {
    background-position: -192px -64px;
}
#promoter-1 {
    background-position: -128px -64px;
}
DIV#badges #marathon-1 {
    background-position: -640px -64px;
}
DIV#badges #top10-1 {
    background-position: -256px -64px;
}
DIV#badges #earlyadopter-1 {
    background-position: -64px -64px;
}
DIV#badges #pioneer-1 {
    background-position: -320px -64px;
}
DIV#badges #guineapig-1 {
    background-position: 0px -64px;
}
DIV#badges #mothersday-1 {
    background-position: -704px -64px;
}
DIV#badges #dj-2 {
    background-position: -448px -128px;
}
DIV#badges #broadcaster-2 {
    background-position: -384px -128px;
}
DIV#badges #bigspender-2 {
    background-position: -768px -128px;
}
DIV#badges #headliner-2 {
    background-position: -512px -128px;
}
DIV#badges #hotstreak-2 {
    background-position: -578px -128px;
}
DIV#badges #tastemaker-2 {
    background-position: -192px -128px;
}
DIV#badges #promoter-2 {
    background-position: -128px -128px;
}
DIV#badges #dj-3 {
    background-position: -448px -192px;
}
DIV#badges #broadcaster-3 {
    background-position: -384px -192px;
}
DIV#badges #bigspender-3 {
    background-position: -768px -192px;
}
DIV#badges #headliner-3 {
    background-position: -512px -192px;
}
DIV#badges #hotstreak-3 {
    background-position: -578px -192px;
}
DIV#badges #tastemaker-3 {
    background-position: -192px -192px;
}
DIV#badges #promoter-3 {
    background-position: -128px -192px;
}
DIV#badges #dj-4 {
    background-position: -320px -192px;
}

DIV#aboutBadges DIV.badgeInfo {
    float: left;
    width: 45%;
    margin-bottom: 20px;
    height: 200px;
}
DIV#aboutBadges DIV.badgeInfo.leftCol {
    margin-right: 30px;
}
DIV#aboutBadges h1 {
    font-size: 200%;
}
DIV#aboutBadges h2 {
    font-size: 160%;
    border-bottom: solid 1px #eee;
    margin: 0px 0px 10px 80px;
    color: #069;
}
DIV#aboutBadges DIV.badgeInfo IMG.badgePic {
    float: left;
    height: 64px;
    width: 64px;
    padding: 5px 20px 5px 5px;
}
DIV#aboutBadges DIV.badgeInfo DIV.description {
    margin-left: 90px;
}

DIV#attribution {
	color: #222;
	font-size: 91%;
    text-align: right;
    margin: 0 2px 12px 0;
}
DIV#attribution A,
DIV#attribution A:link {
	color: #036;
}

DIV.menu {
    height: auto;
    padding: 0;
    background-color: #fff;
}
DIV.menu UL {
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 131%;
    border-bottom: 1px solid #eee;
}
DIV.menu UL LI {
    display: inline;
    padding: 0px 20px 0px 0px;
}
DIV.menu UL LI.one {
    padding: 0;
}
DIV.menu UL LI A,
DIV.menu UL LI A:link {
    padding: 8px 0;
}
DIV.menu UL LI A:hover {
    color: #09f;
}
DIV.menu UL LI.selected A {
    color: #09f;
    border-bottom: 4px solid #09f;
}

DIV#userFavoritesHeader {
    padding: 10px; 
}
DIV#sortOptions {
    float: right;
}
DIV#sortOptions.menu UL {
    font-size: 110%;
    padding-bottom: 5px;
}
DIV#sortOptions.menu UL LI {
    padding: 0 5px;
}
DIV#sortOptions.menu UL LI A,
DIV#sortOptions.menu UL LI A:link {
    padding: 3px 0;
}

DIV#invite {
    position: relative;
    margin: 0;
    background-color: #fff;
    padding: 15px 20px 20px !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

DIV#invite DIV.body DIV.title {
    margin-bottom: 10px;
    font-size: 85%;
    font-weight: bold;
    line-height: 1.75em;
    text-transform: uppercase;
    color: #000;
}
DIV#invite input,
DIV#invite textarea,
DIV#invite select {
    font-size: 138.5%;
}
DIV#invite textarea {
    width: 98%;
}

DIV#inviter {
    margin: 20px 0;
    padding: 10px;
    background-color: #fc3;
}

DIV.follow {
	position: absolute;
	bottom: 9px;
	right: 15px;
    text-align: center;
}

DIV.col1 DIV.block DIV.title,
DIV.formCol DIV.block DIV.title {
    text-transform: none;
    font-size: 167%;
    color: #222;
    font-weight: normal;
}
DIV.col1 DIV.block DIV.body,
DIV.formCol DIV.block DIV.body {
    font-size: 108%;
}

/* Settings */
DIV.service {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #eee;
}
DIV.service DIV.enable {
    margin-bottom: 10px;
}
DIV.service DIV.logo {
    float: left;
    margin-right: 10px;
}
DIV.service DIV.input {
    text-align: right;
}
DIV.service DIV.input DIV {
    margin-bottom: 10px;
}

DIV.setting {
    line-height: 2em;
    font-size: 108%;
}

FORM#blipNotices DIV.label {
    width: 150px;
    float: left;
    text-align: right;
    margin-right: 10px;
}

DIV.noblips {
    text-align: center;
    background-color: #fff;
    padding: 40px;
    line-height: 40px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
DIV.noblips SPAN.title {
    font-size: 200%;
}

DIV.help,
DIV.help-rec {
    position: relative;
    width: 575px;
    margin: 0 0 10px 75px;
    text-align: left;
    vertical-align: middle;
    font-size: 116%;
    color: #000;
}
DIV.help-rec {
    color: #ddd;
}
DIV.help DIV.bd {
    background: url(/images/helpbg.png) top left no-repeat;
}
DIV.help-rec DIV.bd {
    background: url(/images/helpbg-dark.png) top left no-repeat;
}
#helpIcon {
    position: absolute;
    top: 18px;
    left: 10px;
    width: 52px;
    height: 54px;
    margin-right: 10px;
    background: url(/images/blip/sprite-uber.png) -479px -212px no-repeat;
}
#hideHelp {
    position: absolute; 
    top: 10px; 
    right: 10px;
    background: url(/images/icons/alert.png) 0px -64px no-repeat;
    height: 16px;
    width: 16px;
}
DIV.help DIV.bd DIV.pic,
DIV.help-rec DIV.bd DIV.pic {
    float: left;
    margin: 0 20px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #bbb;
}
DIV.help DIV.bd DIV.message,
DIV.help-rec DIV.bd DIV.message {
    padding: 10px 10px 5px 10px;
    vertical-align: middle;
    color: #444;
}
DIV.help-rec DIV.bd DIV.message {
    color: #ccc;
}
DIV.help DIV.bd .title {
    color: #000;
}
DIV.help-rec DIV.bd .title {
    color: #fff;
}
DIV.help DIV.bd A,
DIV.help DIV.bd A:link,
DIV.help-rec DIV.bd A,
DIV.help-rec DIV.bd A:link {
    color: #036;
    text-decoration: underline;
}
DIV.help DIV.userGrid {
    padding-bottom: 0;
}
DIV.help DIV.userGrid DIV.user {
	margin: 0;
}
DIV.help DIV.userGrid DIV.user,
DIV.help DIV.userGrid DIV.user DIV.icon,
DIV.help DIV.userGrid DIV.user DIV.icon IMG {
    height: 50px;
    width: 50px;
}
DIV.help DIV.userGrid DIV.user DIV.icon DIV.name {
    width: 50px;
}
DIV.help DIV.userGrid div.icon div.name a,
DIV.help DIV.userGrid div.icon div.name a:link {
    font-size: 50%;
    text-decoration: none;
}
DIV.help DIV.ft {
    background: url(/images/helpbg.png) bottom left no-repeat;
}
DIV.help-rec DIV.ft {
    background: url(/images/helpbg-dark.png) bottom left no-repeat;
}

DIV.help-rec DIV.heading {
    margin: 0 0 10px 5px;
    color: #444;
}
DIV.help DIV.title {
    font-size: 123.1%;
}
DIV.help DIV.extra {
    font-size: 85%;
    margin-bottom: 10px;
}

DIV.help-rec DIV.heading {
    margin: 0 0 10px 5px;
    color: #fff;
}

DIV.help-rec DIV.title A,
DIV.help-rec DIV.title A:link {
    color: #fff;
}

DIV.help-rec SPAN.price {
    color: #3a7b12;
}

DIV.copy {
    margin: 20px 0;
    font-size: 116%;
    color: #666;
    line-height: 1.44em;
}

UL.list LI {
    list-style: circle;
    margin-bottom: 4px;
}

/** upsell for non logged in / new users **/
div.col0 div#upsell {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div#upsell #musicNote {
    float: right; 
    font-size: 44px; 
    color: #09f; 
    text-shadow: 1px 1px #ccc;
    margin-top: -10px;
}
div#upsell h2 {
    color: #333;
    font-size: 28px;
    margin: 0px 0px 10px 0px;
    text-shadow: 1px 1px #eee;
}
div.col0 div#upsell h3 {
    color: #787878;
    line-height: 1.5em;
    font-size: 18px;
    margin: 0px 0px 15px 0px;
}
div.col0 div#upsell strong {
    color: #09f;
    font-weight: normal;
    font-size: 105%;
}

div.col0 div#upsell div#join {
    float: right;
}  
div.col0 div#upsell div#join form div.clearfix {
    margin-top: 5px;
}
div.col0 div#upsell div#join form div.note {
    margin: 5px 0 0 150px;
}
div.col0 div#upsell div#join form label {
    float: left;
    width: 150px;
}

/** /welcome page links **/
A.welcomeStepLink {
    font-size: 150%;
}

#mediaBox {
	position: relative;
    text-align: center;
    background-color: #eee;
    height: 270px;
}
#youtubePlayerBackdrop {
    position: absolute;
    left: 0;
    top: 0;
   	background-color: #000;
    z-index: 999998;
    opacity: .1;
}

/* payment module */
DIV.paymentModule h1 {
    margin: 10px 0px 10px 0px;
    padding-bottom: 5px;
    border-bottom: solid 2px #ddd;
}
DIV.paymentDialog DIV.content DIV.wrapper DIV.hd {
    font-size: 125%;
}
DIV.paymentDialog DIV.content DIV.wrapper DIV.bd {
    font-size: 100%;
}
DIV.paymentModule table,
DIV.paymentModule table td,
DIV.paymentModule table th {
    border: none;
}
DIV.paymentModule table th {
    background-color: #eee;
    text-align: left;
}
DIV.paymentModule DIV.processingPayment {
    text-align: center;
    color: #990;
    margin: 10px 0px 10px 0px;
    background-color: #ff9;
    border: 1px solid #CC0;
    padding: 10px;
}
DIV.paymentModule DIV.menu {
    margin: 10px 0px 20px 0px;
}
DIV.paymentModule DIV.menu UL {
    font-size: 100%;
}
DIV.paymentModule DIV.menu UL LI.deselected A,
DIV.paymentModule DIV.menu UL LI.deselected A.link {
    color: #bbb;
}

/* Blip Context Menu */
DIV.contextual ul li a,
DIV.contextual ul li a:link {
    padding: 0 20px 0 35px;
    background: #fff url('/images/blip/sprite-actions.png') no-repeat 0 25px;
}
DIV.contextual ul li a:hover {
    background-color: #999;
}
DIV.contextual ul li.reblip a,
DIV.contextual ul li.reblip a:link {
    background-position: -16px -170px;
}
DIV.contextual ul li.reblip a:hover {
	background-position: 10px -170px;
}
DIV.contextual ul li.reply a,
DIV.contextual ul li.reply a:link {
    background-position: -16px -127px;
}
DIV.contextual ul li.reply a:hover {
    background-position: 10px -127px;
}
DIV.contextual ul li.props a,
DIV.contextual ul li.props a:link {
    background-position: -16px -108px;
}
DIV.contextual ul li.props a:hover {
    background-position: 10px -108px;
}
DIV.contextual ul li.favorite a,
DIV.contextual ul li.favorite a:link {
    background-position: -16px -44px;
}
DIV.contextual ul li.favorite a:hover {
    background-position: 10px -44px;
}
DIV.contextual ul li.favorite-active a,
DIV.contextual ul li.favorite-active a:link {
    background-position: -16px -23px;
}
DIV.contextual ul li.permalink a,
DIV.contextual ul li.permalink a:link {
    background-position: -16px -86px;
}
DIV.contextual ul li.permalink a:hover {
    background-position: 10px -86px;
}
DIV.contextual ul li.delete a,
DIV.contextual ul li.delete a:link {
    background-position: -16px -2px;
}
DIV.contextual ul li.delete a:hover {
    background-position: 10px -2px;
}
DIV.contextual ul li.twitterFollow a,
DIV.contextual ul li.twitterFollow a:link,
DIV.contextual ul li.twitterFollow a:hover {
    background-position: 10px -193px;
}

/* blip user quickactions popup */
#blipuserquickactions {
	height: 40px;
	width: 72px;
}
#blipuserquickactions div.bd {
	margin: 0;
	padding: 0;
}
#blipuserquickactions div.bd ul {
	margin: 0;
	padding: 0;
}
#blipuserquickactions div.bd ul li {
    float: left;
    display: block;
    width: 36px;
    height: 40px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
#blipuserquickactions div.bd ul li.togglefavorite {
    /* background: transparent url(/images/blip/sprite-userquickactions.png) no-repeat 0 0; */
    background: transparent url(/images/blip/sprite-uber.png) no-repeat -282px -297px;
}
#blipuserquickactions div.bd ul li.togglefavorite:hover {
    background-position: -426px -297px;
}
#blipuserquickactions div.bd ul li.togglefavorite-active {
	background-position: -354px -297px;
}
#blipuserquickactions div.bd ul li.giveprops {
    /* background: transparent url(/images/blip/sprite-userquickactions.png) no-repeat -36px 0; */
    background: transparent url(/images/blip/sprite-uber.png) no-repeat -319px -297px;
}
#blipuserquickactions div.bd ul li.giveprops:hover {
    background-position: -463px -297px;
}
#blipuserquickactions div.bd ul li.giveprops-active {
    background-position: -391px -297px;
}
    
/* homepage new user buttons */
#newUserButtons {
	text-align: center;
}
#newUserButtons ul {
	margin: 45px 0 0 0;
	padding: 0;
}
#newUserButtons ul li {
	margin-bottom: 15px;
}
#newUserButtons ul li a,
#newUserButtons ul li a:link {
	display: block;
	width: 277px;
	height: 79px;
	margin: 0 auto;
	background: transparent url(/images/blip/sprite-newuserbuttons.png) no-repeat 0 0;
}
#newUserButtons ul li #howToBlipBtn:hover {
    background-position: -277px 0;
}

#newUserButtons ul li a#discoverMusicBtn {
    background-position: 0 -82px;
}
#newUserButtons ul li a#discoverMusicBtn:hover {
    background-position: -277px -82px;
}

#newUserButtons ul li #broadcastYourStyleBtn {
    background-position: 0 -164px;
}
#newUserButtons ul li #broadcastYourStyleBtn:hover {
    background-position: -277px -164px;
}

div.tweem div.date a.via,
div.tweem div.date a.via:link {
    color: #393;
}
.via:hover {
    color: #4aa44a;
}
#userFavorites {
    padding: 10px 5px;
}
#userFavorites DIV.favoriteItem {
    float: left;
    height: 100px;
    width: 100px;
    padding: 0 5px 10px 5px;
}
#userFavorites DIV.favoriteItem DIV.icon {
    position: relative;
    height: 100px;
    width: 100px;
    background: none;
}
#userFavorites DIV.icon DIV.favoritePic {
    height: 100px;
    width: 100px;
}
#userFavorites div.icon div.favoritePic div.delete {
    top: 3px;
    right: 3px;
}
#userFavorites DIV.icon DIV.favoriteName {
    position: absolute;
    bottom: -1px;
    left: 1px;
    width: 100px;
    margin: 0;
    background:transparent url(/images/fiftypercentblack.png) repeat-x left bottom;
    overflow: hidden;
    z-index: 2;
}
#userFavorites DIV.icon DIV.favoriteName A,
#userFavorites DIV.icon DIV.favoriteName A:link {
    color: #fff;
    font-size: 85%;
    font-weight: bold;
    line-height: 2em;
    margin: 0;
    padding: 0;
}
#userFavorites DIV.icon IMG.profilePic {
    height: 100px;
    width: 100px;
    margin: 0;
}
.headerChrome {
    font-size: 120%;
    padding: 10px;
    margin: 0px 0 10px 0;
    background: #fff url(/images/others-sayingbg.gif) left bottom repeat-x;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-shadow: 1px 1px 1px #fff;
}