/*Menu Bar Def*/
.menu_bar{
    font-size: 12px;
    font-family: "Times new Roman",Times,serif;
    color: grey;
    border-collapse: collapse;
    padding: 0pt;
    margin: 0pt;    
    text-align: center;
}
.menu_filler{
    background-image: url(../images/title-bg_light.gif);
}
.menu_unselected{
    background-image: url(../images/title-bg_light.gif);
    border: 1pt solid Silver;
    cursor: pointer;
}
.menu_selected{
    background-image: url(../images/title-bg_dark.gif);
    cursor: pointer;
    color: Black;
    border:1pt solid black;
}
.menu_bar td{
    border: 1pt solid Silver;
    border-collapse: collapse;
}


.mainContentArea{
    font-size: 14px;
    font-family: "Times new Roman",Times,serif;
    color: #504f4f;
    padding: 5px;
}
.randomBrowseList{
	display:inline;
}
.searchSongList{
    border:1px solid black;
    height: 500px;
    overflow:auto;
}
.playNow{
    font-size:12px;
    color:black;
    font-family:arial;
    display:inline;
}
.addToPlayList{
    font-size:12px;
    color:#504f4f;
    font-family:arial;
    display:inline;
}
.browseItem{
    font-size:11px;
    color:#504f4f;
    font-family:arial;
    
}
/*playlists*/
.playlist_title{
    font-size:14px;
    font-family: "Times new Roman",Times,serif;
}
.playlist_name{
    font-weight:bolder;
}
.playlist_close{
    font-size:10px;
    font-family:arial;
}
.playlist_form{
    font-size:12px;
    font-family:arial;
}
.playlist_formPrompt{
    font-size:12px;
    font-family:arial;
    text-align:right;
}
.playlist_table{
    border:1px solid black;
}
.playlist_itemsTable TD {
    border-top:1px solid black;
}
.playlist_editForm{
    border: thin inset gray;    
}


/*album display*/
.albumList_div{
    text-align:left;
    width:100%;
}
.alb_albumName{
    font-size:14px;
    color:black;
    font-weight:bolder;
}
.alb_artistName{
    font-size:12px;
    color:Gray;
    font-weight:bold;
}
.alb_genreName{
    font-size:12px;
    color:Gray;
    font-weight:normal;
    font-style:italic;
}


.np_outerDiv{
    /*overflow:auto;
    height:600px;
    max-height:600px;*/
    width:250px;
    max-width:250px;
    border:1px solid gray;
}
.np_dataTD{
    border:1px solid gray;
    font-size:10px;
    font-family:arial;
    color:gray;
    width:100%;
}
.np_table{
    /*border:1px solid black;*/
    width:100%;
    padding:0px;
}
.np_song{
    color:black;
    font-weight:bold;
    font-size:12px;
}
.np_artist{}
.np_album{}
.np_user{}
.np_time{
    display:inline;
}
/*Album list classes*/
.albumArt{width:50px;height:50px;}
.albumListTable{width:100%;
    padding-bottom:0px;
    padding-left:5px;
    padding-right:5px;
    padding-top:0px;
}
.alphabet{
    font-size:14pt;
    font-weight:bold;
    color:gray;
}
.alphabet_selected{
    font-size:16pt;
    font-weight:bolder;
    color:Black;
    text-decoration:underline;
}
.listingFunctions{
    font-size:10pt;
    color:Navy;
}
.listingContent{
    font-size: 14pt;
}
.showAblumDetail{
    font-size:10pt;
    font-family:arial;
    color:gray;
    text-decoration: none;
}
.showAlbumDetailHover{
    font-size:10pt;
    font-family:arial;
    color:gray;
    text-decoration: underline;
    cursor:pointer;
}


.divAsAHref{
    font-size:10pt;
    font-family:arial;
    color:gray;
    text-decoration: none;

}
.divAsAHrefHover{
    font-size:10pt;
    font-family:arial;
    color:gray;
    text-decoration: underline;
    cursor:pointer;
}

.browseListing{
    font-size: 14px;
    font-family: "Times new Roman",Times,serif;
    color: #504f4f;
}
.browseListingDetail{
    border:none;
}
.browseListingDetail TD {border:none;}

.configDesc{
    border:1px black solid;
    font-size:14px;
}

.prefWrapper{
    border:1px black solid;
}
.tiny{
    font-size:9px;
    font-family:arial;
    color:Gray;
}
.smalItal{
    font-size:10px;
    font-family:arial;
    color:Gray;
}
.medItal{
    font-size:12px;
    font-family:arial;
    color:Gray;
}


.configTable{
    width:100%;
}
.configTableName{
    text-align:right;
    width:100px;
    border-right:1px gray solid;
}
.configTableDesc{
    text-align:right;
    border-left:1px gray solid;
}
.songList_table{
    font-size: 12px;
    color: #666666;
    
}


.j_prettyBtn_text{
    text-decoration: none;
    font-size: 12px;
    width:81px;
    font-family: "Times New Roman", Times, serif;
    cursor: pointer;
    clear: both;
    vertical-align: middle;
}
.j_prettyBtn_raised{
    background-image: url(../images/j_prettyBtn_raised.gif);
    width: 81px;
    height: 37px;
    text-align: center;
    vertical-align: middle;
}
.j_prettyBtn_hover{
    background-image: url(../images/j_prettyBtn_hover.gif);
    width: 81px;
    height: 37px;
    text-align: center;
    vertical-align: middle;
}
.j_prettyBtn_pressed{
    background-image: url(../images/j_prettyBtn_pressed.gif);
    width: 81px;
    height: 37px;
    text-align: center;
    vertical-align: middle;
}

.j_printTable{/*standard table style for printing query results*/
	border-collapse:collapse;
	border: 1px Silver solid;

	/*border-bottom: 1px Silver solid;
	border-right: 1px Silver solid;*/
	padding:0px 0px 0px 0px;

}
.j_printTable_onMouseOver{
	background-color:#E7F1E7;
}
.j_printTable_onMouseOut{
	background-color:transparent;
}
.j_printTable td{
	/*border: 1px Silver solid;
*/
	border-top: 1px Silver solid;
	border-left: 1px Silver solid;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	color:#515151;
	font-size:8px;
}
.j_printTable_red{
	background-color:#FE3044;
}
.j_printTable_green{
	background-color:#00FF80;
}
.j_printTable th{
	font-weight: bold;
	/*background:#a8a8a8;*/
	background-image: url("../images/title-bg_light.gif");
	border: 1px Silver solid;
	padding: 2px 2px 2px 2px;
	text-align: center;
	vertical-align: top;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	white-space: nowrap;
	text-transform: capitalize;
}
html>body tbody.scrollContent{/*add scroll for firefox. probably should make this conditional*/
	height:195px;
	overflow: auto;
}
.text{ font-size: 14px;color: #666666; background-color: #FFFFFF;}
.textbox {color: #666666}
.textboxPrompt {font-size: 14px;color: #666666; background-color: #FFFFFF; text-align: right}
h3{color: #666666;font-size:18px;}
a:link {color: Navy; text-decoration: none;font-weight: bold;}
a:visited {color: Navy; text-decoration: none;font-weight: bold;}
a:hover {font-weight: bolder; color: Navy; text-decoration: underline}
a:active {font-weight: bolder; color: Navy; text-decoration: underline}

a.j_href_btn:link {font-size: 12px;	font-weight: lighter;	text-decoration: none;	border: 1px outset #424242;	padding: 4px 4px 4px 4px;	color: Navy;}
a.j_href_btn:visited {font-size: 12px;	font-weight: lighter;	text-decoration: none;	border: 1px outset #424242;	padding: 4px 4px 4px 4px;	color: Navy;}
a.j_href_btn:hover {font-size: 12px;font-weight: lighter;	text-decoration: none;	border: 1px outset Lime;	padding: 4px 4px 4px 4px;	color: Lime;}
a.j_href_btn:active {font-size: 12px;	font-weight: lighter;	text-decoration: none;	border: 1px inset Red;		padding: 4px 4px 4px 4px;	color: Red;}
a.j_href_btn2:link {font-size: 12px;	font-weight: lighter;	text-decoration: none;	padding: 4px 4px 4px 4px;	color: Navy;}
a.j_href_btn2:visited {font-size: 12px;	font-weight: lighter;	text-decoration: none;	padding: 4px 4px 4px 4px;	color: Navy;}
a.j_href_btn2:hover {font-size: 12px;font-weight: lighter;	text-decoration: none;	border: 1px outset Teal;	padding: 4px 4px 4px 4px;	color: #166C16;}
a.j_href_btn2:active {font-size: 12px;	font-weight: lighter;	text-decoration: none;	border: 1px inset Red;	padding: 4px 4px 4px 4px;	color: #CF2727;}