/* =After Sales; styles which apply to the After sales area in OLC*/

/*Div for outer wrapper on assets page, allows .outerWrapper_warningLimit to be positioned absolutely to it*/
#positionWarning_basketLimit {position: relative;}

/*The following style is used on the SKU 'quick search' and 'filter by' area*/

#SortByView_AfterSales,
#SortByBasketDetails_Wrapper {
    margin: 5px;
    margin-bottom: 10px;
    padding: 5px;
	border: 1px solid #DDD;
	background-image: url(../images/BackgroundTile_Content.png);
    background-repeat: repeat;
    }
    
#SortByView_AfterSales select,
#SortByView_AfterSales input,
#SortByBasketDetails_Wrapper select {margin: 0; width: 17.8em;}

#SortByView_AfterSales select,
#SortByBasketDetails_Wrapper select {padding: 0; width: 15.8em;}

#SortByView_AfterSales input {width: 12.3em; float: left;}

#SortByView_AfterSales .buttonSearch {margin-top: 2px; margin-left: 2px; width: 24px;}
    
#SortByView_AfterSales label,
#SortByBasketDetails_Wrapper label {
    padding-right: 3px;
    float: left;
    display: block;
    text-align: right;
    line-height: 1.8em;
    }
    
#quickSearchFilterByArea {float: left; width: 24em;}

#skuSearch,
#skuFilter {margin: 9px 0; clear: left;}
    
#skuFilter {margin: 0;}

/*------------------------------------------------------------------
The following styles the SKU items on the first page*/

.wrapper_aftersales {
    width: 26em;
    height: auto;
    float: left;
    position: relative;
    }

/*Because this class is used in a repeater control the .clearfix class was added to it*/

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

.wrapper_aftersales a.buttonClose 
{
    position:relative;
    top: 60px; 
    right: 10px;
    margin-top:60px;
}

.sku_wrapper {
	padding: 5px;
	width: auto;
	/*height: 11em;*/
	border: 1px solid #DDD;
	background-image: url(../images/BackgroundTile_Content.png);
    background-repeat: repeat;
    }
    
/*Because this class is used in a repeater control the .clearfix class was added to it*/
	
.sku_wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
        
.sku_wrapper {display: inline-block;}
/*Hides from IE-mac*/
 
.sku_wrapper {display: block;}
/*end hide from IE-mac*/
	
.sku_wrapper .thumbnail {margin-right: 5px;}

/*.sku_wrapper .thumbnail img {height: 88px;}*/

.sku_wrapper h2 a {color: #333; border-bottom: 1px dotted #333;}

.sku_wrapper h2 a:hover {color: #BD282E; border-color: #BD282E;}
	
.sku_wrapper p {margin: 5px; margin-top: 0;}

/*------------------ warning messages ------------------*/ 

/*Are you sure you want to delete the SKU/programme? - alert message
Warning about reaching basket limit - alert message*/

.outerWrapperDropShadow_deleteMessage,
.outerWrapper_warningLimit {
    width: 20em;
    position: absolute;
    z-index: 5;
    }
    
.outerWrapper_warningLimit {position: fixed;}
        
.outerWrapperDropShadow_deleteMessage {top: 0; right: 30px;}
.outerWrapper_warningLimit {top: 20%; left: 43%; z-index: 6;}

.deleteMessage,
.warningLimitMessage {
    padding: 6px;
    position: relative;
    width: auto;
    border: 1px solid #DDD;
    background-image: url(../images/BackgroundTile_ContentDarkest.png);
    background-repeat: repeat;
    }
    
/* =FloatClearing */

.deleteMessage:after,
.warningLimitMessage:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
        
.deleteMessage,
.warningLimitMessage {display: inline-block;}
/*Hides from IE-mac*/
.deleteMessage,
.warningLimitMessage {display: block;} 
/*end hide from IE-mac*/    
    
.deleteMessage h3,
.warningLimitMessage h3 {
    margin-bottom: 3px;
    padding: 0 6px 6px 6px;
    color: #BD282E;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
	border-bottom: dotted 1px #666;
    }

.deleteMessage p,
.warningLimitMessage p {
    padding: 0 5px 35px 5px;
    line-height: 1.4em;
    }
    
.warningLimitMessage p {margin: 5px;}
    
/*Delete button and Cancel button for warning popup, should go into Base.css*/

.deleteMessage .buttonCancel,
.deleteMessage a.buttonDelete,
.warningLimitMessage .buttonCancel,
.warningLimitMessage .buttonViewBasket {
   position: absolute;
   bottom: 10px;
   right: 37px;
   width: 54px;
   height: 18px;
   border: 0px;
   background-color: Transparent;
   background-image: url("../Images/ButtonDelete.gif");
   background-position: left top;
   background-repeat: no-repeat;
   }

.deleteMessage .buttonCancel,
.warningLimitMessage .buttonCancel {
   left: 37px;
   background-image: url("../Images/ButtonCancel.gif");
   }
   
.deleteMessage .buttonCancel:hover,
.deleteMessage a.buttonDelete:hover,
.warningLimitMessage .buttonCancel:hover,
.warningLimitMessage .buttonViewBasket:hover {background-position: 0 -18px; cursor: pointer;}

.warningLimitMessage .buttonCancel {left: 20px;}
.warningLimitMessage .buttonViewBasket {right: 20px; width: 89px; background-image: url("../Images/ButtonViewBasket.gif");}

/*------------------ end of warning messages ------------------*/ 
	
/*Assets page styles*/

/*The following styles are used for the Basket Details and 'filter by' and some
also on the actual basket page*/

#assetsBasket_Wrapper {margin: 5px;}

#assetsBasket_Wrapper h2 {margin-bottom: 0; text-transform: none;}

#assetsBasket_Wrapper h2.expanded,
#assetsBasket_Wrapper h2.collapsed {margin: 10px 0;}

#assetsBasket_Wrapper h2.expanded a,
#assetsBasket_Wrapper h2.collapsed a {
    font-size: 1em;
    letter-spacing: normal;
    color: #333;
    }
    
#assetsBasket_Wrapper h2.expanded a:hover,
#assetsBasket_Wrapper h2.collapsed a:hover {color: #BD282E;}

#assetsBasket_Wrapper table {margin-top: 0;}

#downloadAssets {margin-bottom: 11px;}

#genericPhotos table,
#episodePhotos table,
#genericAssets table,
#downloadAssets table {
    background-image: url(../Images/BackgroundTile_ContentLighter.png);
    background-repeat: repeat;
    }
    
#genericAssets th.width5,
#genericPhotos th.width5,
#episodePhotos th.width5 {text-align: center;}
    
#genericAssets td,
#genericPhotos td,
#episodePhotos td,
#downloadAssets td {
    padding: 5px;
    vertical-align: middle;
    border: solid 1px #FFF;
    border-left: none;
    border-right: none;
    

    }
   
#genericAssets td.thumbnailCell,
#genericPhotos td.thumbnailCell,
#episodePhotos td.thumbnailCell,
#downloadAssets td.thumbnailCell { 
    background-image:url(../images/Ajax_Spinner.gif);
    background-position:center;
    background-repeat:no-repeat;
    height:85px;
}
#genericAssets div.no_lightbox {width: 86px; padding: 0 6px;}
   
#genericPhotos table a.lightbox,
#episodePhotos table a.lightbox,
#downloadAssets table a.lightbox
{
	display:inline;
	background:none;
	outline:none;
	border:0;	
    padding:0;
    margin:0;
} 


#genericPhotos table a.lightbox img,
#episodePhotos table a.lightbox img,
#downloadAssets table a.lightbox img {
    padding: 6px;
    /*
    background-image: none;
    border: dotted 1px #999;
	background-repeat: no-repeat; background-position: center; border: solid 1px #CCC;
	*/
}    

#genericPhotos table a:hover.lightbox img,
#episodePhotos table a:hover.lightbox img,
#downloadAssets table a:hover.lightbox img 
{
	padding: 5px;
	background-image: none;
    border: dotted 1px #999;
	background-repeat: no-repeat; background-position: center; border: solid 1px #CCC;
	background-color: #CCC;	
}
   
    
    
/* Basket Details area (progress bar) */

#basketDetails {float: right; width: 25.5em;}

#basketFileCount {float: left; width: 23.5em;}

#basketDetails fieldset,
#basketFileCount fieldset {padding: 0 6px 6px 6px; height: 6em;}

#basketDetails legend,
#basketFileCount legend {
    padding: 0 6px 6px 6px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: normal;
    color: #333;
    }
    
#basketDetails table {
    margin: 0;
    width: 100%;
    background-image: none;
    border: none;
    }
    
#basketDetails table td.width70 table.sizeRestriction {
    width: 180px;
    height: 15px;
    }
    
#basketDetails td {padding: 5px 0; color: #333;}

#basketDetails td.progress {
	width: 0%;
	background-image: url(../Images/ProgressBar_100.jpg);
    background-position: left center;
	background-repeat: no-repeat;
    }
    
#basketDetails td.remainder {
	width: 100%;
	background-position: right center;
	background-image: url(../Images/ProgressBar_0.jpg);
	background-repeat: no-repeat;
    }
    
#basketWrapperForSpinner p {
    float: left;
    display: inline;
    line-height: 1.8em;
    }
    
#basketFileCount p {padding: 5px 0;}

#basketDetails a {
    float: right;
    color: #333;
    border-bottom: dotted 1px #333;
    line-height: 1.8em;
    }
    
#basketDetails a:hover {color: #BD282E; border-bottom-color: #BD282E;}

a.basketIcon {
    padding-left: 25px;
    background-image: url(../Images/Basket_Icon.gif);
    background-position: left center;
    background-repeat: no-repeat;
    }

/* Filter by select area (Assets page)*/
#assetFilter {margin-top: 9px; float: left;}

/*Input button area on the basket page*/
        
#downloadAssets div.inputSubmit {
    margin-top: 6px;
    border-top: solid 1px #999;
    }
    
#downloadAssets div.inputSubmit input, 
#downloadAssets div.inputSubmit button {
    margin-bottom: 0;
    margin-top: 10px;
    width: 10em;
}


#downloadAssets div.inputSubmit input.floatLeft {width: 8em;}

#downloadAssets div.inputSubmit input.floatRight {float: right; width: 10em;}

/*Style for link in basket to top of screen, temp fix until pagination control can be added back into the bottom of the screen*/
#backToTop {margin-top: 5px;}

#backToTop a {
    float: right;
    color: #333;
    border-bottom: 1px dotted #333;
    line-height: 1.6em;
    }

#backToTop a:hover {color: #BD282E; border-bottom-color: #BD282E;}

.downloadingBasketProgress 
{
	text-align:center;
	margin-top:1em;
}

/* This class below is included to stlye the above photo assets 
	Added by S.Roberts - 12/03/09 OLC Story #675
*/
.LegalWarning h3
{
	color:#CC0000;
	font-size:140%;
	font-weight:bold;
	padding-left:5px;
}

.LegalWarning p
{
	color:#333333;
	line-height:1.6em;
	margin:6px;
}

.LegalWarning a
{
	color:#666666;
	border-bottom:1px dotted #000000;
}