/* 
Client: The Orchard 
Project: Artist Label Workstation
Author: pjackson@fluidesign.com & tom.sullivan@mediahive.com
*/

/*
All the necessary layout elements...
*/

/* necessary to give the 100% height effect */

html, body {       
	background: #24272a url('../img/bg.gif');
	height: 100%;
}

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

	global items

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

div#wrap {            
	margin: 0 auto;
	padding: 0 15px 0 16px;
	width: 969px;    
	min-height: 100%;
	height: auto !important;
	height: 100%;	
}      

div#pageOutline {
	background:#fff;
	border-left:1px solid #acacac;
	border-right:1px solid #acacac;
	box-shadow:0 1px 20px rgba(0,0,0,0.6);
	-moz-box-shadow:0 1px 20px rgba(0,0,0,0.6);
	-webkit-box-shadow:0 1px 20px rgba(0,0,0,0.6);
	padding-bottom: 25px;  
}   

div#page {
	padding: 0 25px 25px 25px; 
} 

div#headerWrap {
	background:rgb(205,237,252); 
	background:-moz-linear-gradient(top, rgba(205,237,252,1) 0%, rgba(255,255,255,1) 100%); 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,237,252,1)), color-stop(100%,rgba(255,255,255,1))); 
	background:-webkit-linear-gradient(top, rgba(205,237,252,1) 0%,rgba(255,255,255,1) 100%); 
	background:-o-linear-gradient(top, rgba(205,237,252,1) 0%,rgba(255,255,255,1) 100%); 
	background:-ms-linear-gradient(top, rgba(205,237,252,1) 0%,rgba(255,255,255,1) 100%); 
	background:linear-gradient(top, rgba(205,237,252,1) 0%,rgba(255,255,255,1) 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdedfc', endColorstr='#ffffff',GradientType=0 )
}

div#header {
	height:80px;
	padding:0 39px
}

h1#logoLink {
	display:inline-block;
	margin:0;
	text-indent:-9999em
}

h1#logoLink a:link, h1#logoLink a:visited, h1#logoLink a:hover, h1#logoLink a:active { 
	background:url(/images/orchardlogo-optim.png) 0 20px no-repeat;
	display: block;
	height:50px;
	padding-top:20px;
	width:134px
}  

div#welcome {         
	border-top:none;
	border-radius:0 0 7px 7px;
	-moz-border-radius:0 0 7px 7px;
	-webkit-border-radius:0 0 7px 7px;
	color:#1b3249;
	display:inline-block;
	float:right;
	font-size:11px;
	padding:10px 15px
}

#welcome a {
	color:#ff6d00;
	text-decoration:none
}

#welcome .userName {
	font-weight:bold
}

#welcome .userName,
#welcome .subtextlink2 {
	color:#1b3249
}

/* navigation */

div#navigation {
	position:relative;
	padding:0 39px 10px;
	z-index:9;
}

ul#nav {
	display:inline-block;
	padding: 0;
	list-style: none;
}

ul#nav li {
	float: left;
	position: relative;
	margin-left: 5px;	
	display: block;	
}

ul#nav > li:first-child {
	margin-left:0
}

ul#nav li#tFaqs, ul#nav li#tMessageCenter {
	float:right;
}

ul#nav li a.topLevel {
	color:#fff;
	font-family:'helvetica neue',helvetica,arial,sans-serif;
	font-size:10px;
	height: 36px;
	display: block;
	line-height:36px;
	padding-left:12px;
	text-decoration:none;
	text-transform:uppercase;
	width:111px;
}

ul#nav li ul {
	position: absolute; 
	background: #fe983f;
	width: 123px;
	left: -9999em;
	padding-bottom: 5px !important;
	z-index: 150;
	display: block;	
	top: 19px;
}

ul#nav li ul li {
	padding: 3px 3px 3px 7px;
}

ul#nav li:hover ul, ul#nav li.over ul {
	display: block;
	left: auto;
}

ul#nav li:hover ul li a, ul#nav li.over ul li a {
	display: block !important;
	background: transparent !important;
	background-image: none !important;
	text-indent: 0 !important;
	font-size: 0.85em;
	color: #fff;
}

li#tLabelInfo,
li#tCatalogInfo,
li#tMarketing,
li#tAnalytics,
li#tAccounting {
	width: 123px;
	height: 36px;
}

li#tLabelInfo a,
li#tCatalogInfo a,
li#tMarketing a,
li#tAnalytics a,
li#tAccounting a {
	width: 123px;
}

li#tLabelInfo {
	background: #fff url(../images/nav/nav_selection_buttons_grey.png) no-repeat left top;	
}

li#tCatalogInfo {
	background: #fff url(../images/nav/nav_selection_buttons_grey.png) no-repeat left top;	
}

li#tMarketing {
	background: #fff url(../images/nav/nav_selection_buttons_grey.png) no-repeat left top;	
}

li#tAnalytics {
	background: #fff url(../images/nav/nav_selection_buttons_grey.png) no-repeat left top;	
}  

li#tAccounting {
	background: #fff url(../images/nav/nav_selection_buttons_grey.png) no-repeat left top;	
}  

li#tMessageCenter {
	margin:0 20px;
	background: #fff url(../images/nav/nav_selection_buttons_grey.png) no-repeat left top;	
	width: 114px;
	height: 26px;
	margin-top: 5px;
}

li#tFaqs {
	margin:0 20px;
	background: #fff url(../img/navFaqs.png) no-repeat left top;
	width: 60px;
	height: 26px;	
	margin-top: 5px;	
}

li#tLabelInfo:hover,
li#tLabelInfo a:hover,
li#tLabelInfo.over,
li#tLabelInfo.over a {
	background: #fff url(../images/nav/nav_selection_buttons_orange.png) no-repeat left top;		
}

li#tCatalogInfo:hover,
li#tCatalogInfo a:hover,
li#tCatalogInfo.over,
li#tCatalogInfo.over a {
	background: #fff url(../images/nav/nav_selection_buttons_orange.png) no-repeat left top;		
}

li#tMarketing:hover,
li#tMarketing a:hover,
li#tMarketing.over,
li#tMarketing.over a {
	background: #fff url(../images/nav/nav_selection_buttons_orange.png) no-repeat left top;		
}

li#tAnalytics:hover,
li#tAnalytics a:hover,
li#tAnalytics.over,
li#tAnalytics.over a {
	background: #fff url(../images/nav/nav_selection_buttons_orange.png) no-repeat left top;		
} 

li#tAccounting:hover,
li#tAccounting a:hover,
li#tAccounting.over,
li#tAccounting.over a {
	background: #fff url(../images/nav/nav_selection_buttons_orange.png) no-repeat left top;		
}  

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

	dashboard cols

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

div#dashboardLeft { 
	float: left;
	width: 612px;
} 

div#dashboardRight { 
	float: right;
	width: 294px;
}

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

	dashboard modules

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

div.modTabs {
	position: absolute;      
	top: 11px;
	right: 14px;
}     

div.modTabs img {
	margin-left: 1px;
}

div.modLargeBack {
background: transparent url('../img/module_large_back.gif') 0 0 repeat-y;	
}      

div.modLargeTop, div.modSmallTop {
	position: relative;
}

div.modLargeBot {
	background: transparent url('../img/module_large_bot.gif') 0 100% no-repeat;
	padding: 0 8px 12px 8px;	
	z-index:9;
} 

div#modLargeTop1 {
	background: transparent url('../img/module_large_top01.gif') 0 0 no-repeat;	   
	padding-top: 36px;
}       

div#modLeft1, div#modLeft2 {
	margin-top: 6px;
}

div#modLargeTop2 {
	background: transparent url('../img/module_large_top02.gif') 0 0 no-repeat;	   
	padding-top: 36px;
} 

div#youHave {
	background: transparent url('../img/you_have.gif') 0 0 no-repeat;
	width: 442px;
	height: 36px;
	margin: 20px 0 2px 0;
	position: relative;	
} 

div#onDeck {        
/*	border: 1px solid pink;*/
	position: absolute;     
	top: 2px;
	left: 106px;
	width: 48px;
	height: 32px;   
	text-align: center;    
	/* for simplicity sake, we're throwing the typog styling in here */ 
	/* this space is only wide enough to expand to 999 */
	color: #fff;
	font: normal 22px/32px Arial, sans-serif;
}    

div#releasesDelivered {  
	background: transparent url('../img/releases_delivered.gif') 0 0 no-repeat;   
	width: 486px;
	height: 36px;
	text-indent: -9999em;
} 

div#releasesDelivered h2 {
	position: relative;
}                     

div#releasesDelivered h2 a:link, div#releasesDelivered h2 a:visited {  
	position: absolute;
	top: 15px;
	right: 162px;
	width: 64px;
	height: 10px;
}  

div.modFooter {
	border-top: 1px solid #ebebeb;
	margin-top: 10px;
}   

div#resourcesWrap {
	padding: 0 0 0 28px;
}  

div.modSmallBack {
background: transparent url('../img/module_small_back.gif') 0 0 repeat-y;	
}      

div.modSmallTop {
	position: relative;
}

div.modSmallBot {
	background: transparent url('../img/module_small_bot.gif') 0 100% no-repeat;  
	padding: 0 3px 12px 3px;
}  

div#modSmallTop1 {
	background: transparent url('../img/module_small_top01.gif') 0 0 no-repeat;	   
	padding-top: 38px;
}

div#modSmallTop2 {
	background: transparent url('../img/module_small_top02.gif') 0 0 no-repeat;	   
	padding-top: 38px;
} 

div#modSmallTop3 {
	background: transparent url('../img/module_small_top03.gif') 0 0 no-repeat;	   
	padding-top: 38px;
}  

div#modSmallTop4 {
	background: transparent url('../img/module_small_top04.gif') 0 0 no-repeat;	   
	padding-top: 38px;  
} 

div#modSmallTop5 {
	background: transparent url('../img/module_small_top05.gif') 0 0 no-repeat;	   
	padding-top: 38px;  
}

div#modSmall1, div#modSmall2, div#modSmall3, div#modSmall4 {
	margin: 8px 0;
}

div.message {   
/*	background: teal; */
	background: #75a109 url('../img/message_left.gif') 0 0 no-repeat;  
	color: #fff;
	font-size: 10px;
	position: absolute;
	right: 14px;
	top: 13px;
	height: 15px;
	min-width: 84px;
}  

div.message div {
	background: transparent url('../img/message_right.gif') 100% 0 no-repeat;
	padding: 0 6px;  
	line-height: 15px !important;	
}  

div#top10Toggles {
	position: absolute;
	top: 12px;
	right: 6px;
}    

div.artTopTen, div.numberCount, div.artistInfo {
	float: left;
}  

div.artTopTen {   
	display: inline;   
	height: 50px;
	width: 50px;     
	margin-left: 15px;
}  

div.numberCount {  	
	width: 27px; 
	padding: 10px 0 0 15px;
}  

div.artistInfo {        
	width: 180px;   
	padding: 10px 0 0 0;
}  

div.topHolder {
	padding: 4px 0;
}   

#artWrap {
	padding-top: 10px;
}       

body#modal {           
	background-image: none;
	background-color: #fff !important;
}   

div#popWrap {
	padding: 6px 0 0 0;
}

div#popContainer {
	border: 1px solid #e5e5e5;    
	width: 570px;
	margin: 0 auto;
	padding: 0 12px 12px 30px;    
	min-height: 552px;
	height: auto !important;
	height: 552px;
}     

div#modalLogo {   
	background: transparent url('../img/modal_logo.gif') 0 0 no-repeat;
	width: 570px;
	height: 80px;            
	text-indent: -9999em;  
	position: relative;
}                     

a#close:link, a#close:visited, a#close:hover, a#close:active {        
/*	border: 1px solid;  */
	display: block;
	position: absolute; 
	top: 12px;
	right: 1px; 
	width: 56px;
	height: 15px;
}

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

	dashboard tables

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

table.stripeMe {
/*	border: 1px solid wheat;       */
	width: 100%;
}    

table.stripeMe td, table.stripeMe th {  
	padding-top: 4px;
	padding-bottom: 4px;
}

div.modSmallBot table.stripeMe {
	width: 287px;
}  

table.stripeMe th, table.stripeMe td {
	text-align: left;
} 

table.stripeMe th {   
	font-weight: normal;       
	font-size: 10px;
	text-transform: uppercase;
}

table.stripeMe td {
}

th.hdrCol1 {
	padding-left: 24px;
} 

th#hdrCol2, th#hdrCol2_2 {     
	padding-left: 78px;
} 

td.releaseTitle {         
	color: #333;
	width: 170px;
	text-align: right !important;
}    

td.releaseStatus {   
	font-size: 11px;
	width: 248px;
	padding-left: 70px;
} 

td.releaseStatus div {
	margin-left: 8px;
}

td.releaseLastUpdated, td.releaseDeliveryStatus {
	font-size: 11px;
}  

td.messageDate, td.messageSubject, td.messageStatus, td.proposalName, td.proposalStatus, td.proposalDeadline, td.newsDate, td.newsHeadline {
	font-size: 10px;
}

td.releaseDate {    
	font-size: 11px;   
	width: 78px;
	padding-left: 78px;
} 

td.releaseImprint {
	font-size: 11px;
	padding-left: 36px;
	width: 126px;
} 

th#hdrCol2_3 {
	padding-left: 36px;    
}    

th#colDate,
th#colQuarter {
	padding-left: 15px;
}      

th#colSubject,
th#colTotal {
	padding-left: 10px;
} 

th#colStatus {
	padding-left: 2px;
}

td.newsDate {         
	width: 19%;           
	text-align: right !important;
}  

td.newsHeadline {
	padding-left: 10px;
}

.odd {
	background-color: #f4f4f4;
}   

td.messageDate,
td.actQuarter {  
	width: 19%;
	text-align: right !important;
}       

td.messageSubject,
td.actTotal {
	padding-left: 10px;    
	width: 60%;
}    

td.messageStatus {    
	/*padding-left: 4px;*/
	width: 17%;  
	/*padding-left: 2px;*/
	text-align: center !important;
}  

td.proposalName {
	padding-left: 14px;
	width: 120px;
}    

td.proposalStatus {
	width: 92px;
}    

th#colProposalName {
	padding-left: 14px;
}    

div.viewAll {
	font-size: 10px;
	text-align: right;
	padding: 14px 10px 0 0;
}

div.modActStatement h5 {
	font-weight: normal;
	text-transform: uppercase;
	padding-left: 13px;
	font-size: 0.9em;
}

div.modActStatement ul {
	background: url('../img/modActStatementBg.gif') 0 100% no-repeat;	 	
	width: 268px;
	margin: 5px auto;
	height: 40px;
	color: #fff;
}

div.modActStatement ul li {
	float: left;
	position: relative;
	top: 25%;
	text-align: center;
}

div.modActStatement ul li.quarter {
	width: 80px;
}

div.modActStatement ul li.revenue,
div.modActStatement ul li.revenue a {
	width: 76px;
	font-weight: bold;	
	font-size: 1.2em;
	color: #fff;
}

div.modActStatement ul li.nextStatement {
	text-align: left;
	padding-left: 12px;
	width: 94px;
	font-size: 0.85em;
	color: #bed8ed;
	margin-top: -5px;
}

div.modActStatement ul li.nextStatement div {
	color: #fff;
	margin-top: -5px;
}

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

	approve graphic

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

div.labelApprove {
	background: #75a109 url('../img/status_bot.gif') 0 100% no-repeat;	 
	width: 167px;        
	margin: 0 !important;
}     

div.labelApprove div {
	background: transparent url('../img/status_top.gif') 0 0 no-repeat;
	color: #fff;
	padding: 0 16px 0 8px;
	margin: 0 !important; 
}        

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

	accounting columns

------------------------------------------------------------ */        
 
/* wide view */

div#accountLeft {       
	float: left;
/*	background: teal; */
	width: 352px;
}   

div#completeStatementBg {
	background: transparent url('../img/complete_statement_bg.gif') 0 0 repeat-y;
}   

div#completeStatementBot {
	background: transparent url('../img/complete_statement_bot.gif') 0 100% no-repeat;
	padding-bottom: 12px;
}    

div#outerStatementBox {
	background: #365676;
	margin: 0 9px;    
	padding: 18px 0 10px 0;
}   

div#qtrBot {
	background: #2d4c6c url('../img/qtr_bot.gif') 0 100% no-repeat;          
	width: 319px;   
	margin: 0 auto;  
	margin-bottom: 1em;     
}  

div#qtrTop {
	background: transparent url('../img/qtr_top.gif') 0 0 no-repeat;   
	padding: 0 10px 0 14px;  
	line-height: 37px;  
}      

div#chngQtr {
	float: right;     
	font-size: 9px;
	color: #b5d4f1;
	text-transform: uppercase; 
	margin-top: 2px; 
}  

div#chngQtr span {
	padding-right: 10px;
}   

select#qtr {
	color: #000;
	width: 72px;
} 

div.statementBlocks {
	background: #446584;    
	border-bottom: 1px solid #365676;
	margin: 0 auto;
	width: 307px;  
	padding: 0 0 0 10px;
}

div.gap {
	margin-bottom: 13px;
}       

div.padGap {
	padding-top: 5px;
} 

tr.whiteRow td {
color: #6d9901 !important;
background-color: #fff;
font-size: 11px;
}

table.singleStat, table.multiStats, table.acctFilter {
/*	width: 317px;  */
	width: 288px;
	margin-bottom: 6px;   
	margin-left: 5px; 	          
}                         

table.singleStat td, table.acctFilter td {
	color: #b5d4f1; 	
	font-size: 11px; 
}
 
table.singleStat td {
	padding-top: 9px;
	padding-bottom: 5px;
}   

table.singleStat th, table.multiStats th, table.acctFilter th {
	color: #fff;        
	font-weight: normal;
	font-size: 12px;    
/*	padding-left: 27px; */  
	padding-left: 12px;
	text-align: left;      
/*	width: 193px;  */ 
}
         
table.singleStat th, table.multiStats th {
	width: 193px;     
	padding-top: 9px;
	padding-bottom: 5px;    
}         

table.multiStats td {
	color: #b5d4f1;
	font-size: 11px; 
}    

td.multiColLeft {
/*	width: 173px;
	padding-left: 47px;*/        
	width: 173px;
	padding-left: 32px;
}    

tr#showConnected {
	background: #fff !important;
}  

tr#blueHighlite {
	background-color: #105b8e;
}

th#checkCol2 {
	padding-left: 0;
	width: auto;
} 

th.checkHighlite {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

div.accountRight {            
/*	background: wheat;  */
	float: right;
	width: 552px;
}

div.bridge {}

div.digitalRevBreakBackWide {
	background: transparent url('../img/digital_rev_wide.gif') 0 0 repeat-y;	
}

div.digitalRevBreakBack {
	background: transparent url('../img/digital_rev_bg.gif') 0 0 repeat-y;
}     

/*div#digitalRevBreakTop {
	background: transparent url('../img/digital_rev_top.gif') 0 0 no-repeat;        	
} */

div.digitalRevBreakTopWide {   
	position: relative;
}

div.digitalRevBreakBot {
	background: transparent url('../img/digital_rev_bot.gif') 0 100% no-repeat;    
	padding-bottom: 12px;   
}    

div.digitalRevBreakBotWide {
	background: transparent url('../img/digital_rev_bot_wide.gif') 0 100% no-repeat;    
	padding-bottom: 12px;	
}

div.digitalRevNav {
	background: transparent url('../img/account_mini_tabs_bg.gif') 0 0 repeat-x;  
	margin: 0 1px; 
/*	padding-bottom: 1px;  */
} 

div#breakdownGutter {
	padding: 0 16px;
}   

div#catalogLinks {
	float: left;     
	padding-left: 17px;
}       

div#revenueLinks {
	float: left;  
	padding-left: 8px;
}  

div.tSearchBox {      
	background: #dceefd url('../img/search_bg.gif') 0 0 no-repeat;
	width: 499px;   
	height: 37px;   
	margin: 14px 0 0 6px;       
	line-height: 37px;        
	padding-left: 14px;     
}  

div.tSearchBoxWide {      
	background: #dceefd url('../img/search_bg_wide.gif') 0 0 no-repeat;
	width: 873px;
	height: 37px;   
	margin: 14px 0 0 6px;       
	line-height: 37px;        
	padding-left: 14px;     
} 

*html #tSearch {
	padding-top: 6px;
}         

input#tGo {
	vertical-align: middle;
}    

input#tSearchtext {
	width: 136px;
/*	height: 17px;   */      
	padding: 1px 2px;       
	vertical-align: middle;
}     

table.displayStats {
	width: 100%;
}

table.displayStats th, table.displayStatsWide th {
	color: #848f98;
	text-transform: uppercase;    
	font-weight: normal;
	font-size: 10px; 
	text-align: left;    
	line-height: 12px;     
	padding-top: 29px;
	padding-bottom: 12px;   
	vertical-align: top;
}    

th.thSalesNarrow {
	text-align: center !important;
}

table.displayStats th a:link, table.displayStats th a:visited, table.displayStats th a:active,
table.displayStatsWide th a:link, table.displayStatsWide th a:visited, table.displayStatsWide th a:active
{
	color: #848f98;   
	text-decoration: none;	
}    

table.displayStats th a:hover,
table.displayStatsWide th a:hover
{
	color: #848f98;   
	text-decoration: underline;	
}

table.multiStats th {
	color: #fff;   
	font-weight: normal;  
	text-align: left;
}   

th.stats {
	padding-left: 10px;
} 

th.narrow {}

td.icons, table.catalogTable td.icons, table#enterReleaseTrackDetailsTable td.icons{
	padding:0 0 0 10px;   
	text-align: left !important;
	border:none;
	}

th.wide {}

table.displayStats td {    
	padding-top: 10px;
	padding-bottom: 10px;    
	vertical-align: middle;
}   

table.displayStatsWide td {    
	padding-top: 10px;
	padding-bottom: 10px;    
	vertical-align: middle; 
	border-right: 2px solid #fff;    
	text-align: center;
}

td.stats {
	border-right: 2px solid #fff;   
	padding-left: 10px;   
	padding-right: 10px;  
	line-height: 14px;
	text-align: left !important;
} 

td.narrow {}

td.wide {}

table#totalResults {
	width: 100%;       
/*	margin-top: 250px;  */
	margin-top: 18em;
}  

td#calcTotal {          
	color: #464f57 !important;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;   
	width: 388px;
} 

td#greensky {
	display:block;
	background: #779e10;    
	border-left: 2px solid #fff;
	color: #fff;    
	font: bold 12px Arial, sans-serif;  
	vertical-align: middle;
	padding-left: 10px; 
	width: 71px;
}    

hr.hair {
	margin: 1em 0;    
	border: 1px solid #eee;    
	border-style: none none solid none;  
	height: 1px;
}  

img#next {
	vertical-align: middle;    
	margin-left: 9px;  
	margin-right: 5px;
}

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

	footer

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

div#footer {
clear:both;
background-color:#E4E2E2;
border:4px solid #F4F4F4;
color:#6a6761;
margin:20px 25px;
padding:20px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
} 

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

	style for curved boxes & rounded corners

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

div.contentWrapCurvedHeader {
	width: 889px;
	margin: 0 auto;
}

div.contentWrapCurvedHeader h2 {
	color: #fff;
	width:100%;
	height:37px;
	background: #1f4367 url(../img/roundedTopHeader.gif) no-repeat left top;
	padding: 5px 0 0 24px;
	margin: -2px 0 0 -11px;
	width: 865px;
}

/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	background:#fff;
}

/* Normal styling */
.cb {
	margin:0.5em 0;
	}
	/* Top corners and border */
	
.bt div {
	position:relative;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */

.bb div {
	position:relative;
	font-size:0;
	line-height:0;
}

	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}

	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/* rounded box - blue header, outer wrapper */

div.contentWrapCurvedHeader .bt {
	background:url(/img/contentWrapCurvedHeaderBox.png) no-repeat top left;
	height:25px;
	margin: 0 0 0 0;
}

div.contentWrapCurvedHeader .bt div {
	background:url(/img/contentWrapCurvedHeaderBox.png) no-repeat top right;
	float: right;
	height: 25px;
	width: 18px;
}

div.contentWrapCurvedHeader .bb {
	background:url(/img/contentWrapCurvedHeaderBox.png) no-repeat 100% 100%;
	height:14px;
	margin:0 0 0 12px;		
}

div.contentWrapCurvedHeader .bb div {
	background:url(/img/contentWrapCurvedHeaderBox.png) no-repeat 0 100%;	
	left:-12px;
	width:12px;
	height:14px;	
}

div.contentWrapCurvedHeader .i1 {
	background:url(/img/contentWrapCurvedHeaderBorder.png) repeat-y 0 0;
	padding:0 0 0 1px;	
}

div.contentWrapCurvedHeader .i2 {
	background:url(/img/contentWrapCurvedHeaderBorder.png) repeat-y 100% 0;
	padding:0 1px 0 0;	
}

/* rounded box, inner wrapper */

div.curved .bt {
	background:url(/img/contentWrapCurvedBox.png) no-repeat 100% 0;
	height:25px;
	margin:0 0 0 18px;
}

div.curved .bt div {
	background:url(/img/contentWrapCurvedBox.png) no-repeat 0 0;
	float: left !important;
	left:-18px;
	width:18px;
	height:25px;
}

div.curved .bb {
	background:url(/img/contentWrapCurvedBox.png) no-repeat 100% 100%;
	height:14px;
	margin:0 0 0 12px;		
}

div.curved .bb div {
	background:url(/img/contentWrapCurvedBox.png) no-repeat 0 100%;	
	left:-12px;
	width:12px;
	height:14px;	
}

div.curved .i1 {
	background:url(/img/contentWrapCurvedHeaderBorder.png) repeat-y 0 0;
	padding:0 0 0 1px;	
}

div.curved .i2 {
	background:url(/img/contentWrapCurvedHeaderBorder.png) repeat-y 100% 0;
	padding:0 1px 0 0;	
}

/* rounded box, inner content wrap */

div.contentWrapMiddle {
	margin-top: 25px;
}

div.contentWrapMiddle .bt {
	background:url(/img/contentWrapMiddleBox.png) no-repeat 100% 0;
	height:10px;
	margin:0 0 0 18px;	
}

div.contentWrapMiddle .bt div {
	background:url(/img/contentWrapMiddleBox.png) no-repeat 0 0;
	float: left !important;	
	left:-18px;
	width:18px;
	height:10px;	
}

div.contentWrapMiddle .bb {
	background:url(/img/contentWrapMiddleBox.png) no-repeat 100% 100%;
	height:10px;
	margin:0 0 0 12px;		
}

div.contentWrapMiddle .bb div {
	background:url(/img/contentWrapMiddleBox.png) no-repeat 0 100%;	
	left:-12px;
	width:12px;
	height:10px;	
}

div.contentWrapMiddle .i1 {
	background:url(/img/contentWrapMiddleBorder.png) repeat-y 0 0;
	padding:0 0 0 6px;	
}

div.contentWrapMiddle .i2 {
	background:url(/img/contentWrapMiddleBorder.png) repeat-y 100% 0;
	padding:0 5px 0 0;	
}

div.contentWrapMiddle .i3 {
	background:url(../img/insideColoredBackground.gif) repeat-x left top;
}

/* rounded box, transparent edges */

div#enterReleaseContainer.roundedTransparent .bt,
div#enterReleaseHelp.roundedTransparent .bt {
	background:url(/img/roundedBox.png) no-repeat 100% 0;
	height:17px;
	margin:0 0 0 18px;	
}

div#enterReleaseContainer.roundedTransparent .bt div,
div#enterReleaseHelp.roundedTransparent .bt div {
	background:url(/img/roundedBox.png) no-repeat 0 0;
	float: left !important;
	left:-18px;
	width:18px;
	height:17px;	
}

div#enterReleaseContainer.roundedTransparent .bb,
div#enterReleaseHelp.roundedTransparent .bb {
	background:url(/img/roundedBox.png) no-repeat 100% 100%;
	height:14px;
	margin:0 0 0 12px;		
}

div#enterReleaseContainer.roundedTransparent .bb div,
div#enterReleaseHelp.roundedTransparent .bb div {
	background:url(/img/roundedBox.png) no-repeat 0 100%;	
	left:-12px;
	width:12px;
	height:14px;	
}

div#enterReleaseContainer.roundedTransparent .i1,
div#enterReleaseHelp.roundedTransparent .i1 {
	background:url(/img/roundedBorder.png) repeat-y 0 0;
	padding:0 0 0 5px;	
}

div#enterReleaseContainer.roundedTransparent .i2,
div#enterReleaseHelp.roundedTransparent .i2 {
	background:url(/img/roundedBorder.png) repeat-y 100% 0;
	padding:0 5px 0 0;	
}

div#enterReleaseContainer.roundedTransparent .i3,
div#enterReleaseHelp.roundedTransparent .i3 {
	background: #fff;
	background-image: none;
}


ul.privacyPolicy {
	list-style-type:decimal;
	margin:0 50px;

}

ul.privacyPolicy li{
	list-style-type:decimal;
	padding:10px 0;

}

p.introText, h3.introText{
padding: 0 14px;
}

#digitalSalesDiv{
	background: #365676;
	margin: 10px;    
	padding: 1px 0 10px;
}

li.digitalSalesDivBlocks {
	background: #446584;    
	border-bottom: 1px solid #365676;
	margin: 0 10px; 
	padding: 5px 0;
	color:#fff;
	font-size:11px;
	clear:both;
}
li.digitalSalesDivBlocks label{cursor:pointer}
li.digitalSalesDivBlocks input{margin:0 10px}

.digitalSalesDivClose{float:right; margin:0 10px; position:relative; top:-12px}
a.channelsExcelDownload:link,a.channelsExcelDownload:active, a.channelsExcelDownload:visited, a.channelsExcelDownload:hover {
	float:right; background-color:#B5D4F1; padding:5px 10px;color:#365676; margin:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}

.panel {
	background:#f9f9f9;
	border:1px solid #acacac;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	margin-bottom:20px
}

.wubs {
	font-size:12px;
	margin-top:20px;
	padding:8px 12px
}

.wubs a {
	color:#007be3 !important
}

.wubs .span8 a:first-child {
	display:inline-block;
	font-size:14px;
	margin-bottom:6px
}

.wubs .span4 {
	text-align:right
}

.span4,.span8 {
	float:left
}

.span4 {
	width:40%
}

.span8 {
	width:60%
}

.clear {
	clear:both;
	display:block;
	width:100%
}