/* =SearchResults */

/*The following styles determine how the search results will be displayed, they are divided
into two sections, the detailed and simple view*/

.searchResultWrapper {
    margin: 0 5px;
    padding: 10px 5px;
    border-top: 1px dotted #666;
    }

.searchResultWrapper:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
        
.searchResultWrapper {display: inline-block;}
/*Hides from IE-mac*/

.searchResultWrapper {display: block;}
/*end hide from IE-mac*/
    
/*Styles for =Detailed View results displayed*/

.result,
.resultNarrow {
	margin: 0 auto;
	color: #666;
	}
	
.resultNarrow {
    margin: 0;
    margin-right: 35px;
    /*background-color: Gray;*/
    }

.result:after,
.resultNarrow:after,
.simpleResult:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
        
.result, .resultNarrow, .simpleResult:after {display: inline-block;}
/*Hides from IE-mac*/
.result, .resultNarrow, .simpleResult:after {display: block;}
/*end hide from IE-mac*/
	
.result h2,
.resultNarrow h2 {
	margin-bottom: 0;
	padding: 5px;
	padding-top: 3px;
	text-transform: uppercase;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	border: none;
	letter-spacing: normal;
	}
	
.result h2 a,
.resultNarrow h2 a {margin-left: 6px; border-bottom: dotted 1px #000;}
   
.result h2 a:link,
.result h2 a:visited,
.result h2 a:hover,
.result h2 a:active,
.resultNarrow h2 a:link,
.resultNarrow h2 a:visited,
.resultNarrow h2 a:hover,
.resultNarrow h2 a:active {color: #333; border-bottom-color: #333;}
	
.result h2 a:hover,
.resultNarrow h2 a:hover {
    border-bottom: dotted 1px #000;
    color: #000;
    }
    
/*=GenreColours into programme title's rollover*/
    
/*Children's*/
.result h2.childrens a:hover,
.resultNarrow h2.childrens a:hover {color: #FE9D1A; border-bottom-color: #FE9D1A;}
/*Comedy*/
.result h2.comedy a:hover,
.resultNarrow h2.comedy a:hover {color: #DF5623; border-bottom-color: #DF5623;}
/*Current Affairs & Documentaries*/
.result h2.currentAffairs a:hover,
.resultNarrow h2.currentAffairs a:hover {color: #830A2B; border-bottom-color: #830A2B;}
/*Drama*/
.result h2.drama a:hover,
.resultNarrow h2.drama a:hover {color: #BD282E; border-bottom-color: #BD282E;}
/*Factual Entertainment & Leisure*/
.result h2.leisure a:hover,
.resultNarrow h2.leisure a:hover {color: #C74D9E; border-bottom-color: #C74D9E;}
/*History*/
.result h2.history a:hover,
.resultNarrow h2.history a:hover {color: #308D82; border-bottom-color: #308D82;}
/*Music*/
.result h2.music a:hover,
.resultNarrow h2.music a:hover {color: #712B7E; border-bottom-color: #712B7E;}
/*Natural History*/
.result h2.naturalHistory a:hover,
.resultNarrow h2.naturalHistory a:hover {color: #A1B13A; border-bottom-color: #A1B13A;}
/*Science*/
.result h2.science a:hover,
.resultNarrow h2.science a:hover {color: #333489; border-bottom-color: #333489;}
/*Formats*/
.result h2.formats a:hover,
.resultNarrow h2.formats a:hover {color: #1A959F; border-bottom-color: #1A959F;}
/*Others applied to unassigned genres etc*/
.result h2.unassignedGenre a:hover,
.resultNarrow h2.unassignedGenre a:hover,
.result h2.generic a:hover,
.resultNarrow h2.generic a:hover {color: #666; border-bottom-color: #666;}
	
.result h3,
.resultNarrow h3 {
	margin-top: 1px;
	font-style: italic;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	}

.result p,
.resultNarrow p {
    /*text-align: justify;*/
    line-height: 1.6em;
    display: inline;
    }	

.result p span,
.resultNarrow p span {font-weight: bold;}
	
.result p.synopsis,
.resultNarrow p.synopsis {
    display: block;
    margin-top: 6px;
    color: #333;
    line-height: 1.4em;
    }
 
/*Styles for =Simple View results displayed*/

.simpleResult h2,
.simpleResult img,
.simpleResult p {margin: 0; margin-right: 6px; float: left;}
	
.simpleResult h2, 
.simpleResult p {padding: 0; display: inline;}

.simpleResultGenreDuration {margin-left: 26px; clear: left;}
 
/*------=Advanced Search Control------*/

#advancedSearchWrapper {
    padding: 10px 0;
    border: solid 1px #DDD;
    background-image: url(../images/BackgroundTile_Content.png);
 	background-repeat: repeat;
	background-position: top center;
    } 

#advancedSearchLeft,
#advancedSearchRight,
#HD_CheckBox {
    margin-bottom: 5px;
    float: left;
    width: 25em;
    /*border: 1px solid orange;*/
    }
    
#advancedSearchRight {margin: 0;}

#advancedSearchRight,
#HD_CheckBox {float: right; text-align: left;}
    
#HD_CheckBox {width: 17.7em;}

#advancedSearchLeft label,
#advancedSearchRight label {
    padding-right: 3px;
    float: left;
    clear: left;
    width: 7em;
    display: block; 
    line-height: 1.8em;
    text-align: right;
    }
    
#advancedSearchLeft input,
#advancedSearchLeft select,
#advancedSearchRight input {
    margin-bottom: 6px;
    padding: 0 3px;
    float: left;
    display: block;
    width: 13.5em;
    color: #666;
    }
    
#advancedSearchLeft select {padding: 0; width: 14.5em;}
    
#advancedSearchLeft select.slimmerWidth {width: 7.5em;}/*Not used*/

/* The following div holds the checkboxes and the buttons for the Search Filters*/ 

#HD_CheckBox {margin-top: 11px;}	

#HD_CheckBox input {
    width: auto;
    margin: 0;
    float: left;
    clear: left;
    }

#HD_CheckBox label {
    margin-top: -3px;
    margin-left: 5px;
    padding: 3px 0 3px 35px;
    clear: none;
    width: auto;
    line-height: 1.2em;
    background-image: url(../images/HD_Logo.gif);
    background-position: left center;
    background-repeat: no-repeat;
    }
 
/*-----------Input area at bottom of screen-----------*/
        
#advancedSearchBottom {
    margin: 0 5px;
    clear: both;
    border-top: solid 1px #FFF;
    }
    
#advancedSearchBottom input {
    margin-bottom: 0;
    margin-top: 10px;
    width: 7em;
    }
    
#advancedSearchBottom input.floatRightSpecial {float: right; margin-right: 7.3em;}

/*--------------------------------------------------------------*/ 
/*The following style the 'sort by' drop down and the 'display detailed/ simple view' in search result*/

#sortByView_Wrapper {
    margin: 5px 5px 0 5px;
    padding: 5px;
    background-image: url(../images/BackgroundTile_Content.png);
    background-repeat: repeat;
    border: 1px solid #DDD;
    }
    
#sortByView_Wrapper .leftDisplay {margin-right: 16px; float: left;}
#sortByView_Wrapper .rightSortBy {float: right;}

#sortByView_Wrapper .rightSortBy select {
    margin-bottom: 0;
    color: #666;
    width: 10em;
    }
    
#sortByView_Wrapper .rightSortBy label {
    line-height: 1.8em;
    margin-right: 3px;
    display: block;
    float: left;
    clear: left;
    text-align: right;
    color: #333;
    /*border: 1px solid red;*/
    }

#sortByView_Wrapper .leftDisplay p {line-height: 1.8em; color: #333;}
    
#sortByView_Wrapper .leftDisplay p span.bold {color: #BD282E;}

#sortByView_Wrapper .leftDisplay a,
#sortByView_Wrapper .leftDisplay a:hover {color: #333; border-bottom: 1px dotted #333;}
     
#sortByView_Wrapper .leftDisplay a:hover {color: #BD282E; border-bottom-color: #BD282E;}