/***************************************************************
* 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; }
td#stIcon { width: 25px; height: 25px; text-align: center; vertical-align: middle; }
td#stText { font-weight: bold; vertical-align: middle; padding-left: 10px; }

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

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

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

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

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

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

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;
 
 text-align: center;
 vertical-align: middle;
 
 width: 37px;
 height: 37px;
}

td.mainMenuHeaderOption {
 text-align: left;
 vertical-align: middle;
 
 width: 148px;
 height: 37px;
 
 font-weight: bold;
 font-size: 12px;
 
 cursor: pointer;
 cursor: hand;
 
 padding-left: 8px;
}

td.menuHeaderEnd {
 width: 10px;
}

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: 139px;
}

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

/***************************************************************
* 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; }
td#searchByCell { text-align: left; }
table#searchByTable { height: 100%; }
table#searchByTable td { padding: 2px; cursor: pointer; cursor: hand; }

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

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;
}

td.resultsTableTitle {
 font-weight: bold;
}

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

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

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

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

table.featuredContentTable {
 width: 100%;
}

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

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

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

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

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

td#top5Column {
 width: 180px;
}

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;
}

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

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

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

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