body, input, button {
	font-family: "Wii NTLG PGothic JPN Regular", "Tahoma";
	font-size: 28px;
	overflow: hidden;
}

body {
	background-image: url(../Images/BackgroundStandard.jpg);
	background-repeat: no-repeat;
}

form {
	display: inline;
}

select { 
	font-size: 18pt;
}

/**
 *	Login Window Styles
 */
#LoginWindow {
	color: black;
}

#LoginWindow table {
	padding-top: 5%;
	width: 80%;
	height: 80%;
}

#LoginWindow table td {
	padding: 5px;
}

#LoginWindow button {
	width: 125px;
}

/**
 *	Playlist Window Styles
 */
#PlaylistWindow {
	z-index: 50;
}

#PlaylistWindow span#Title {
	font-size: 42pt;
	font-weight: bold;
	padding-left: 0.5em;
}

#PlaylistWindow span#Buttons {
	padding-right: 0.5em;
}

#PlaylistWindow span#PlayListControls {
	display: block;
	width: 732px;
	height: 75px;
	margin: 4px;
	margin-top: 10px;
	border-bottom: 4px solid black;
}

#PlaylistWindow span#PlayListControls span {
	height: 70px;
}

#PlaylistWindow span#PlaylistList {
	display: block;
	width: 100%;
	margin: 4px;
	padding-top: 0.3em;
	padding-left: 0.8em;
	overflow: hidden;
}

/**
 *	Create Playlist Window Styles
 */
#CreatePlaylistWindow {
	color: black;
}

#CreatePlaylistWindow table {
	padding-top: 5%;
	width: 80%;
	height: 80%;
}

#CreatePlaylistWindow table td {
	padding: 5px;
}

#CreatePlaylistWindow button {
	width: 125px;
}

/**
 *	Confirm Playlist Delete Window Styles
 */
#ConfirmPlaylistDeleteWindow {
	color: black;
}

#ConfirmPlaylistDeleteWindow table {
	padding-top: 5%;
	width: 85%;
	height: 80%;
}

#ConfirmPlaylistDeleteWindow table td {
	padding: 5px;
}

#ConfirmPlaylistDeleteWindow button {
	width: 125px;
}

/**
 *	Tracks List Window Styles
 */
#TracksListWindow {
	z-index: 50;
}

#TracksListWindow span#Title {
	font-size: 42pt;
	font-weight: bold;
	padding-left: 0.5em;
}

#TracksListWindow span#Buttons {
	padding-right: 0.5em;
}

#TracksListWindow span#TracksListControls {
	display: block;
	width: 732px;
	height: 75px;
	margin: 4px;
	margin-top: 10px;
	border-bottom: 4px solid black;
}

#TracksListWindow span#TracksListControls span {
	height: 70px;
}

#TracksListWindow span#TracksListList {
	display: block;
	width: 100%;
	margin: 4px;
	padding-top: 0.3em;
	padding-left: 0.8em;
	overflow: hidden;
}

/**
 *	Browse Tracks Window Styles
 */
#BrowseTracksWindow {
	z-index: 100;
}

#BrowseTracksWindow span#Title {
	font-size: 42pt;
	font-weight: bold;
	padding-left: 0.5em;
}

#BrowseTracksWindow span#Buttons {
	padding-right: 0.5em;
}

#BrowseTracksWindow span#BrowseTracksControls {
	display: block;
	width: 732px;
	height: 75px;
	margin: 4px;
	margin-top: 10px;
	border-bottom: 4px solid black;
}

#BrowseTracksWindow span#BrowseTracksControls span {
	height: 70px;
}

#BrowseTracksWindow span#BrowseTracksTokens {
	font-size: 18pt;
	display: block;
	border-bottom: 4px solid black;
	padding-left: 0.5em;
	padding-bottom: 0.2em;
}

#BrowseTracksWindow span#BrowseTracksTokens td {
	width: 1em;
	text-align: center;
}

#BrowseTracksWindow span#BrowseTracksList {
	display: block;
	width: 100%;
	margin: 4px;
	padding-top: 0.3em;
	padding-left: 0.8em;
	overflow: hidden;
}

/**
 *	Token styles
 */
span.token {
	display: block;
	width: 100%;
}

span.tokenNormal {
	background-color: transparent;
	border: 2px solid;
	border-color: transparent;
}

span.tokenSelected {
	background-color: #8DDFCD;
	border: 2px solid #48A298;
}

span.tokenHighlighted {
	background-color: #AADDFF;
	border: 2px solid #3399FF;
}

span.tokenSelectedHighlighted {
	background-color: #C3F5E0;
	border: 2px solid #48A298;	
}

/**
 *	Create Playlist Window Styles
 */
#BrowseByTypeSelectionWindow {
	color: black;
}

#BrowseByTypeSelectionWindow table {
	padding-top: 5%;
	width: 80%;
	height: 80%;
}

#BrowseByTypeSelectionWindow table td {
	padding: 5px;
}

#BrowseByTypeSelectionWindow button {
	width: 125px;
}

/**
 *	Adding Track Window Styles
 */
#AddingTrackWindow {
}

#AddingTrackWindow span {
	padding: 40px;
	display: block;
	width: 520px;
}

/**
 *	Player Window Styles
 */
#PlayerWindow {

}

#PlayerWindow span#PlayListTitle {
	font-size: 36pt;
	width: 550px;
	display: block;
	font-weight: bold;
	color: black;
	cursor: hand;
	overflow: hidden;
	border: 2px solid;
	border-color: transparent;
}

#PlayerWindow span#PlayListTitle:hover {
	background-color: #8DDFCD;
	border: 2px solid #48A298;
}

#PlayerWindow span#PlayListTrackInfo {
	display: block;
	width: 93%;
}

#PlayerWindow span#PlayListTrackInfo span#PlayListTrackAlbum {
	font-size: 20pt;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 1.5em;
	moz-opacity: 0.5;
	opacity: 0.5;
	padding-left: 3px;
}

#PlayerWindow span#PlayListTrackInfo span#PlayListTrackArtist {
	font-size: 20pt;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 1.5em;
	moz-opacity: 0.5;
	opacity: 0.5;
	padding-left: 3px;
}

#PlayerWindow span#PlayListTrackInfo span#PlayListTrackTitleWrapper {
	display: block;
	width: 100%;
	border: 2px solid;
	border-color: transparent;
}

#PlayerWindow span#PlayListTrackInfo span#PlayListTrackTitleWrapper:hover {
	background-color: #8DDFCD;
	border: 2px solid #48A298;
}

#PlayerWindow span#PlayListTrackInfo span#PlayListTrackTitle {
	font-size: 28pt;
	display: block;
	overflow: hidden;
	width: 100%;
	cursor: hand;
}

#PlayerWindow span#PlayListEmpty {
	font-size: 28pt;
	display: block;
	moz-opacity: 0.5;
	opacity: 0.5;
}

#PlayerWindow span#PlayListLoading {
	font-size: 28pt;
	display: block;
	moz-opacity: 0.5;
	opacity: 0.5;
}

#PlayerWindow img#PlayerRepeatStatus {
	border: 2px solid;
	border-color: transparent;
	padding-top: 10px;
	padding-bottom: 10px;
}

#PlayerWindow img#PlayerRepeatStatus:hover {
	background-color: #8DDFCD;
	border: 2px solid #48A298;
}

#PlayerWindow img#PlayerShuffleStatus {
	border: 2px solid;
	border-color: transparent;
	padding-top: 10px;
	padding-bottom: 10px;
}

#PlayerWindow img#PlayerShuffleStatus:hover {
	background-color: #8DDFCD;
	border: 2px solid #48A298;
}

/**
 *	Message Bix Styles
 */
#MessageBox {
}
 
#MessageBox span {
	padding: 0.5em;
	width: 100%;
}

#MessageBox span#Title {
	display: block;
	font-weight: bold;
	border-bottom: 2px solid black;
	overflow: hidden;
}

#MessageBox span#Message {
	display: block;
	border-bottom: 2px solid black;
	width: 95%;
}

#MessageBox span#Buttons {
	display: block;
	text-align: center;
	overflow: hidden;
}

#MessageBox span#Buttons button {
	width: 150px;	
}

/**
 *	List styles
 */
span.listItem {
	display: block;
	width: 94%;
	padding-left: 0.2em;
}

span.listItemContents {
	display: block;
	width: 100%;
	overflow: hidden;	
}

span.listNormal {
	background-color: transparent;
	border: 2px solid;
	border-color: transparent;
}

span.listSelected {
	background-color: #8DDFCD;
	border: 2px solid #48A298;
	font-weight: bold;
}

span.listHighlighted {
	background-color: #AADDFF;
	border: 2px solid #3399FF;
}

span.listSelectedHighlighted {
	background-color: #C3F5E0;
	border: 2px solid #48A298;	
}

span.listDeleteHighlighted {
	background-color: #FFAAAA;
	border: 2px solid #FF3333;		
}

span.listDeleteSelectedHighlighted {
	background-color: #FFAAAA;
	border: 2px solid #FF3333;
	font-weight: bold;
}

/**
 *	Link Styles
 */
a img {
	border: none;
}

a:link {
	text-decoration: none;
}

a:active{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

a:visited{
	text-decoration: none;
}