/* 
################################################ 
##### Sisällysluettelo #########################
################################################
##                                            ##
## results-top                                ##
##    results-info                            ##
##    results-pager                           ##
##    results-pagenumbers-top                 ##
##    results-noresults                       ##
##    results-error                           ##
##                                            ##
## results-middle                             ##
##    results-media-item                      ##
##    hoverlayer                              ##
##    results-media-thumb2                    ##
##    results-media-thumb                     ##
##    results-media-link                      ##
##    result-div-medianame                    ##
##    result-a-medianame                      ##
##                                            ##
## results-bottom                             ##
##                                            ##
################################################
*/

div.results-top
{
	background-color: #f9fbfc;
    border-bottom: solid 1px #dfe1e2;
	text-align: center; 
	float: left;
	margin-bottom: 10px;
    width: 639px; 
}

div.results-info
{
	background-color: #f1f6f8;
	border-bottom: solid 1px #e5e5e5;
	color: #500000;
    padding: 10px 20px 7px 20px;
	margin-bottom: -1px;
	float: left;
    width: 599px;
}


div.results-pager
{
	float: none; 
	color: #666666;
	padding: 0px;
	text-align: center; 
}
a.results-pager-disabled-link
{
	color: #666666;
}
a.results-pager-enabled-link
{
	color: Black;
	text-decoration: underline;
}
span.results-pager-pagenumbers
{
	color: Black;
	font-weight: bold;
	text-transform: uppercase;
	margin-left: 10px;
	margin-right: 10px;
}
/* Adding links to clipboard */
div.results-batchop-links
{
	float: right;
	text-align: right;
	padding: 6px 20px 3px 20px;
}
div.results-batchop-links a
{
    text-decoration: none;
}
div.results-batchop-links a:hover
{
    text-decoration: underline;
}

div.results-noresults
{
	margin-top: 7px;
	color:#aa0000;
}

div.results-error
{
	font-weight:bold;
	color:Red;
}

div.results-middle, div.results-bottom{
    display: block;
    float: left; 
    margin-bottom:5px;
    margin-left: 10px; 
    width: 620px;
}


/* ##################################################### */
/* ##### IMAGELISTING ################################## */
/* ##################################################### */

div.results-media-item, div.results-media-item-selected {
	margin: 0px 5px 10px 0px;
	padding: 10px 0px 0px 0px;
	display: block;
	float: left; 
	width: 148px; 
	text-align: center; 
	font-size: 10px;
	background: none;
}
/* ##### KÄYTETÄÄN TÄTÄ LUOKKAA, JOS TUOTE ON VALITTU ##### */
div.results-media-item-selected {
    background: #FFF url("../../App_Themes/Whirlpool/Images/bg-results-media-item.gif") no-repeat left top;
}

div.results-media-thumb
{
	width: 130px; 
	height: 130px; 
	overflow: hidden;
	margin: 0px 10px 5px 10px;
	padding: 0px;
}

img.results-media-hover
{
	border: 1px solid #a9a9a9;
	vertical-align:bottom;
	margin: 10px 10px 5px 10px;
	padding: 0px;
}

div.results-media-link
{
	 display: block; 
	 float: left; 
	 clear: both; 
	 /* width: 100%; */
 	 width: 130px; 
	 margin-left: 10px; 
	 text-align:center; 
	 text-decoration:none; 
	 vertical-align:bottom;
}
.result-a-medianame { }
.result-div-medianame a { color: #777777; text-decoration:none; }
.result-div-medianame a:visited { color: #777777; text-decoration:none; }
.result-div-medianame a:hover { color: #777777; text-decoration: underline; }
.result-div-medianame {}
.hoverlayer
{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	border: solid 1px #AEAEAE;
	padding: 10px;
	z-index: 500;
	background: #FFF;
	vertical-align: top;
	margin: 10px 10px 5px 10px;
}

img.hoverimage
{
	border: solid 1px #a9a9a9;	
}

.hoverdescription
{
	text-align:left;
}


div.results-media-item input[type=checkbox], div.results-media-item-selected input[type=checkbox] {
    margin: 0px 0px 0px 10px; 
    height: 28px;
}

/* CSS HACK for IE7 only */
/* HUOM! Ei toimi varmasti! */
*+html div.results-media-item input[type=checkbox], *+html div.results-media-item-selected input[type=checkbox] {
    margin: 0px 0px 0px 5px; 
    height: 34px;
}