/*========================================================================================================================
 * Description:         Search results template
 * Author:              Oli
 * Created:             05/10/09
 * Last Modified:       -
 *========================================================================================================================*/
@import url(/Css/Shared/Core/screen.css);
@import url(/Css/Shared/Sidebar/screen.css);

#main {
    width: 615px;
    float: left}

#sidebar {
    width: 300px;
    float: right} 
    
/*===============================================================================================
 * Context
 *===============================================================================================*/             
h1 {
    font-size: 1.2em;
    margin-bottom: 1em}
    
h1 strong {
    font-weight: bold}    

#sort {
    margin: 15px 0}

#sort select {
    margin-right: 5px}

#sort input {
    padding: 1px 5px}
            
/*===============================================================================================
 * Main results
 *===============================================================================================*/             
#pageInfo {
    background: url(images/resultsHeader.gif) no-repeat top left;
    color: White;
    line-height: 22px;
    padding-left: 10px;
    font-size: 0.9em;
    font-weight: bold}

#results li {
    position: relative;
    min-height: 90px;
    padding: 10px 0 30px 105px;
    border-bottom: solid 2px #e5e5e5}

#results h3 {
    font-family: Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 4px}

#results .taster {
    line-height: 1.3em;
    margin-bottom: 1em}

#results .meta {
    font-size: 0.8em;
    color: #666666}
        
#results .thumb {
    position: absolute;
    top: 15px;
    left: 10px}

#results .stars {
    overflow: hidden;
    text-indent: -9999px;
    background: url(images/stars.gif) no-repeat top left;
    height: 13px;
    position: absolute;
    bottom: 10px;
    left: 103px}

#results .s1 { width: 14px }
#results .s2 { width: 29px }
#results .s3 { width: 45px }
#results .s4 { width: 60px }
#results .s5 { width: 76px }


    
/*===============================================================================================
 * Pagination
 *===============================================================================================*/          
#pager {
    border-bottom: solid 2px #e5e5e5;
    text-align: center;
    position: relative;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 3px 0;
}

#pager ul {
    display: inline}
    
#pager li {
    display: inline;
    margin-right: 10px;
    border-bottom: 0;
    padding: 0;
    position: relative;
    }
    
#pager .prev {
    position: absolute;
    top: 2px;
    left: 10px}     
     
#pager .next {
    position: absolute;
    top: 2px;
    right: 10px}  
    
#pager .dropdownpager
{
    margin-top: 15px;}

/*===============================================================================================
 * Pagination for competition results page
 *===============================================================================================*/
 
 #results .PageNumber {
	font-weight: bold;
	margin-right: 4px;}
 
 #results .CurrentPage {
	margin-right: 4px;}
 
 #results .paging {
	width: 130px;
	margin: 10px auto;}
 
  #results .PreviousButton {
	margin-right: 200px;
	font-weight: bold;}
 
 #results .NextButton {
	float: right;
	font-weight: bold;}
	
 #results .winnerDate {
	float: right}
	
 #results .left {
	float: left;
	width: 190px;
	height: 20px;}
	
	/*===============================================================================================
 * Main results for competition winners results page 
 *===============================================================================================*/   
 
 #results li.compWinners {
    position: relative;
    
    padding: 10px 0 10px 0px;
    border-bottom: 0;
    clear: both;}
    
 #results .last {
 	margin-bottom: 10px;}