/***************************************************************
* MAIN CONTAINER STYLES
/**************************************************************/

td#mainContentCell {
 padding-left: 10px;
}

div#tagLine {
 height: 20px;
}

.borderStyle { border: 1px solid #CCCCCC; }

table.sectionTitle { width: 100%; height: 25px; margin-bottom: 10px; color: #000000;}
td#stIcon { width: 25px; height: 25px; text-align: center; vertical-align: middle;color: #FFFFFF; }
td#stText { font-weight: bold; vertical-align: middle; padding-left: 10px;color: #000; }

div.spacingSmall { margin-bottom: 5px; }
div.spacingLarge { margin-bottom: 20px; }

td.fieldTitle {
 vertical-align: middle;
 font-weight: bold;
color: #000;
}

td.fieldData {
 vertical-align: middle;
 padding-left: 10px;
color: #000;
}

/***************************************************************
* MAIN MENU STYLES
/**************************************************************/

div.menuSectionTitle {
 height: 20px;
 text-align: left;
 padding-left: 8px
}

td#mainMenuCell {
 text-align: center;
 width: 201px;
color: #FFFFFF;
}

div#mainMenuSideBorder {
 width: 201px;
 padding-left: 4px;
 margin-bottom: 10px;
}

div.mainMenuContainer {
 width: 197px;
 text-align: left;
}

table.mainMenuHeader {
 width: 100%;
}

td.mainMenuHeaderIcon { 
 cursor: pointer;
 cursor: hand;
color: #FFFFFF;
 
 text-align: center;
 vertical-align: middle;
 
 width: 37px;
 height: 37px;
}

td.mainMenuHeaderOption {
 text-align: left;
 vertical-align: middle;
color: #FFFFFF;
 
 width: 148px;
 height: 37px;
 
 cursor: pointer;
 cursor: hand;
 
 padding-left: 8px;
}

td.mainMenuHeaderText {
 font-weight: bold;
 font-size: 12px;
color: #FFFFFF;
}

td.menuHeaderEnd {
 width: 10px;
color: #FFFFFF;
}

div.mainMenuContentMenu_On {
 display: block;
 padding: 0px;
 padding: 10px 0px 10px 37px;
}

div.mainMenuContentMenu_Off {
 display: none;
 padding: 0px;
 padding: 10px 0px 10px 37px;
}

/***************************************************************
* LOGIN BOX STYLES
/**************************************************************/

input.loginBoxField {
 width: 110px;
}

td#loginBoxButton {
 text-align: right;
 padding: 8px;
 padding-top: 0px;
color: #FFFFFF;
}

.normalCursor {
 cursor: default;
}

/***************************************************************
* SEARCH BOX STYLES
/**************************************************************/

table#searchContainerTable {
 width: 100%;
 height: 25px;
 margin-bottom: 10px;
}

table#searchContainerTable td {
 font-size: 11px;
 vertical-align: middle;
}

td#searchBoxCell { padding: 4px; color: #FFFFFF;}
td#searchByCell { text-align: left; color: #FFFFFF;}
table#searchByTable { height: 100%; color: #FFFFFF;}
table#searchByTable td { padding: 2px; cursor: pointer; cursor: hand; color: #FFFFFF;}

td.searchByDivider {
 width: 3px;
 padding: 0px;
 opacity: .3;
 -moz-opacity: .3;
 filter: alpha(opacity=30);
color: #FFFFFF;
}

input#searchBoxField {
 width: 100px;
}

/***************************************************************
* SEARCH RESULTS STYLES
/**************************************************************/

table#resultsTable {
 width: 100%;
}

table#resultsTable td {
 font-size: 10px;
 padding: 4px;
 padding-left: 0px;
 vertical-align: middle;
color: #000000;
}

td.resultsTableTitle {
 font-weight: bold;
color: #000000;
}

td#artistNameCol { width: 180px; color: #000000;}
td#songNameCol { width: 180px; }
td#previewCol { width: 50px; text-align: center; color: #000000;}
td#downloadCol { text-align: center; font-weight: bold; color: #000000;}

td#infoCol { text-align: center; font-weight: bold; color: #000000;}

div#infoPages { color: #000000; }

/***************************************************************
* FEATURED CONTENT STYLES
/**************************************************************/

table#homepageContent {
 width: 100%;
 margin-bottom: 10px;
}

table.featuredContentTable {
 width: 100%;
}

td.fcTitleSideBorder {
 width: 4px;
 padding: 0px;
color: #FFFFFF;
}

td.featuredContentTitle {
 padding: 4px 4px 4px 10px;
 font-weight: bold;
 vertical-align: middle;
color: #000;
}

td.featuredContentDesc {
 padding: 4px;
 padding-bottom: 14px;
color: #000;
}

/***************************************************************
* TOP 5 CHARTS STYLES
/**************************************************************/

td#mainContentColumn {
 padding-right: 10px;
color: #000;
}

td#top5Column {
 width: 180px;
color: #000;
}

div.top5Title {
 font-weight: bold;
 padding: 4px;
}

div.top5List {
 margin-bottom: 10px;
 padding: 4px;
}

/***************************************************************
* GAME INFO PAGE STYLES
/**************************************************************/

table#gameInfo {
 width: 100%;
}

img#gameThumbnail {
 margin-right: 10px;
}

div#gameTitle {
 font-weight: bold;
 padding: 4px;
}

/***************************************************************
* MESSAGE STYLES
/**************************************************************/

div.messageBox {
 padding: 8px;
 margin-bottom: 10px;
}

/***************************************************************
* GENERIC ELEMENT STYLES
/**************************************************************/

table {
 border-collapse: collapse;
 border-spacing: 0px;
}

td{
 vertical-align: top;
 margin: 0px;
 padding: 0px;
color: #000;
}

div {
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}

form {
 padding: 0px;
 margin: 0px;
}

/***************************************************************
* FIXES/HACKS
/**************************************************************/

img.ie_spacing_fix {
 vertical-align: -.25em;
}


/*****************************************************************
tooltip styling
*****************************************************************/

#dhtmlgoodies_tooltip{
		background-color:#EEE;
		border:1px solid #000;
		position:absolute;
		display:none;
		z-index:20000;
		padding:2px;
		font-size:0.9em;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
		font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
		
	}
	#dhtmlgoodies_tooltipShadow{
		position:absolute;
		background-color:#555;
		display:none;
		z-index:10000;
		opacity:0.7;
		filter:alpha(opacity=70);
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
	}