/* Screen Only */

/* HTML & Body */
html {
overflow: -moz-scrollbars-vertical;
}
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#3D3D3D;
background-color:#999999;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
line-height:14px;
text-align:center;
}


/* Tags */
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
line-height:28px;
font-weight:bold;
padding: 0px 0px 7px 0px;
margin:0px;
}
h1.singleLine {
padding:0px;
line-height:20px;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;	
line-height:22px;
padding: 0px 0px 5px 0px;
margin:0px;
letter-spacing:1px;
}
h2.singleLine {
padding:0px;
line-height:21px;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;	
line-height:20px;
padding: 0px 0px 7px 0px;
margin:0px;
letter-spacing:1px;
}
h3.singleLine {
padding:0px;
line-height:14px;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
font-weight:bold;
padding: 0px 0px 7px 0px;
margin:0px;
}
h4.singleLine {
padding:0px;
line-height:12px;
}
hr {
display: none;	
}
p {
padding: 0px 0px 7px 0px;
margin: 0px;
}
form {
margin: 0px;
padding: 0px;
}
ol {
margin: 0px 0px 0px 10px; 
padding: 0px;
}
ul {
margin: 0px 0px 0px 10px;
padding: 0px;
}
li {
margin: 0px 0px 6px 0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
line-height: 15px;
}
a {
color:#3D3D3D;
}
a:hover {
text-decoration:underline;
}
a:active {
text-decoration:underline;
}


/* Text */
.text {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
}
.small {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:14px;
}
.noTextDecoration {
text-decoration: none;
}
.noBreak {
display:inline;
white-space:nowrap;
}
.bold {
font-weight:bold;
}
.border {
border:1px solid #333333;
}
.justify {
text-align:justify;
}
.noJustify {
text-align:left;
}
.alignRight {
text-align:right;
}
.alignCentre {
text-align:center;
}
.floatLeft {
float:left;
}
.floatRight {
float:right;
}
.minHeight {
min-height:500px;
/* Min height for IE */
height:500px; 	
}
/* Override height for Mozilla */
html>body .minHeight { height:auto; }
.wordWrap {
word-wrap: break-word;
}
.ellipsis {
float:left;
width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
html>body .ellipsis {
   clear:both;
}
html>body .ellipsis {
   content: "...";
}
html>body .ellipsis {
   max-width:100%;
   width:auto !important; 
   float:left;
}


/* Styles */
.opacity {
filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
.pointer {
cursor:pointer;
}


/* Form Elements */
.textField {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:15px;
padding:1px 4px 1px 4px;
color:#6E6F71;
border:1px solid #3D3D3D;
background-color:#FFFFFF;
height:15px;
}
.textDisabled {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:15px;
padding:1px 4px 1px 4px;
color:#C8C9CB;
border:1px solid #C8C9CB;
background-color:#FFFFFF;
height:15px;
}
.fileField {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:15px;
padding:1px 4px 1px 4px;
color:#6E6F71;
border:1px solid #3D3D3D;
background-color:#FFFFFF;
}
.textBox {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:15px;
padding:1px 4px 1px 4px;
color:#6E6F71;
border:1px solid #3D3D3D;
background-color:#FFFFFF;
}
.select { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:17px;
color:#6E6F71; 
border:1px #3D3D3D solid; 
padding:2px 2px 2px 2px;
background-color:#FFFFFF;
}
.selectDisabled { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:17px;
color:#C8C9CB; 
border:1px #C8C9CB solid; 
padding:2px 2px 2px 2px;
background-color:#FFFFFF;
}
.checkbox {
line-height:11px;
}


/* Header */
#header {
float:left;
width:100%;
height:70px;
background-color:#3D3D3D;
text-align:center;
}
#headerContent {
text-align:left;
width:780px;
margin-left:auto;
margin-right:auto;
}
#headerShadow {
float:left;
width:100%;
height:10px;
background-image:url(/Images/Common/HeaderShadow.gif);
background-repeat:repeat-x;
}
#logo {
float:left;
padding:15px 0px 15px 0px;
}
#universal {
float:right;
padding:15px 0px 15px 0px;
}


/* Nav */
#nav {
float:left;
width:100%;
background-color:#FFFFFF;
padding-bottom:10px;
}
#region {
float:right;
width:23px;
}
#buttons {
float:left;
width:757px;
}
.button {
float:left;
padding-right:3px;
}


/* Footer */
#footer {
width:100%;
clear:both;
}
#footerMargin {
float:left;
width:100%;
height:20px;
background-color:#FFFFFF;
}
#footerShadow {
float:left;
width:100%;
height:10px;
background-image:url(/Images/Common/FooterShadow.gif);
background-repeat:repeat-x;
}
#footerContent {
text-align:left;
width:780px;
margin-left:auto;
margin-right:auto;
padding:10px 0px 0px 0px;
}
#footerLeft {
float:left;
width:630px;
}
#footerRight {
float:right;
width:150px;
text-align:right;
}
#footerBase {
width:100%;
height:20px;
}


/* Content */
#background {
float:left;
width:100%;
background-color:#FFFFFF;
}
#page {
text-align:left;
width:780px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}


/* Action Panel */
.panel {
background-image:url(/Images/Player/PlayerDivider.gif);
background-repeat:repeat-y;
}
#player {
float:left;
width:321px;
padding-right:11px;
}
#playlist {
float:left;
width:269px;
padding:0px 10px 0px 10px;
}
#help {
float:left;
width:148px;
padding-left:11px;
}
#recentTrack {
float:left;
width:269px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

/*NEW*/
#downloads {
float:left;
width:148px;
padding-left:11px;
}


/* Search */
#search {
float:left;
width:780px;
background-color:#9CBA5E;
background-image:url(/Images/Search/SearchTop.gif);
background-repeat:no-repeat;
}
#searchBase {
float:left;
width:780px;
height:4px;
line-height:0px;
font-size:0px;
}
#searchContent {
float:left;
width:758px;
padding:7px 10px 6px 10px;
}
.searchPanel {
float:left;
width:215px;
}
.searchYear {
float:left;
width:80px;
}
.searchYear {
float:left;
width:78px;
}
.searchButton {
float:left;
width:95px;
}
.searchTitle {
float:left;
width:485px;
}
.searchNew {
float:left;
text-align:right;
width:115px;
}


/* Themed Playlists */
#themedPlaylists {
float:left;
width:780px;
background-color:#FFB35A;
background-image:url(/Images/Search/ThemedTop.jpg);
background-repeat:no-repeat;
margin-top:4px;
}
#themedBase {
float:left;
width:780px;
height:4px;
line-height:0px;
font-size:0px;
}
#themedContent {
float:left;
width:758px;
padding:7px 10px 4px 10px;
}
.themedTitle {
float:left;
width:550px;
}
.themedAll {
float:left;
text-align:right;
width:150px;
}
.themedIcon {
float:left;
width:21px;
}
.themedName {
float:left;
padding-right:10px;
white-space:nowrap;
width:220px;
overflow:hidden;
}
.themedPlaylist {
float:left;
width:560px;
padding-left:10px;
line-height:11px;
padding-top:1px;
}
/* Override padding for Mozilla */
html>body .themedPlaylist { padding-top:0px; }


/* Results */
.resultsHighlight {
background-color:#FED639;
padding:0px 2px 0px 3px;
}
.resultsLeft {
float:left;
width:250px;
}
.resultsRight {
float:right;
text-align:right;
width:250px;
}
.resultsCentre {
float:left;
width:320px;
text-align:center;
padding-top:3px;
}
.resultsTotal {
width:230px;
float:left;
padding-top:3px;
}
.resultsAdd {
width:230px;
float:right;
text-align:right;
}
.resultsTrack {
float:left;
/* width:188px; */ /* With Relevance */
width:208px; /* Without Relevance */
padding:1px 0px 0px 10px;
margin-right:10px;
line-height:11px;
}
/* Override padding for Mozilla */
html>body .resultsTrack { padding:0px 0px 0px 10px; }
.resultsAlbum {
float:left;
/* width:137px; */ /* With Relevance */
width:147px; /* Without Relevance */
margin-right:10px;
line-height:11px;
padding-top:1px;
}
/* Override padding for Mozilla */
html>body .resultsAlbum { padding:0px; }
.resultsArtist {
float:left;
/* width:137px; */ /* With Relevance */
width:147px; /* Without Relevance */
margin-right:10px;
line-height:11px;
padding-top:1px;
}
/* Override padding for Mozilla */
html>body .resultsArtist { padding:0px; }
.resultsGenre {
float:left;
width:85px;
text-align:center;
line-height:11px;
padding-top:1px;
}
/* Override padding for Mozilla */
html>body .resultsGenre { padding:0px; }
.resultsUMP {
float:left;
width:79px;
text-align:center;
line-height:11px;
padding-top:1px;
}
/* Override padding for Mozilla */
html>body .resultsUMP { padding:0px; }
.resultsRelevance {
float:left;
width:40px;
text-align:center;
line-height:11px;
padding-top:1px;
}
/* Override padding for Mozilla */
html>body .resultsRelevance { padding:0px; }
.resultButtons {
float:right;
width:53px;
height:13px;
background-image:url(/Images/Search/Inactive/Inactive.gif);
background-repeat:no-repeat;
padding-right:10px;
}
.resultRolloverButtons {
float:right;
width:53px;
height:13px;
background-image:url(/Images/Search/Active/Active.gif);
background-repeat:no-repeat;
padding-right:10px;
}
.resultOdd {
float:left;
width:780px;
background-color:#EDEDED;
background-image:url(/Images/Search/OddTop.gif);
padding:7px 0px 3px 0px;
margin-top:4px;
}
.resultOddBase {
float:left;
width:780px;
height:4px;
line-height:0px;
font-size:0px;
background-color:#EDEDED;
background-image:url(/Images/Search/OddBase.gif);
}
.resultEven {
float:left;
width:780px;
background-color:#D9D9D9;
background-image:url(/Images/Search/EvenTop.gif);
padding:7px 0px 3px 0px;
margin-top:4px;
}
.resultEvenBase {
float:left;
width:780px;
height:4px;
line-height:0px;
font-size:0px;
background-color:#D9D9D9;
background-image:url(/Images/Search/EvenBase.gif);
}
.resultRollover {
float:left;
width:780px;
background-color:#B3DEF6;
background-image:url(/Images/Search/ActiveTop.gif);
padding:7px 0px 3px 0px;
margin-top:4px;
}
.resultRolloverBase {
float:left;
width:780px;
height:4px;
line-height:0px;
font-size:0px;
background-color:#B3DEF6;
background-image:url(/Images/Search/ActiveBase.gif);
}
.trackInfo {
float:left;
background-color:#B3DEF6;
width:780px;
background-image:url(/Images/Search/TrackInfo.gif);
background-repeat:repeat-y;
padding:0px;
margin:0px;
}
.trackHighlight {
float:left;
background-color:#F4C3C3;
width:780px;
background-image:url(/Images/Search/TrackHighlight.gif);
background-repeat:repeat-y;
padding:0px;
margin:0px;
}
.trackWrapper {
float:left;
width:780px;
clear:both;
margin-top:4px;
}
.trackSpacer {
float:left;
width:11px;
}
.trackArt {
float:left;
width:98px;
background-image:url(/Images/Search/Divider.gif);
background-repeat:repeat-x;
padding:10px 10px 7px 0px;
}
.trackDetails {
float:left;
width:370px;
background-image:url(/Images/Search/Divider.gif);
background-repeat:repeat-x;
padding:10px 10px 7px 0px;
}
.trackOptions {
float:left;
width:240px;
background-image:url(/Images/Search/Divider.gif);
background-repeat:repeat-x;
padding:10px 10px 7px 0px;
}
.trackToggle {
float:left;
width:20px;
text-align:right;
background-image:url(/Images/Search/Divider.gif);
background-repeat:repeat-x;
padding:10px 0px 7px 0px;
}
.trackButtons {
padding:0px 7px 7px 0px;
}


/* Your Playlist */
.playlist {
cursor:move;
width:780px;
margin-top:4px;
display:block;
}
/* Override float and display for Mozilla */
html>body .playlist {
float:left;
}
.playlistTop {
float:left;
background-color:#EDEDED;
background-image:url(/Images/Search/OddTop.gif);
background-position:top;
background-repeat:no-repeat;
width:780px;
padding:7px 0px 1px 0px;
}
/* Override padding for Mozilla */
html>body .playlistTop { padding:7px 0px 3px 0px; }
.playlistBase {
float:left;
width:780px;
height:4px;
line-height:0px;
font-size:0px;
background-color:#EDEDED;
background-image:url(/Images/Search/OddBase.gif);
background-position:bottom;
background-repeat:no-repeat;
}
.playlistHighlight {
float:left;
background-color:#F4C3C3;
background-image:url(/Images/Playlist/HighlightTop.gif);
background-position:top;
background-repeat:no-repeat;
width:780px;
padding:7px 0px 1px 0px;
}
/* Override padding for Mozilla */
html>body .playlistHighlight { padding:7px 0px 3px 0px; }
.playlistHighlightBase {
float:left;
width:780px;
height:4px;
line-height:0px;
font-size:0px;
background-color:#F4C3C3;
background-image:url(/Images/Playlist/HighlightBase.gif);
background-position:bottom;
background-repeat:no-repeat;
}
.playlistIcons {
float:right;
height:13px;
padding-right:10px;
}
.playlistButtonsLeft {
width:600px;
float:left;
}
.playlistButtonsRight {
width:150px;
float:right;
text-align:right;
}
.yourPlaylistLeft {
width:550px;
float:left;
}
.yourPlaylistRight {
width:200px;
float:right;
text-align:right;
}


/* Playlist Directory */
.directoryOdd {
float:left;
width:780px;
background-color:#CCEDFF;
background-image:url(/Images/Playlist/OddTop.gif);
padding:7px 0px 3px 0px;
margin-top:4px;
}
.directoryOddBase {
float:left;
width:780px;
height:4px;
line-height:0px;
font-size:0px;
background-color:#CCEDFF;
background-image:url(/Images/Playlist/OddBase.gif);
}
.directoryEven {
float:left;
width:780px;
background-color:#B3DEF6;
background-image:url(/Images/Playlist/EvenTop.gif);
padding:7px 0px 3px 0px;
margin-top:4px;
}
.directoryEvenBase {
float:left;
width:780px;
height:4px;
line-height:0px;
font-size:0px;
background-color:#B3DEF6;
background-image:url(/Images/Playlist/EvenBase.gif);
}
.directoryHighlight {
float:left;
width:780px;
background-color:#F4C3C3;
background-image:url(/Images/Playlist/HighlightTop.gif);
padding:7px 0px 3px 0px;
margin-top:4px;
}
.directoryHighlightBase {
float:left;
width:780px;
height:4px;
line-height:0px;
font-size:0px;
background-color:#F4C3C3;
background-image:url(/Images/Playlist/HighlightBase.gif);
}
.directoryPlaylist {
float:left;
width:580px;
padding-left:10px;
line-height:11px;
padding-top:1px;
}
/* Override padding for Mozilla */
html>body .directoryPlaylist { padding-top:0px; }
.directoryGenerated {
float:right;
width:120px;
line-height:11px;
padding-top:1px;
padding-right:10px;
text-align:center;
}
/* Override padding for Mozilla */
html>body .directoryGenerated { padding-top:0px; }
.directoryPlaylistNarrow {
float:left;
width:480px;
padding-left:10px;
line-height:11px;
padding-top:1px;
}
/* Override padding for Mozilla */
html>body .directoryPlaylistNarrow { padding-top:0px; }
.directoryClients {
float:right;
width:90px;
line-height:11px;
padding-top:1px;
padding-right:10px;
text-align:center;
}
/* Override padding for Mozilla */
html>body .directoryClients { padding-top:0px; }
.directoryIcons {
float:right;
padding-right:10px;
}
.directoryLeft {
width:200px;
float:left;
}
.directoryRight {
width:580px;
float:right;
text-align:right;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.directoryTrack {
float:left;
width:220px;
padding-left:10px;
line-height:11px;
padding-top:1px;
}
/* Override padding for Mozilla */
html>body .directoryTrack { padding-top:0px; }
.directoryArtist {
float:left;
width:160px;
padding-left:10px;
line-height:11px;
padding-top:1px;
}
/* Override padding for Mozilla */
html>body .directoryArtist { padding-top:0px; }
.directoryAlbum {
float:left;
width:220px;
padding-left:10px;
line-height:11px;
padding-top:1px;
}
/* Override padding for Mozilla */
html>body .directoryAlbum { padding-top:0px; }
.directoryUMP {
float:left;
width:79px;
text-align:center;
line-height:11px;
padding-top:1px;
}
/* Override padding for Mozilla */
html>body .directoryUMP { padding:0px; }


/* UMP Playlists */
.umpOdd {
float:left;
width:780px;
background-color:#FFC169;
background-image:url(/Images/Universal/OddTop.gif);
padding:7px 0px 3px 0px;
margin-top:4px;
}
.umpOddBase {
float:left;
width:780px;
height:4px;
line-height:0px;
font-size:0px;
background-color:#FFC169;
background-image:url(/Images/Universal/OddBase.gif);
}
.umpEven {
float:left;
width:780px;
background-color:#FFB35A;
background-image:url(/Images/Universal/EvenTop.gif);
padding:7px 0px 3px 0px;
margin-top:4px;
}
.umpEvenBase {
float:left;
width:780px;
height:4px;
line-height:0px;
font-size:0px;
background-color:#FFB35A;
background-image:url(/Images/Universal/EvenBase.gif);
}


/* Admin */
.adminOdd {
float:left;
width:780px;
background-color:#CCEDFF;
background-image:url(/Images/Playlist/OddTop.gif);
padding:7px 0px 3px 0px;
margin-top:4px;
}
.adminOddBase {
float:left;
width:780px;
height:4px;
line-height:0px;
font-size:0px;
background-color:#CCEDFF;
background-image:url(/Images/Playlist/OddBase.gif);
}
.adminEven {
float:left;
width:780px;
background-color:#B3DEF6;
background-image:url(/Images/Playlist/EvenTop.gif);
padding:7px 0px 3px 0px;
margin-top:4px;
}
.adminEvenBase {
float:left;
width:780px;
height:4px;
line-height:0px;
font-size:0px;
background-color:#B3DEF6;
background-image:url(/Images/Playlist/EvenBase.gif);
}
.adminUser {
float:left;
width:240px;
line-height:11px;
padding-top:1px;
padding-left:10px;
}
/* Override padding for Mozilla */
html>body .adminUser { padding-top:0px; }
.adminEmail {
float:left;
width:280px;
line-height:11px;
padding-top:1px;
padding-left:10px;
}
/* Override padding for Mozilla */
html>body .adminEmail { padding-top:0px; }
.adminRank {
float:left;
text-align:center;
width:70px;
line-height:11px;
padding-top:1px;
padding-left:10px;
}
/* Override padding for Mozilla */
html>body .adminRank { padding-top:0px; }
.adminAway {
float:left;
text-align:center;
width:70px;
line-height:11px;
padding-top:1px;
padding-left:10px;
}
/* Override padding for Mozilla */
html>body .adminAway { padding-top:0px; }
.adminButtons {
float:right;
padding-right:10px;
}
.adminButtonsLeft {
width:660px;
float:left;
}
.adminButtonsRight {
width:100px;
float:right;
text-align:right;
}


/* Clients */
.clientOdd {
float:left;
width:780px;
background-color:#CCEDFF;
background-image:url(/Images/Playlist/OddTop.gif);
padding:7px 0px 3px 0px;
margin-top:4px;
}
.clientOddBase {
float:left;
width:780px;
height:4px;
line-height:0px;
font-size:0px;
background-color:#CCEDFF;
background-image:url(/Images/Playlist/OddBase.gif);
}
.clientEven {
float:left;
width:780px;
background-color:#B3DEF6;
background-image:url(/Images/Playlist/EvenTop.gif);
padding:7px 0px 3px 0px;
margin-top:4px;
}
.clientEvenBase {
float:left;
width:780px;
height:4px;
line-height:0px;
font-size:0px;
background-color:#B3DEF6;
background-image:url(/Images/Playlist/EvenBase.gif);
}
.clientUser {
float:left;
width:155px;
line-height:11px;
padding-top:1px;
padding-left:10px;
}
/* Override padding for Mozilla */
html>body .clientUser { padding-top:0px; }
.clientEmail {
float:left;
width:170px;
line-height:11px;
padding-top:1px;
padding-left:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
/* Override padding for Mozilla */
html>body .clientEmail { padding-top:0px; }
.clientAdmin {
float:left;
width:155px;
line-height:11px;
padding-top:1px;
padding-left:10px;
}
/* Override padding for Mozilla */
html>body .clientAdmin { padding-top:0px; }
.clientCompany {
float:left;
width:180px;
line-height:11px;
padding-top:1px;
padding-left:10px;
}
/* Override padding for Mozilla */
html>body .clientCompany { padding-top:0px; }
.clientButtons {
float:right;
padding-right:10px;
}
.clientMenu {
float:left;
width:260px;
padding:2px 0px 2px 0px;
}
.clientButtonsLeft {
width:290px;
float:left;
}
.clientButtonsRight {
width:480px;
float:right;
text-align:right;
}
.clientLeft {
width:580px;
float:left;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.clientRight {
width:200px;
float:right;
text-align:right;
}


/* Playlist Directory */
.playlistName {
float:left;
width:386px;
padding:1px 0px 0px 10px;
margin-right:10px;
line-height:11px;
}
/* Override padding for Mozilla */
html>body .playlistName { padding:0px 0px 0px 10px; }
.playlistCreator {
float:left;
width:180px;
padding:1px 0px 0px 0px;
line-height:11px;
text-align:center;
}
/* Override padding for Mozilla */
html>body .playlistCreator { padding:0px; }
.playlistDate {
float:left;
width:120px;
padding:1px 10px 0px 10px;
line-height:11px;
text-align:center;
}
/* Override padding for Mozilla */
html>body .playlistDate { padding:0px 10px 0px 10px; }
.playlistDownload {
float:left;
width:13px;
padding-left:10px;
line-height:11px;
}
.playlistTrack {
float:left;
width:200px;
line-height:11px;
padding-left:10px;
padding-top:1px;
}
/* Override padding for Mozilla */
html>body .playlistTrack { padding-top:0px; }
.playlistArtist {
float:left;
width:160px;
padding-left:10px;
line-height:11px;
padding-top:1px;
}
/* Override padding for Mozilla */
html>body .playlistArtist { padding-top:0px; }
.playlistAlbum {
float:left;
width:218px;
padding-left:10px;
line-height:11px;
padding-top:1px;
}
/* Override padding for Mozilla */
html>body .playlistAlbum { padding-top:0px; }
.playlistClient {
float:left;
width:373px;
padding:1px 0px 0px 10px;
margin-right:10px;
line-height:11px;
}
/* Override padding for Mozilla */
html>body .playlistClient { padding:0px 0px 0px 10px; }


/* Admin Playlists */
.clientList {
overflow:visible;
position:relative;
width:780px;
}
.clientListContent {
float:left;
width:780px;
}
div.clientList div.clientListContent span {
display:block;
padding-top:8px;
margin-top:8px;
background-image:url(/Images/Search/Divider.gif);
background-repeat:repeat-x;
}
.clientListLeft {
width:220px;
float:left;
}
.clientListRight {
width:560px;
float:right;
text-align:right;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}


/* Homepage */
.album {
margin-right:10px;
display:inline;
}
.albumRow {
margin-top:10px;
}
.albumLeft {
float:left;
width:316px;
}
.albumCentre {
float:left;
width:286px;
height:207px;
margin:10px 10px 0px 0px;
padding:10px;
}
.albumRight {
float:left;
width:148px;
}
.albumRegister {
float:left;
width:286px;
margin:10px 10px 0px 0px;
padding:10px 10px 0px 10px;
}
.albumLogin {
float:left;
width:286px;
padding-bottom:3px;
}
.albumPassword {
float:left;
width:286px;
background-image:url(/Images/Search/Divider.gif);
background-repeat:repeat-x;
padding-top:13px;
}


/* Flash Detect */
.flashWrapper { 
float:left;
width:286px;
}
.flashCheckbox { 
float:left;
width:13px;
padding-right:5px;
line-height:11px;
}
.flashMessage {
float:left;
width:268px;
line-height:11px;
padding-top:1px;
}
/* Override padding for Mozilla */
html>body .flashMessage { padding-top:0px; }
.flashGap {
padding-bottom:12px;
}

/* Wrappers */
.wrapper { 
float:left;
width:780px;
}
.paddedWrapper { 
float:left;
width:758px;
}
.leftWrapper { 
float:left;
width:429px;
}
.rightWrapper {
float:right;
width:230px;
text-align:left;
}


/* Spacers & Divs */
.spacer {
float:left;
width:10px;
height:10px;
line-height:10px;
font-size:10px;
}
.divider { 
float:left;
width:780px;
height:1px;
line-height:1px;
font-size:1px;
background-image:url(/Images/Common/Divider.gif);
background-repeat:repeat-x;
color:#3D3D3D;
background-color:#FFFFFF;
padding:0px;
margin:10px 0px 10px 0px;
display:inline;
}
.verticalDiv {
background-image:url(/Images/Common/verticalDivider.gif);
background-repeat:repeat-y;
background-position:center;
}


/* Padding & Margins */
.noPadding {
padding: 0px 0px 0px 0px;
}
.noPaddingAbove {
padding-top: 0px;
}
.noPaddingBelow {
padding-bottom: 0px;
}
.reducedPadding {
padding-bottom: 3px;
}
.noMargin {
margin: 0px;
}
.noMarginAbove {
margin-top: 0px;
}
.noMarginBelow {
margin-bottom: 0px;
}


/* Modifiers */
.modifierSmall {
line-height:11px;
}
.modifierLink {
line-height:9px;
margin:9px 0px 9px 0px;
}
.modifierSubtitle {
margin-left:6px;
}
.modifierResults {
padding-bottom:4px;
}
.modifierFooter {
margin-bottom:20px;
}
.modifierMarginTop {
margin-top:5px;
}
.modifierMarginBase {
margin-bottom:4px;
}
/* Override float and display for Mozilla */
html>body .modifierMarginBase {
margin-bottom:5px;
}
.modifierResultsTop {
margin-top:7px;
margin-bottom:7px;
}
.modifierResultsBase {
margin-top:8px;
margin-bottom:6px;
}
.modifierButtons {
margin-right:3px;
}
.modifierDiv {
margin-bottom:6px;
}
.modifierTo {
padding-top:3px;
width:14px;
text-align:center;
}
.modifierRow {
padding-bottom:4px;
}
.modifierButton {
padding-top:1px;
width:75px;
}
.modifierPlaylist {
margin-top:8px;
margin-bottom:6px;
}
.modifierPlaylistIcons {
padding-right:3px;
}
.modifierPlaylistLeft {
padding-left:3px;
}
.modifierPlaylistButtons {
padding:0px 4px 0px 0px;
}
.modifierButtonPadding {
padding-bottom:10px;
}
.modifierWidth {
width:500px;
}
.modifierField {
padding-bottom:3px;
}
.modifierFull {
width:780px;
}
.modifierArchive {
width:780px;
padding:3px 0px 3px 0px;
}
.modifierDesc {
padding:3px 0px 0px 0px;
}
.modifierTitle {
margin-bottom:7px;
}
.modifierHomepage {
padding-top:10px;
}
.modifierMenu {
margin-top:8px;
margin-bottom:5px;
}
.modifierMenuBottom {
margin-top:7px;
margin-bottom:6px;
}
.modifierThemed {
padding-top:6px;
}
.modifierSearchPanel {
margin-bottom:9px;
}
.modifierThemedPanel {
margin-top:8px;
margin-bottom:5px;
}
.modifierThemedDiv {
margin-bottom:5px;
}
.modifierPasswordPadding {
padding-bottom:12px;
}
.modifierClientList {
padding-top:1px;
}


/* No Script */
#noScript {
width:100%;
position:relative;
background-color:#748E1F;
/* background-color:#DD1414; */
padding:12px 0px 15px 0px;
text-align:center;
}
#noScriptContent {
text-align:left;
width:780px;
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
}


/* Maintenance */
#maintenance {
width:100%;
position:relative;
background-color:#DD1414;
padding:12px 0px 15px 0px;
text-align:center;
}
#maintenanceContent {
text-align:left;
width:780px;
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
}


/* Overlay */
#overlay{ 
display:none;
position:absolute;
top:0px;
left:0px;
width:100%;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5;
}
.overlay {
float:left;
width:100%;
background-color:#FFFFFF;
text-align:center;
}

/* Borders */
.border {
border:#3D3D3D solid 1px;
}


/* Colours */
.blue {
color:#0282CB;
}
.white {
color:#FFFFFF;
}
.black  {
color:#3D3D3D;
}
.red {
color:#C71111;
}
.darkGrey {
color:#6E6F71;
}
.grey {
color:#C8C9CB;
}
.lightGrey {
color:#E1E1E1;
}
.green {
color:#CAE405;
}
.darkGreen {
colour:#2F5600;
}
.brown {
colour:#8E6133;
}


/* Background Colours */
.bgWhite {
background-color:#FFFFFF;
}