/*The following stylesheet styles the =New to Preview screen*/

/*------------------------------------------------------------*/

/*Sort by drop down area*/

#sortByView_NewPre_Wrapper {
    margin: 0 5px;
    padding: 5px;
    background-image: url(../images/BackgroundTile_Content.png);
    background-repeat: repeat;
    border: 1px solid #DDD;
    }

#sortByView_NewPre_Wrapper select {
    margin: 0;
    margin-right: 3em;
    color: #666;
    width: 12em
    }

#sortByView_NewPre_Wrapper label {
    line-height: 1.8em;
    margin-right: 3px;
    display: block;
    width: auto;
    float: left;
    clear: left;
    text-align: right;
    color: #333;
    }
    
/*------------------------------------------------------------*/

/* =NewToPreview */

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

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

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

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

.result_NTPreview,
.resultNarrow_NTPreview {margin: 0 auto; color: #666;}
	
.resultNarrow_NTPreview {margin: 0; margin-right: 35px;}

.result_NTPreview:after,
.resultNarrow_NTPreview:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
        
.result_NTPreview, .resultNarrow_NTPreview:after {display: inline-block;}
/*Hides from IE-mac*/
.result_NTPreview, resultNarrow_NTPreview:after {display: block;}
/*end hide from IE-mac*/
	
.result_NTPreview h2,
.resultNarrow_NTPreview 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_NTPreview h2 a,
.resultNarrow_NTPreview h2 a {margin-left: 6px; border-bottom: dotted 1px #000;}
   
.result_NTPreview h2 a:link,
.result_NTPreview h2 a:visited,
.result_NTPreview h2 a:hover,
.result_NTPreview h2 a:active,
.resultNarrow_NTPreview h2 a:link,
.resultNarrow_NTPreview h2 a:visited,
.resultNarrow_NTPreview h2 a:hover,
.resultNarrow_NTPreview h2 a:active {color: #333; border-bottom-color: #333;}
    
/*=GenreColours into programme title's rollover*/
    
/*Children's*/
.result_NTPreview h2.childrens a:hover,
.resultNarrow_NTPreview h2.childrens a:hover {color: #FE9D1A; border-bottom-color: #FE9D1A;}
/*Comedy*/
.result_NTPreview h2.comedy a:hover,
.resultNarrow_NTPreview h2.comedy a:hover {color: #DF5623; border-bottom-color: #DF5623;}
/*Current Affairs & Documentaries*/
.result_NTPreview h2.currentAffairs a:hover,
.resultNarrow_NTPreview h2.currentAffairs a:hover {color: #830A2B; border-bottom-color: #830A2B;}
/*Drama*/
.result_NTPreview h2.drama a:hover,
.resultNarrow_NTPreview h2.drama a:hover {color: #BD282E; border-bottom-color: #BD282E;}
/*Factual Entertainment & Leisure*/
.result_NTPreview h2.leisure a:hover,
.resultNarrow_NTPreview h2.leisure a:hover {color: #C74D9E; border-bottom-color: #C74D9E;}
/*History*/
.result_NTPreview h2.history a:hover,
.resultNarrow_NTPreview h2.history a:hover {color: #308D82; border-bottom-color: #308D82;}
/*Music*/
.result_NTPreview h2.music a:hover,
.resultNarrow_NTPreview h2.music a:hover {color: #712BD8; border-bottom-color: #712BD8;}
/*Natural History*/
.result_NTPreview h2.naturalHistory a:hover,
.resultNarrow_NTPreview h2.naturalHistory a:hover {color: #A1B13A; border-bottom-color: #A1B13A;}
/*Science*/
.result_NTPreview h2.science a:hover,
.resultNarrow_NTPreview h2.science a:hover {color: #333489; border-bottom-color: #333489;}
/*Formats*/
.result_NTPreview h2.formats a:hover,
.resultNarrow_NTPreview h2.formats a:hover {color: #1A959F; border-bottom-color: #1A959F;}
/*Others applied to unassigned genres etc*/
.result_NTPreview h2.unassignedGenre a:hover,
.resultNarrow_NTPreview h2.unassignedGenre a:hover,
.result_NTPreview h2.generic a:hover,
.resultNarrow_NTPreview h2.generic a:hover {color: #666; border-bottom-color: #666;}

.result_NTPreview p,
.resultNarrow_NTPreview p {line-height: 1.6em;}

.result_NTPreview p.dateAdded,
.resultNarrow_NTPreview p.dateAdded {color: #333; display: inline;}	

.result_NTPreview p span,
.resultNarrow_NTPreview p span {font-weight: bold;}