/* V THE PRODUCTION LIBRARY RELEASES */

#searchArea { padding-top:5px; text-align:right; position:relative; width:270px; margin-left:620px; }
#catalogueSection { position:relative; background-color:#151515; padding-top:1em; padding-left:.5em; padding-bottom:1em; }
#catalogueSection h3, #catalogueWrapper h3 { margin:0em 0em 2em 1em; }
#catalogueWrapper { position:relative; background-color:#151515; padding-top:1em; padding-left:.5em; padding-bottom:1em;  }

/******************************************************************  STYLE SECTION  ************************************************************************************/
#styleSection { float:left; display:inline; position:relative; width: 17em; margin-right:5px; }
#styleContent a { color:#fff; text-decoration:none; display:block; padding:1em; border-bottom:1px solid #222; background-color:#111; }
#styleContent a.selected { background-color:#222; }
#browse_style a.browseTab { background-color:#151515; padding:8px 5px 8px 15px; height:2.5em; display:block; width:88.5px; float:left; text-decoration:none; color:#666666; }
#browse_style a.browseTab:hover { background-color:#191919; }
#browse_style a.tabSelected  { background-color:#202020; color:#99CCCC;}
#browse_style a.tabSelected:hover { background-color:#202020; }

/* album details */
.cdInfoSidebar { position:relative; margin-top:2em; }
.cdInfoSidebar h3 { margin-bottom:20px; }

/*******************************************************************  TRACK SECTION ************************************************************************************/
#trackSection { float:left; display:inline; position:relative; width: 51em; }
.cdCover { display:none; }

/* releases by album */
ul#album_list { margin:0; padding:0; position:relative; }
ul#album_list li { list-style-type:none; background-color:#111; border-bottom:1px solid #222; padding:.5em; position:relative; }
ul#album_list li h3 { margin:0 0 20px 0; }
ul#album_list li .cd_image { float:left; display:inline; position:relative; width:135px;  } 
ul#album_list li .cd_image img { border:none; }
ul#album_list li .cd_info { float:left; display:inline; position:relative; width:38em; }

/* title header, this bit is for the TRACK TITLE - play preview / show hide mixes */
ul.titleHeader { float:left; position:relative; display:inline; width:100%; } /* DO NOT REMOVE THIS - this is to fix an IE bug ! */
ul.titleHeader li { list-style-type:none;  border-bottom:1px solid #222; background-color:#111; padding:.5em 0 0 0; position:relative; }
ul.titleHeader li .leftSection { float:left; display:inline; position:relative; width:37em; padding-left:0.5em; }
ul.titleHeader li .rightSection { float:right; display:inline; position:relative; text-align:right; padding-right:.5em; }
ul.titleHeader li .browserBox { vertical-align:middle; position:relative; }
ul.titleHeader li .cdBox { position:relative; }
ul.titleHeader li .description { font-size:.8em; width:41em;  position:relative; padding-bottom:.5em; position:relative; }
ul.titleHeader li .description .extraMsg { display:none; margin-top:60px; font-weight:bold; font-style:italic; font-size:.9em; position:relative; }

/* full mixes section */
#trackContent { position:relative; }
ul.fullmixes_section { position:relative; }
ul.fullmixes_section li { position:relative; list-style-type:none; background-color:#111; padding:1em 1em 1em 1.7em; border-bottom:none; border-top:1px solid #000; }
ul.fullmixes_section li .playerButton { float:left; width:2.7em; position:relative; }
ul.fullmixes_section li .playerButton img { vertical-align:middle; position:relative; }
ul.fullmixes_section li .playerBox { float:left; width:20em; vertical-align:middle; line-height:1.7em; position:relative; }
ul.fullmixes_section li .playerMsg { float:left; width:13em; position:relative; }
ul.fullmixes_section li .playerOptions { float:right; width:11em; text-align:right; position:relative; }
ul.fullmixes_section li .playerOptions img { margin-left:.1em; vertical-align:middle; position:relative; }
ul.fullmixes_section li .musicReturnDetails { text-align:right; margin-top:.5em; font-size:.8em; line-height:16px; vertical-align:middle; position:relative; }
ul.fullmixes_section li .musicReturnDetails img { margin-left:0px; padding-right:.6em; vertical-align:middle; position:relative; }
ul.fullmixes_section li .trackDetails { margin-left:3.5em; font-size:.8em; position:relative; }
ul.fullmixes_section li .trackDetails span.type{ float:left; width:5em; display:block; position:relative; }
ul.fullmixes_section li .trackDetails span.details{ float:left; width:20em; display:block; position:relative; }
.optionsForm .actionForm { margin-top:.5em; background-color:#202020; padding:1em; position:relative; }
p.noTracksYet { margin-left:3em; }


/* logged in heading options */
.headingSection h3 { float:left; position:relative; display:inline; }
#downloadPreferences { float:right; position:relative; display:inline; text-align:right; margin-right:0; padding-top:5px;  }


/****************************************************************** FAV PAGE *******************************************************************************************/
/*
#favPage, #notesPage { padding:1em .5em .5em .5em; background-color:#151515; position:relative; }
#favPage .browse_button, #notesPage .browse_button { margin:0 0 1em 0; }
#favPage h3, #notesPage h3 {  margin:0em 0em 0em 1em; }
.favPage #trackContent li, #notesPage #trackContent li { list-style-type:none; background-color:#111; padding:.5em .5em; margin-right:.5em; border-bottom:1px solid #222; position:relative; }
.favPage #trackContent .playerButton, .notesPage #trackContent .playerButton { float:left; width:2.7em; position:relative; display:inline; }
.favPage #trackContent .playerButton img { vertical-align:middle; }
.favPage #trackContent .playerBox, .notesPage #trackContent .playerBox { float:left; width:20em; vertical-align:middle; line-height:1.7em; position:relative; display:inline; }
.favPage #trackContent .playerMessage, .notesPage #trackContent .playerMessage { float:left; position:relative; }
.favPage #trackContent .playerOptions, .notesPage #trackContent .playerOptions { margin-left:.5em; position:relative; float:right; display:inline; }
.favPage #trackContent .playerOptions img, .notesPage #trackContent .playerOptions img { margin-left:.5em; }
.favPage .playerOptions, .notesPage .playerOptions { text-align:right; padding-right:1em; position:relative; } 
.favPage .optionsForm .actionForm, .notesPage .optionsForm .actionForm { margin-top:.5em; background-color:#202020; padding:1em; position:relative; }
.favPage #trackContent .trackDetails { margin-left:2.7em; position:relative; width:55em; }
.favPage #trackContent .optionsForm { margin-left:2.7em; position:relative; font-size:.9em; }
p.noTracksYet { margin-left:3em; }*/

/************************************************************* HISTORY PAGE *************************************************************************************/
#historyPage { padding:0em 0em .5em 0em; background-color:#151515; position:relative;  }
#historyPage h3 { margin:0em 0em 1em 1em; }
#historyPage .historyMenuSection .historyMenu { margin-right:1em; padding:.3em .6em; }
#historyPage .historyMenuSection .menuSelected { background-color:#111}
#historyPage #trackContent { position:relative; } 
#historyPage #trackContent li { list-style-type:none; background-color:#111; padding:.5em .2em; border-bottom:1px solid #222; position:relative; } 
#historyPage #trackContent .playerButton { float:left; width:2.7em; position:relative; } 
#historyPage #trackContent .playerButton img { vertical-align:middle;  } 
#historyPage #trackContent .playerBox { float:left; width:20em; vertical-align:middle; position:relative; } 
#historyPage #trackContent .playerOptions { margin-left:.1em; position:relative; } 
#historyPage .playerOptions { text-align:right; padding-right:.5em; display:inline; float:right;  } 
#historyPage .musicReturn { width:15em; position:relative; margin-left:2.7em; } 
#historyPage .date { position:relative; }
#historyPage p.noTracksYet { margin-left:3em; }
#historyPage .optionsForm { background-color:#202020; font-size:.9em; margin-left:3em; padding-left:.5em; }

.selected { background-color:#222; }