/*
Color schemes
-------------

Original:
outer background: #996
inner background: #FF9
standard text: #303 and #960
edit links and val text: #C00

8/13/08:
outer background: #123
inner background: #586
standard text: #EEC and #DEE
edit links: #F99
val text: #D77

*/

/* forces right scrollbar */
html { 
    height: 100%;
    margin-bottom: 1px;
	overflow-y : scroll;
}

body { 
	font-family: arial, helvetica, helv, sans-serif; 
	font-size: 9pt ;
	background: #123;
	color: #EEC;
}

body a { 
	color: #EEC;
	text-decoration:underline;
}

form {
	margin:0;
	border:none;
	padding:0;
}

#playlist_header_edit, #playlist_data_edit, #playlist_footer_edit, #playlist_header, #playlist_data, #playlist_footer {
	width:925px; 
	text-align:left;
	margin:0; 
	border:none; 
	padding:0;
	font-weight:bold;
}

#playlist_header, #playlist_data, #playlist_footer {
	width:800px; 
}

#playlist_data_edit, #playlist_data {
	font-weight:normal;
}

.headerRowImg {
	overflow:hidden; 
	width:100%;
	text-align:center;
}

#img_Boombox, #img_Placeholder {
	width:84px;
	height:60px;
	margin:10px 5px 15px 5px;
	border:none; 
	padding:0;
	float:left;
	display: inline;
}

#img_Placeholder {
	float:right;
}

#img_WMBR {
	width:450px;
	height:60px;
	margin:10px auto;
	border:none; 
	padding:0;
}

#headerRowDataBlock {
	margin:0 0 5px 0;
	overflow:hidden;
	width:100%;
}

#headerRowInfo, #headerRowInfoLong, #headerRowSearchMainform {
	width:425px;
	float:left;
	margin:0 0 5px 5px;
	display: inline;
}

#headerRowInfoLong {
	width:725px;
}

#headerRowSearchMainform {
	width:597px;
	margin:0;
}

.headerRowDetail, .headerRowNavDetail, .headerRowSearchDetail {
	overflow:hidden;
	width:100%;
	margin:0;
}

.headerRowDetail, .headerRowNavDetail {
	margin:0 0 5px 0;
}

.headerRowNavDetail {
	text-align:right;
}

.headerRowLabel {
	float:left;
	width:50px;
}

.headerRowValue {
	float:left;
	width:370px;
}

.headerRowValueLong {
	float:left;
	width:670px;
}

#headerRowNav, #headerRowSearchInclAlt {
	width:325px;
	float:right;
	margin:0 5px;
	display: inline;
}

#headerRowNav {
	margin:0 5px 5px 5px;
	font-size:8pt;
}

#headerRowSearchInclAlt {
	width:197px;
	margin:0;
	border-left:1px dashed #123;
}

.headerRowSearchInclAltCheckbox {
	float:left;
	width:20px;
	margin:20px 0 0 5px;
	display: inline;
}

.headerRowSearchInclAltLabel {
	float:left;
	width:162px;
	font-size:8pt;
	color: #DEE;
	margin:5px;
	display: inline;
}

.headerRowSearchDetailLeft, .headerRowSearchDetailRight {
	float:left; 
	width:74px;
	margin:5px 5px 5px 20px;
	color: #DEE;
	display: inline;
}

.headerRowSearchDetailRight {
	float:left; 
	width:487px;
	margin:5px;
	display: inline;
}


#headerRowHeader {
	width:100%;
	text-align:center;
	margin:10px 5px;
	font-size:14pt;
}

#headerRowSubheader { 
	font-size: 12pt ;
}

.headerRowNote, .headerRowNote a { 
	text-align:left;
	font-size:80%;
	color:#DEE;
}

.headerRowNote a { 
	font-size:100%;
}

.linkRow {
	overflow:hidden;
	width:100%;
	font-size:8pt;
	line-height:175%;
}

.linkRowLabel {
	float:left;
	width:39px;
	margin:5px;
	display: inline;
}

.linkRowValueLeft {
	float:left;
	width:553px;
	margin:5px;
	display: inline;
}

.linkRowValueRight, .linkRowValueRightEdit {
	float:right;
	width:173px;
	margin:5px;
	text-align:right;
	display: inline;
}

.linkRowValueRightEdit {
	width:273px;
}

.dataRow, .sqlDataRow, .keyRow, .formRow, #headerRowSearchBlock {
	overflow:hidden;
	width:100%;
	background: #586;
}

.keyRow, #headerRowSearchBlock {
	font-weight:normal;
}

.dataRowAED, .dataRowMove, .dataRowTime, .dataRowBand, .dataRowSong, .dataRowFormat, .dataRowMisc, .dataRowComment, .dataRowIndexDate, .dataRowIndexShow, .dataRowIndexDJ, .dataRowIndexNote, .dataRowIndexFormLeft, .dataRowIndexFormRight, .dataRowTopRank, .dataRowTopBand, .dataRowTopSong, .dataRowTopBandPlays, .dataRowTopSongPlays, .dataRowSearchDate, .dataRowSearchBand, .dataRowSearchSong, .dataRowSearchFormat, .dataRowSearchDJ, .dataRowSearchShow, .dataRowAliasDelform, .dataRowAliasBand, .dataRowAliasSong, .dataRowAliasDefault {
	float:left; 
	margin:5px;
	width:64px;
	display: inline;
}

.dataRowMove, .dataRowTime {
	width:39px;
}

.dataRowBand, .dataRowBand a, .dataRowSong, .dataRowSong a, .dataRowFormat, .dataRowFormat a, .dataRowIndexShow, .dataRowIndexShow a, .dataRowIndexDJ, .dataRowIndexDJ a, .dataRowIndexNote, .dataRowIndexNote a, .dataRowAliasBand, .dataRowAliasBand a, .dataRowAliasSong, .dataRowAliasSong a {
	width:189px;
	color: #EEC;
}

.dataRowTime, .dataRowTime a, .dataRowSong, .dataRowSong a, .dataRowMisc, .dataRowMisc a, .dataRowComment, .dataRowComment a, .dataRowIndexDate, .dataRowIndexDate a, .dataRowIndexDJ, .dataRowIndexDJ a, .dataRowIndexFormLeft, .dataRowIndexFormRight, .dataRowTopRank, .dataRowTopSong, .dataRowTopSong a, .dataRowTopBandPlays, .dataRowSearchDate, .dataRowSearchDate a, .dataRowSearchSong, .dataRowSearchSong a, .dataRowSearchDJ, .dataRowSearchDJ a, .dataRowAliasSong, .dataRowAliasSong a {
	color: #DEE;
}

.dataRowMisc, .dataRowIndexNote, .dataRowTopBand, .dataRowTopSong, .dataRowSearchBand, .dataRowSearchSong, .dataRowSearchShow {
	width:139px;
}

.dataRowIndexDate {
	width:238px;
}

.dataRowIndexFormLeft {
	width: 87px;
	text-align:right;
	font-weight:normal;
}

.dataRowIndexFormRight {
	width:688px;
	font-weight:normal;
}

.dataRowTopRank {
	width:38px;
	margin-right:54px;
	text-align:right;
}

.dataRowTopBandPlays, .dataRowTopSongPlays {
	width:69px;
	text-align:right;
}

.dataRowSearchDate {
	width:89px;
	font-weight:normal;
}

.dataRowSearchFormat, .dataRowSearchDJ {
	width:114px;
}

.dataRowComment {
	width:790px;
	text-align:center;
}

.dataRowAliasExplain {
	width:756px;
	text-align:left;
	margin: 5px 22px;
	color: #DEE;
	font-weight:normal;
}

.dataRowAliasBand, .dataRowAliasBand a, .dataRowAliasSong, .dataRowAliasSong a {
	width:219px;
	color: #EEC;
}

.dataRowAliasDelform, .dataRowAliasDefault {
	width:114px;
	margin:5px 0 5px 20px;
	font-weight:normal;
}
	
.valAliasText {
	color: #D77; 
	font-weight:bold;
	font-size: 8pt;
	margin:0 0 5px 25px;
}


.controlRowBlockLabel, .controlRowBlockValue, #helpTOC, #helpContent {
	width:500px;
	float:left;
	display:inline;
	font-weight:normal;
	color: #DEE;
}

.help-data_split {
	background-image:url(img_bgHelpSplit.gif);
	background-repeat:repeat-y;
}

#helpTOC {
	width:224px;
	color: #EEC;
}

#helpContent {
	width:700px;
	font-size: 120%;
}

.helpInner {
	border:none;
	border-right:none;
	margin:0;
	padding:10px;
}

#helpContent .helpnote {
	margin:0 auto;
	padding:10px;
	width:548px;
	border:1px solid #DEE;
}

#helpContent .helpimage {
	margin:0 auto;
	padding:10px;
	text-align:center;
}

.help-tb-text, .help-tb-text-center {
	color:#EEC;
	padding:2px;
	font-size: 105%;
}

.help-tb-text-center {
	text-align:center;
}

.help-tb-text-arrows {
	font-size:120%;
}

#help-TableA {
	margin: 10px auto;
	width: 570px;
	border-collapse: collapse;
	text-align: left;
}

#help-TableA th {
	font-size: 110%;
	padding: 10px 16px;
	border-bottom: 2px solid #DEE;
}

#help-TableA td {
	border-bottom: 1px solid #DEE;
	color: #DEE;
	padding: 6px 16px;
	vertical-align:text-top;
}

#help-TableA tbody tr:hover td {
	color: #EEC;
}

.controlRowBlockLabel {
	width:300px;
}

.controlRowBlock {
	margin:10px 5px;
	font-weight:normal;
	color: #DEE;
}

.controlRowLabel {
	margin:10px 5px;
	font-size: 8pt;
}

.controlRowValue {
	margin:5px 0;
	overflow:hidden;
}

.controlRowValueLeft, .controlRowValueRight, .controlRowValueRightTag, .controlRowValueAll {
	margin:5px;
	width:187px;
	float:left;
	display:inline;
}

.controlRowValueRight {
	width:288px;
}

.controlRowValueRightTag {
	width:288px;
	margin:0 5px 5px 5px;
}

.controlRowValueAll {
	width:485px;
}

.controlRowValueTag {
	margin:0;
	overflow:hidden;
}

.controlRowValueTagDesc, .controlRowValueTagAbbrev {
	float:left;
	display:inline;
}

.valControlText {
	color: #D77; 
	font-weight:bold;
	margin:5px;
}

.data_split {
	background-image:url(img_bgSplit.gif);
	background-repeat:repeat-y;
}

.dataRowAED, .dataRowAED a, .dataRowMove, .dataRowMove a, .allow_edit, .allow_edit a {
	color: #F99; 
}

.keyRowData {
	float:left;
	margin:5px;
	width:765px;
	font-size:8pt;
	color: #DEE;
	text-align:center;
	display: inline;
}

.keyRowTagLong {
	color: #EEC;
	white-space:nowrap;
}

.breakRow {
	width:100%;
	height:1.25em;
	font-size:.75em;
	background:#123;
}

.imgUpDown {
	width:24px;
	height:14px;
	margin:0 0 0 3px;
	border:none;
	cursor:move;
}

.hidden_row {
	background: #123;
}


.inpSubmit {
	color: #123;
}

.inpDesc, .inpRadio {
	color: #DEE;
}

.valText {
	color: #D77; 
	font-weight:bold;
}

.inpDisabled {
	color: #CCC;
}

.valText, .inpDesc, .inpSubmit, .navText {
	font-size: 8pt;
}

.song_in_set {
	border-top:1px dashed #123;
}

.imgExternal {
	width:10px;
	height:10px;
	border:none;
}

/* New form formatting starts here */

#EditForm {
	margin:5px 0; 
	padding:0;
	border:none;
}

#AEDBH-Type-Sub {
	float:left; 
	margin:0; 
	width:100px; 
	clear:both; 
	font-size:8pt;
	display:inline;
}

#AEDBH-Block {
	float:left; 
	width:35px; 
	margin:6px 0 4px 5px; 
	font-size:9pt;
	display:inline;
}

#AEDBH-Block a {
	color: #F99; 
}

#BreakBlock, #HideBlock, .TagBlock {
	float:left; 
	margin:0; 
	width:30px; 
	text-align:center;
}

.BoxLab {
	color: #DEE; 
	margin:0; 
}

#inpCheckBreak, #inpCheckHide, .inpCheckTag, .inpCheck {
	width:14px;
	height:14px;
	border:none;
	padding:0;
	margin:2px 0;
}

.inpCheckTag {
	margin:2px 0 2px 3px;
}

.BrEditForm {
	clear:both;
}

#TypeBlock {
	width:75px; 
	margin:2px 0 0 18px;
}

#typeSong, #typeComm {
	margin:0;
}

.radioSpacer {
	font-size:5pt;
}

#SubBlock {
	margin:9px 16px 0 18px;
}

#inpSubmitEditForm {
	color: #123; 
	width: 66px; 
	margin:1px 0; 
	padding:1px; 
	border:1px solid #000; 
	font-size: 8pt;
}

#songDiv, #commentDiv {
	width:726px; 
	margin:0; 
	font-size:8pt; 
	float:left; 
}

#commentDiv {
	margin:0 0 5px 0;
}

.inpTextBlock {
	float:left;
	margin:0 0 5px 0;
}

#inpTime, #inpArtist, #inpSong, #inpVersion, #inpAlbum, #inpFormat, #inpLabel, #inpYear, #inpMisc, #inpArtistLink, #inpLabelLink, #inpComposer, #inpComment {
	width:32px;
	margin:0 2px 1px 2px;
	padding:1px;
	border:1px solid #000;
}

#inpArtist, #inpSong {
	width:282px;
}

#inpVersion, #inpMisc {
	width:97px;
}

#inpAlbum {
	width:249px;
}

#inpFormat, #inpYear {
	width:65px;
}

#inpLabel {
	width:209px;
}

#inpArtistLink {
	width:266px;
}

#inpLabelLink {
	width:265px;
}

#inpComposer {
	width:170px;
}

#inpComment {
	width:717px;
	height:96px;
}

#boxesDiv, #alignCommentDiv {
	width:99px; 
	margin:0; 
	font-size:8pt; 
	float:left; 
}

#typeSong label, #typeComm label, .inpRadioAlign label {
	color: #DEE; 
	font-size:9pt;
}

.TagBlock {
	width:33px;
	margin:0 0 8px 0;
	display:inline;
}

.inpDesc, .inpRadio, .valText {
	margin:0 0 0 3px;
}

.inpSubmit {
	width: 71px; 
	margin:1px 2px; 
	padding:1px; 
}

#valDiv {
	width:725px; 
	margin:0 100px;; 
	clear:both;
}

#aliasBox {
	margin:4px 2px 4px 6px; 
	border:0;
}

#aliasText {
	margin:4px 4px 4px 2px; 
	border:0;
}
	
.inpSearch {
	width:auto;
	margin: 1px;
	padding: 1px;
}

#inpKey, .inpAlias {
	width:125px;
	margin:1px 2px;
	padding:2px 1px;
}

.inpAlias {
	width:160px;
}

.inpNames, .inpPW, .inpPref1, .inpPref2, .inpBlockText {
	width:214px;
	margin:0 2px;
	padding:1px;
}

.inpNames {
	width:272px;
}

.inpBlockText {
	width:272px; 
	height:70px; 
}

.inpPref2 {
	width:50px;
}

.inpLinkDesc {
	width:272px;
	margin:1px 2px 0 2px;
	padding:1px;
}

.inpLinkURL {
	width:272px;
	margin:0 2px 1px 2px;
	padding:1px;
}

.inpSubmit, .inpSearch, #inpKey, .inpAlias, .inpPW, .inpNames, .inpLinkDesc, .inpLinkURL, .inpPref1, .inpPref2, .inpBlockText {
	border:1px solid #000;
}

/* New form formatting ends here */

.working {
	text-align:center;
}

#iPhonePopup {
	position:fixed; 
	width: 720px; 
	background:#39C; 
	border: 3px solid #000; 
	font-size:300%; 
	padding:3%; 
	left: 12%; 
	top: 10%; 
	-webkit-border-radius: .75em;
	display: block; 
}

.iPhoneButton {
	border: 3px solid #000; 
	padding:3%; 
	margin-top:30px; 
	display:block; 
	background:#369; 
	text-decoration:none; 
	-webkit-border-radius: .75em;
}

#overlay_page {
    background-color: #006;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
	width: 100%;
	opacity: .60; 
	filter: alpha(opacity=60); 
}

#overlay_window {
    left: 0;
    top: 0;
    position: absolute;
    overflow: visible;
    z-index: 150;
	width:100%;
	text-align:center;
}

#overlay_content {
	background-color:#39C;
	font-size:20pt;
	width:350px;
    margin: 0 auto;
    padding: 0;
}