#toneList { 
	border: 1px #ccc solid; 
	padding: 2px;
	font: 12px arial, sans-serif; 
	background: #fff;
}
#toneList th { 
	border-bottom: 2px #fff solid;
	padding: 4px;
	text-align: left; 
	text-transform: uppercase; 
	background: #d3e5f6 url("images/listing_header_bg.gif") repeat-x top; 
	color: #43677D;
}
	#toneList tr.iiTr { background: #eef7ff; }
	#toneList td { padding: 2px; color: #444444; }
	#toneList .help h3 { border-bottom: 1px #ccc solid; }
	
/***/

#gfxList { padding: 2px; }
#gfxList table { clear: both; }
#gfxList td img { border: 1px #ccc solid; padding: 2px; background: #eaf0fe; }
#gfxList td img:hover { border: 1px #63879D solid; }
#gfxList td p { margin: 3px 0; text-align: center; }
#gfxList ul { margin: 0; padding: 0; list-style-type: none; }
#gfxList ul li { margin: 0 4px; float: left; }
#gfxList .help h3 { border-bottom: 1px #ccc solid; }

/***/

.top-list #toneList { border-top: none; }
.top-list #toneList table { margin-bottom: 0; }
.top-list #toneList td, .top-list #gfxList td { padding: 2px 2px 1px 2px; } 
.top-list #toneList a, 
.top-list #toneList a:link, 
.top-list #toneList a:visited, 
.top-list #toneList a:active, 
.top-list #gfxList a, 
.top-list #gfxList a:link, 
.top-list #gfxList a:visited, 
.top-list #gfxList a:active { color: #444444; text-decoration: none; }
.top-list #toneList a:hover { background: none; text-decoration: underline; }

.gfx-top-list #gfxList { border: 1px #ccc solid; border-top: none; padding-top: 10px; }

/***/

#toneList table, #gfxList table { width: 100%; border-collapse: collapse; }
#toneList img, #gfxList img { display: block; margin: 0; padding: 0; border: none; }
#toneList .help, #gfxList .help { padding-top: 10px; }
span.rank { padding-right: 10px; font-weight: bold; }

/***/

/*---------------------------------------------------------------------------------------*/
/*----------------- GRAFIC LISTING ------------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/

/* common grafical style definitions */
#gfxList_8 { width: auto; background-color: #fff; }

/* definition on plain image listing like wallpapers, themes or animations */
#gfxList_8 div.listRow { width: auto; margin-bottom: 10px; }
#gfxList_8 div.listRow span.listImageEntry { border: 1px #ccc solid; padding: 2px; background: #eaf0fe; margin: 6px; float: left; width:100px; height:100px; }
#gfxList_8 div.listRow span.listImageEntry a.listImageAnchor img.listImage { display: block; border: 1px solid #FFFFFF; margin: 5px auto; }
#gfxList_8 div.listRow span.listImageEntry a.listImageAnchor:hover img.listImage { border: 1px #63879D solid; }

/*paging*/
div.listPageControl_8 { margin-top: 10px; margin-bottom: 10px; height 20px; width: auto; text-align: center; padding: 10px auto;}
div.listPageControl_8 span.listPageControlDots { margin-left: 5px; margin-right: 5px; text-align: center; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; width: 20px; }
div.listPageControl_8 a { text-decoration: none }
div.listPageControl_8 span.listPageControlItem { margin-left: 5px; margin-right: 5px; text-align: center; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; width: 20px; }
div.listPageControl_8 span.listPageControlItemActual { margin-left: 5px; margin-right: 5px; text-align: center; font-size: 14px; font-weight: bold; text-decoration: italic; color: #FF0000; width: 20px; }
div.listPageControl_8 span.listPageControlPrev { margin-left: 5px; margin-right: 5px; text-align: center; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; width: 20px; }
div.listPageControl_8 span.listPageControlNext { margin-left: 5px; margin-right: 5px; text-align: center; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; width: 20px; }
div.listPageControl_8 span.listPageControlPrevInactive { margin-left: 5px; margin-right: 5px; text-align: center; font-size: 14px; font-weight: bold; color: #CCCCCC; text-decoration: none; width: 20px; }
div.listPageControl_8 span.listPageControlNextInactive { margin-left: 5px; margin-right: 5px; text-align: center; font-size: 14px; font-weight: bold; color: #CCCCCC; text-decoration: none; width: 20px; }
/*---------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------*/
/*----------------- TONE LISTING --------------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/

/* definition of header styles */
#toneList_6 { width: auto; font-family: arial, sans-serif; }
#toneList_6 div.listHeader { display:none; height: 30px; width: auto; background-color: #fff; border-collapse: collapse; margin-bottom: 5px; padding: 5px;}
#toneList_6 div.listHeader span.listHeaderArtist { margin-left: 10px; font-size:20px; font: tahoma; font-weight: bold; color: #43677D; }
#toneList_6 div.listHeader span.listHeaderSong { margin-left: 10px; font-size: 20px; font: tahoma; font-weight: bold; color: #43677D; }
#toneList_6 div.listHeader span.listHeaderDash { margin-left:5px; margin-right: 5px; font-size: 12px; font: tahoma; font-weight: none; color: #43677D; }

/* definition of tone listing rows */
#toneList_6 p.listRowEven { margin: 0px; margin-bottom: 1px; background-color: #DDDDDD; padding: 5px auto; width:auto; height: 20px;}
#toneList_6 p.listRowOdd { margin: 0px; margin-bottom: 1px; background-color: #444444; padding: 5px auto; width:auto; height: 20px;}

/* definition of items in tone listing rows */
#toneList_6 p.listRowEven { background: #eef7ff; }
#toneList_6 p.listRowOdd { background: #fff; }

#toneList_6 p.listRowEven span.listRowRank { text-align: right; font: tahoma; color: #444; font-size: 12px; font-weight: bold; margin-left: 10px; width:20px; }
#toneList_6 p.listRowOdd span.listRowRank { text-align: right; font: tahoma; color: #444; font-size: 12px; font-weight: bold; margin-left: 10px; width:20px; }

#toneList_6 p.listRowEven span.listRowSong { font: tahoma; color: #000000; font-size: 12px; font-weight: bold; margin-left: 10px; width:200px;}
#toneList_6 p.listRowOdd span.listRowSong { font: tahoma; color: #FFFFFF; font-size: 12px; font-weight: bold;  margin-left: 10px; width:200px;}

#toneList_6 p.listRowEven span.listRowArtist { font: tahoma; color: #000000; font-size: 12px; font-weight: none; width:200px;}
#toneList_6 p.listRowOdd span.listRowArtist { font: tahoma; color: #FFFFFF; font-size: 12px; font-weight: none; width:200px;}

#toneList_6 p.listRowEven span.listRowDash { color: #000000; font-size: 11px; font-weight: none; margin-left: 5px;  margin-right:5px;}
#toneList_6 p.listRowOdd span.listRowDash { color: #FFFFFF; font-size: 11px; font-weight: none; margin-left: 5px;  margin-right:5px;}

#toneList_6 p.listRowEven span.listRowPreview { font: tahoma; color: #000000; font-size: 12px; font-weight: none; position:absolute; right:70px; width:20px; padding: 2px;}
#toneList_6 p.listRowOdd span.listRowPreview { font: tahoma; color: #FFFFFF; font-size: 12px; font-weight: none; position:absolute; right:70px; width:20px; padding: 2px;}

#toneList_6 p.listRowEven span.listRowOrder { font: tahoma; color: #000000; font-size: 12px; font-weight: none; position:absolute; right:20px; width:40px;}
#toneList_6 p.listRowOdd span.listRowOrder { font: tahoma; color: #FFFFFF; font-size: 12px; font-weight: none; position:absolute; right:20px; width:40px;}

/* definition of links of items in tone listing rows - EVEN rows */
#toneList_6 p.listRowEven span.listRowSong a.listRowAnchorSong:link { text-decoration: none; color: #43677D;font-size: 12px; font-weight: bold; }
#toneList_6 p.listRowEven span.listRowSong a.listRowAnchorSong:visited { text-decoration: none; color: #43677D;font-size: 12px; font-weight: bold; }
#toneList_6 p.listRowEven span.listRowSong a.listRowAnchorSong:hover { text-decoration: underline; color: #43677D;font-size: 12px; font-weight: bold; }

#toneList_6 p.listRowEven span.listRowArtist a.listRowAnchorArtist:link { text-decoration: none; color: #43677D;font-size: 12px; font-weight: bold; }
#toneList_6 p.listRowEven span.listRowArtist a.listRowAnchorArtist:visited { text-decoration: none; color: #43677D;font-size: 12px; font-weight: bold; }
#toneList_6 p.listRowEven span.listRowArtist a.listRowAnchorArtist:hover { text-decoration: underline; color: #43677D;font-size: 12px; font-weight: bold; }

#toneList_6 p.listRowEven span.listRowOrder a.listRowAnchorOrder:link { text-decoration: none; color: #43677D;font-size: 12px; font-weight: bold; }
#toneList_6 p.listRowEven span.listRowOrder a.listRowAnchorOrder:visited { text-decoration: none; color: #43677D;font-size: 12px; font-weight: bold; }
#toneList_6 p.listRowEven span.listRowOrder a.listRowAnchorOrder:hover { text-decoration: underline; color: #43677D;font-size: 12px; font-weight: bold; }

#toneList_6 p.listRowEven span.listRowPreview span.listRowPreviewButton { cursor: pointer; border: 0px solid #000000; height: 12px; width: 12px; margin: 0px; display: block; float:left; }
#toneList_6 p.listRowEven span.listRowPreview span.listRowPreviewButtonImgOff { background-image: url("http://images.toimita.net/play.png"); background-repeat: no-repeat;  }
#toneList_6 p.listRowEven span.listRowPreview span.listRowPreviewButtonImgOn { background-image: url("http://images.toimita.net/stop.png"); background-repeat: no-repeat;  }

/* definition of links of items in tone listing rows - ODD rows */
#toneList_6 p.listRowOdd span.listRowSong a.listRowAnchorSong:link { text-decoration: none; color: #43677D; font-size: 12px; font-weight: bold; }
#toneList_6 p.listRowOdd span.listRowSong a.listRowAnchorSong:visited { text-decoration: none; color: #43677D; font-size: 12px; font-weight: bold; }
#toneList_6 p.listRowOdd span.listRowSong a.listRowAnchorSong:hover { text-decoration: underline; color: #43677D; font-size: 12px; font-weight: bold; }

#toneList_6 p.listRowOdd span.listRowArtist a.listRowAnchorArtist:link { text-decoration: none; color: #43677D; font-size: 12px; font-weight: bold; }
#toneList_6 p.listRowOdd span.listRowArtist a.listRowAnchorArtist:visited { text-decoration: none; color: #43677D; font-size: 12px; font-weight: bold; }
#toneList_6 p.listRowOdd span.listRowArtist a.listRowAnchorArtist:hover { text-decoration: underline; color: #43677D; font-size: 12px; font-weight: bold; }

#toneList_6 p.listRowOdd span.listRowOrder a.listRowAnchorOrder:link { text-decoration: none; color: #43677D; font-size: 12px; font-weight: bold; }
#toneList_6 p.listRowOdd span.listRowOrder a.listRowAnchorOrder:visited { text-decoration: none; color: #43677D; font-size: 12px; font-weight: bold; }
#toneList_6 p.listRowOdd span.listRowOrder a.listRowAnchorOrder:hover { text-decoration: underline; color: #43677D; font-size: 12px; font-weight: bold; }

#toneList_6 p.listRowOdd span.listRowPreview span.listRowPreviewButton { cursor: pointer; border: 0px solid #000000; height: 12px; width: 12px; margin: 0px; display: block; float:left; }
#toneList_6 p.listRowOdd span.listRowPreview span.listRowPreviewButtonImgOff { background-image: url("http://images.toimita.net/play.png"); background-repeat: no-repeat; }
#toneList_6 p.listRowOdd span.listRowPreview span.listRowPreviewButtonImgOn { background-image: url("http://images.toimita.net/stop.png"); background-repeat: no-repeat; }

/*paging*/
div.listPageControl_6 { margin-top: 10px; margin-bottom: 10px; border-top: 1px dotted #000000; border-bottom: 1px dotted #000000; height 20px; width: auto; text-align: center; padding: 10px auto;}
div.listPageControl_6 span.listPageControlDots { margin-left: 5px; margin-right: 5px; text-align: center; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; width: 20px; }
div.listPageControl_6 a { text-decoration: none }
div.listPageControl_6 span.listPageControlItem { margin-left: 5px; margin-right: 5px; text-align: center; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; width: 20px; }
div.listPageControl_6 span.listPageControlItemActual { margin-left: 5px; margin-right: 5px; text-align: center; font-size: 14px; font-weight: bold; text-decoration: italic; color: #FF0000; width: 20px; }
div.listPageControl_6 span.listPageControlPrev { margin-left: 5px; margin-right: 5px; text-align: center; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; width: 20px; }
div.listPageControl_6 span.listPageControlNext { margin-left: 5px; margin-right: 5px; text-align: center; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; width: 20px; }
div.listPageControl_6 span.listPageControlPrevInactive { margin-left: 5px; margin-right: 5px; text-align: center; font-size: 14px; font-weight: bold; color: #CCCCCC; text-decoration: none; width: 20px; }
div.listPageControl_6 span.listPageControlNextInactive { margin-left: 5px; margin-right: 5px; text-align: center; font-size: 14px; font-weight: bold; color: #CCCCCC; text-decoration: none; width: 20px; }
/*---------------------------------------------------------------------------------------*/


.listDescription { font: 12px arial, sans-serif; }
.listImageEntry { }
a, a:link, a:visited { font: 12px arial; color: #43677D; }