/* 
#
# MJM MD&M demo
# author: Nick Grossman - www.wrkng.net
# date: 9/28/06
#
*/


/* Global Layout 
------------------------------*/

body {
 margin: 0;
 padding: 0;
 text-align: center;
 background: #d5d5ca; 
 background: #dbdbd1; /* firefox is different, for some reason */
 font: .8em normal Verdana, arial, sans-serif;
 color: #333;
}
#wrapper {
 width: 940px;
 margin: 0 auto;
 text-align: left;
 background: url(images/cap_top.png) top center no-repeat;
 position: relative;
}

#header {
 padding: 10px 25px 30px 35px;
}
#page {
 clear: both;
 background: url(images/outerwrap.png) top center repeat-y;
 padding: 0 50px;
}
#content {
 clear: both;
 margin: 0 0 0 90px;
 /*border: 1px dotted #999;*/
 border-top: 0;
 padding: 10px;
 background: #fff;
 height: 465px;
 overflow-y: scroll;
 
} 
#footer {
 clear: both;
 background: url(images/cap_bottom.png) top center no-repeat;
 padding: 30px 40px 0;
}


/* Header 
--------------------------*/
#header h1 {
 position: absolute;
 top: 25px;
 left: 50px;
}
#header h2 {
 position: absolute;
 bottom: 35px;
 left: 60px;
}
/*
#welcome {
 position: absolute;
 top: 48px;
 right: 65px;
 text-align: right;
 color: #fff;
}
#welcome a {
 color: #fff;
}
*/
#welcome {
position: absolute;
 top: 160px;
 left: 45px;
 width: 100px;
}
#welcome p {
 margin: 0 0 5px 0;
}


/* Navigation
--------------------------*/
#navigation {
 padding: 28px 0 0 0;
 margin: 0 0 0 90px;
 background: url(images/nav_bg.png) top left no-repeat;
}
#navigation ul {
 margin: 0;
 padding: 0;
 height: 27px;
}
#navigation li {
 list-style: none;
 float: left;
 margin: 0;
}
#navigation li a {
 display: block;
 background: #ccc url(images/nav_a_bg.png) top left repeat-x;
 color: #000;
 text-decoration: none;
 border-right: 1px solid #999;
 padding: 7px 20px;
}
#navigation li a:hover {
 text-decoration: underline;
}
#navigation li a.selected {
 color: #333;
 background: #fff;
}
#navigation_indicator {
 display: block;
 padding: 3px;
}


/* Main section 
-------------------------------*/
#page h1 {
 margin: 5px 0 10px;
 padding: 0;
 font-size: 1.5em;
}

/* Tracks */

.tracksList_form {
 margin: 10px;
}
.tracksList_form td, .tracksList_form th {
 padding: 3px 8px;
}
.tracksList_form th {
 font-weight: bold;
 border-bottom: 1px solid #ccc;
}
.trackEdit {
 white-space: nowrap;
} 

.tracksList_reorder li {
 padding-top: 2px;
 padding-bottom: 2px;
}
.trackArtists ul {
 padding: 0 0 0 15px;
 margin: 0;
}
/* NG Additions to MJM track styles */
table.tracks {

} 
table.tracks .colTitle, 
table.tracks .colTitleSep, 
table.tracks .colTitleSep2 {
 border-bottom: 1px solid #696964;
 background: #fff;
 color: #4A4A47;
}


/* Edit Form */

#wrapper .editForm td {
 background: #bbe764;
 padding: 6px 8px;
}


/* Playlist Builder */

#playlistBuilder {
 position: relative;
 margin: 10px;
}
#playlistBuilderNav {

}
#playlistBuilderNav ul {
 margin: 0;
 padding: 0;s
}
#playlistBuilderNav li {
 float: left;
 list-style: none;
 margin: 0;
}
#playlistBuilderNav li a {
 display: block;
 padding: 5px 10px;
 background: #ddd;
 border-left: 1px solid #999;
 border-top: 1px solid #999;
 text-decoration: none;
 color: #000;
}
#playlistBuilderNav li a:hover {
 text-decoration: underline;
}
#playlistBuilderNav li#participantsTab a {
 border-right: 1px solid #999;
}
#playlistBuilderNav li a.selected {
 background: #fff;
 border-bottom: 1px solid #fff;
 margin: 0 0 -1px 0;
}
#playlistBuilderWorkspace {
 clear: both;
 height: 290px;
 border: 1px solid #999;
 margin: 0;
 padding: 10px 290px 10px 10px;
}
.playlistBuilderForm td {
 padding: 5px;
} 
.playlistBuilderForm th {
 text-align: right;
}
#currentPlaylist {
 position: absolute;
 right: 1px;
 top: 25px;
 width: 200px;
 border-left: 1px double #666;
 height: 290px;
 background: #eee;
 padding: 10px 0 10px 10px;
 overflow-y: scroll;
}
#currentPlaylist h2 {
 margin: 0 0 8px 0;
 padding: 0;
 font-size: 1.2em;
}

#currentPlaylistItems h3 {
 margin: 10px 0 4px;
 font-weight: normal;
 text-transform: uppercase;
 border-bottom: 1px solid #999;
}


/* Common Elements
-------------------------------*/
.finishLink {
 color: red;
 background: yellow;
}

/* Sortable List */

.sortable, .almostSortable {
 padding: 10px;
}
.sortable {
 border: 1px dotted #666;
 }
 .almostSortable {
   padding-left: 25px;
 }
.sortable li, .sortable tr {
 cursor: move;
 list-style: none;
 background:url(images/reorder.png) center left no-repeat;
 padding: 2px 0 3px 23px;
 margin: 0;
}
.sortable tr td {

}

.included_dialog {
 background: #ddd;
 margin: 4px;
 padding: 8px;
}

a.add {
 background: url(images/add.png) center left no-repeat;
 padding: 3px 3px 3px 23px;
 display: block;
}
a.reorder {
 background: url(images/reorder.png) center left no-repeat;
 padding: 3px 3px 3px 23px;
 display: block;
}


/* HTML Rules
-------------------------------*/
img {
 border: none;
}
hr {
 visibility: hidden;
 clear: both;
 height: 0;
}
ul li {
 margin: 0 0 4px 0;
 list-style: square;
}