﻿

img
{
	border: 0;
}
a:hover span.arrow
{
	background-position: 0 -13px !important;
}

.pageitem
{
	-webkit-border-radius: 8px;
	background-color: #fff;
	/*border: #878787 solid 1px;*/
	font-size: 12pt;
	overflow: hidden;
	padding: 0;
	position: relative;
	display: block;
	height: auto;
	width: auto;
	margin: 3px 9px 17px;
	list-style: none;
	width:90%;
}

.pageitem li:first-child
{
	border-top: 0;
}
li.menu, li.form
{
	position: relative;
	list-style-type: none;
	display: block;
	height: 43px;
	overflow: hidden;
	/* border-top: 1px solid #878787; */
	width: auto;
}
ul.pageitem li:first-child:hover, .pageitem li:first-child a, li.form:first-child input[type=radio], li.form:first-child select, li.form:first-child input[type=submit], li.form:first-child button, li.form:first-child input[type=reset]
{
	-webkit-border-top-left-radius: 8px 8px;
	-webkit-border-top-right-radius: 8px 8px;
}
ul.pageitem li:last-child:hover, .pageitem li:last-child a, li.form:last-child input[type=radio], li.form:last-child select, li.form:last-child input[type=submit], li.form:last-child button, li.form:last-child input[type=reset]
{
	-webkit-border-bottom-left-radius: 8px 8px;
	-webkit-border-bottom-right-radius: 8px 8px;
}
li.menu:hover
{
	background: url( "images/menutouched.png" ) repeat-x #0274ee;
}
li.menu a:hover span.name, li.menu a:hover span.comment, li.store:hover .starcomment, li.store:hover .name, li.store:hover .comment, body.list li.withimage a:hover .comment
{
	color: #fff;
}


li.menu span.arrow, li.store span.arrow, body.musiclist span.arrow, body.list span.arrow
{
	position: absolute;
	width: 8px !important;
	height: 13px !important;
	right: 10px;
	top: 15px;
	margin: 0 !important;
	background: url( "images/arrow.png" ) 0 0 no-repeat;
}
li.store
{
	height: 60px;
	border-top: #878787 solid 1px;
	overflow: hidden;
	position: relative;
}
li.store a
{
	width: 100%;
	height: 60px;
	display: block;
	text-decoration: none;
	position: absolute;
}
li.store:hover
{
	background: url( "images/storetouched.png" ) repeat-x #0274ee;
}
li.store .appIconImage
{
	position: absolute;
	left: 0;
	top: 0;
	height: 60px;
	width: 60px;
	display: block;
	background: url( 'images/storetouched.png' ) no-repeat;
}
li:first-child.store .appIconImage, li.store:first-child a
{
	-webkit-border-top-left-radius: 8px 8px;
}
li:last-child.store .appIconImage, li.store:last-child a
{
	-webkit-border-bottom-left-radius: 8px 8px;
}
li.store .name
{
	font-size: 15px;
	white-space: nowrap;
	margin: 5px 0 0 65px;
	display: block;
	overflow: hidden;
	color: #000;
	max-width: 60%;
	text-overflow: ellipsis;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
}
li.store .comment, body.list li.withimage .comment
{
	font-size: 12px;
	color: #7f7f7f;
	margin: 16px 0 0 65px;
	display: block;
	width: 60%;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
li.store .arrow, body.list li.withimage .arrow
{
	top: 39px !important;
}
li.store .stars
{
	margin: 6px 0 0 65px;
}
li.store .starcomment
{
	position: absolute;
	left: 165px;
	top: 56px;
	font-size: 12px;
	color: #7f7f7f;
	font-weight: lighter;
}

.graytitle
{
	position: relative;
	font-weight: bold;
	font-size: 17px;
	right: 20px;
	left: 9px;
	color: #4C4C4C;
	text-shadow: #FFF 0 1px 0;
	padding: 1px 0 3px 8px;
}
