/* ----- RESET ------------------------------------------------------------------------------------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
strong {
	font-weight: bold;
}
/* ----- BASIC ELEMENTS ------------------------------------------------------------------------------------------------------ */
em {
	font-style: italic;
}
body { 
	color: #000;
	width: 100%;
	height: 100%;
	background: #000 url(../images/bg_page.gif) top left repeat-x;
	text-align: center;
	font: 10px Verdana, Helvetica !important;
	}

p { 
	padding: 0px;
	font: 11px Verdana, Helvetica;
	margin-top: 0px;
	margin-bottom: 13px;
	text-align: left;
	}

ul, li {
	font: 11px/26px Verdana, Helvetica;
	}

h1 {
	font: 600 18px/16px Verdana, Helvetica;
	margin-top: 10px;
	}

h2 {
	font: 600 16px/14px Verdana, Helvetica;
	margin-top: 10px;
	}

h3 {
	font: 600 14px/12px Verdana, Helvetica;
	margin-top: 5px;
	}
label {
	cursor: pointer;
}
div.hr {
	height: 1px;
	border-bottom: 1px dashed #000;
	}

a:link, a:visited {
    font-weight: bold;
    text-decoration: underline;
    color: #0026F1;
    font-size: 11px;
    }

a:hover, a:active {
    text-decoration: none;
    color: #F10066;
    }

/* ----- LAYOUT ------------------------------------------------------------------------------------------------------ */

#pageHeader {
	position: relative;
	width: 100%;
	height: 95px;
	vertical-align: top;
	text-align: center;
	background: transparent;
	}

#toolbar {
	margin: 0px auto;
	height: 62px;
	}

#container { 
	background: transparent; 
	width: 945px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;
	padding-left: 0px;
	padding-right: 0px;
	}

#container #sectionOne {
    width: 100%;
    min-height: 400px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    margin-top: 0px;
    }

#container #pageFooter {
	font: 300 10px/13px Verdana, Helvetica, Arial;
	color: #3C240A;
	width: 945px;
	text-align: center;
	position: relative;
	height: 60px;
	padding-top: 30px;
	}

#container #pageFooter ul, #container #pageFooter li {
	font: 600 10px/13px Verdana, Helvetica, Arial;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	}

#container #pageFooter li {
	display: inline;
	background: transparent url(/media/shared/bg_list_separator.gif) left top no-repeat;
	padding-left: 7px;
	padding-right: 3px;
	list-style: none;
	}

#container #pageFooter li.first {
	background: none;
	}

#container #pageFooter span.fade {
    color: #393939;
    }

#container #pageFooter a:link, #container #pageFooter a:visited, #container #pageFooter a:hover, #container #pageFooter a:active {
    color: #6D6D6D;
	font: 300 10px/13px Verdana, Helvetica, Arial;
    }
#footerTextLinks td {
	width: 80px;
}
#container #mainImageTableWrapper {
	width: 100%;
	height: 397px;	
}
table .col_1 {
	width: 274px;
}
#container #footerTableWrapper {
	height: 100px;
	width: 100%;
	display: block;
}
#container #footerTableWrapper .col {
	vertical-align: top;
}
#container #footerTableWrapper .col_1 {
	width: 155px;
}
#container #footerTableWrapper .col_2 {
	width: 270px;
	line-height: 1.2;
}
/* scroll nav */
.scroll_nav {
	background: transparent url() 50% 0 no-repeat;
	height: 21px;
	clear: both;
	position: relative;
}
/* scroll navigation */
.scroll_nav.bottom {
	top: 5px;
}
	.scroll_nav img {
		vertical-align: middle;
		position: relative;
		cursor: pointer;
	}
	.scroll_nav img.arrow_left {
		left: -6px;
	}
	.scroll_nav img.arrow_right {
		left: 6px;
	}	
/* ----- PANELS  ------------------------------------------------------------------------------------------------------ */

#styleSelector {
	height:480px !important;
}
/*
.yui-panel-container.shadow .underlay {
	display:none !important;
}
*/
.yui-skin-sam .yui-panel .hd, .yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft, .yui-skin-sam .yui-panel {
	border: 0 none #999 !important;
}
/*
.yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft {
	background-color:transparent !important;
}
*/
.yui-skin-sam .mask {
	opacity:0.5 !important;
}
/* message box */
.yui-panel-container.shadow.message_box .underlay{
	display:block !important;
}
.yui-skin-sam .message_box .yui-panel .bd,
.yui-skin-sam .message_box .yui-panel .ft {
	background-color: #F2F2F2 !important;
}
/*
.yui-skin-sam .yui-panel .hd,
.yui-skin-sam .container-close {
	display: none !important;
}
*/
.yui-skin-sam .message_box .yui-panel .hd,
.yui-skin-sam .message_box .container-close {
	display: block !important;
}
#message {
	color:red;
	font: 600 14px/12px Verdana, Arial, Helvetica, sans-serif;
	}

/* basic ucase labels with pattern bg */
.patternedLabel{
	height: 11px;
	line-height: 11px;
	position: relative;
	padding: 0 5px 0 0;
	font-weight: bold;
	text-transform: uppercase;
	background: transparent url(../images/bg_title_repeat.gif) left top repeat-x;
	font-size: 11px;
	margin-bottom: 7px;
}
	.patternedLabel span.black {
		color: #000;
		margin: 0;
		padding: 0;
		background-color: #fff;
		}

	.patternedLabel span.grey {
		color: #818181;
		margin: 0;
		padding: 0 5px 0 0;
		background-color: #fff;
		}
	.patternedLabel span.black,
	.patternedLabel span.grey {
		position: relative;
		padding-right: 5px;
	}

/* ----- NEWS ---------------------------------------------------------------------------------------------------------- */
#news {
	height: 332px;
	width: 282px;
	background: #fff url("../site/en_101/images/generic/bg_news.png") 0 0 no-repeat;
	position: relative;
	top: 1px;
	left: -1px;
	float: right;
}
	#news .box {
		left:8px;
		position:relative;
		top:42px;
		width:265px;
	}
	#news h4,
	#news p {
		padding: 0 5px;
	}
	#news h4 {
		font-weight: bold;
		height: 23px;
	}
	#news p {
		margin-bottom: 0;
	}
	#news li {
		padding-bottom: 5px;
		margin-bottom: 2px;
		cursor: pointer;
	}
	#news li.hover h4 {
		color: #5b8397 !important;
	}
/* ----- ED PICKS ------------------------------------------------------------------------------------------------------ */
#editorspick {
	height: 332px;
	width: 282px;
	background: #fff url("../site/en_101/images/generic/bg_editors_picks.png") 0 0 no-repeat;
	position: relative;
	left: -1px;
}	
	#editorspick .content {
		clear: left;
		position: relative;
		padding: 10px 0 0 13px;
	}
		#editorspick .content h2 {
			font-size: 11px;
			margin-top: 0;
		}
		#editorspick .content p {
			padding-right: 10px;
			margin: 0;
			line-height: 1.1;
		}
		#editorspick .content #eventLinks,
		#editorspick .content #editorLinks,
		#editorspick .content #featuredArtist div {
			display: none;			
		}
		#editorspick .content #featuredArtist div {
			opacity: 0;
		}
		#editorspick .content #featuredArtist #fa0 {
			opacity: 96;
		}
		
	#editorspick #dotsnav {
		position: absolute;
		top: 0;
		left: 13px;
		width: 38px;
		height: 7px;
		overflow: hidden;
	}
		#editorspick #dotsnav ul {
			float: left;
			width: 38px;
			height: 7px;
		}
		#editorspick #dotsnav li {
			float: left;
			margin-right: 2px;	
		}
		#editorspick #dotsnav li.last {
			margin-right: 0;
		}
		#editorspick #dotsnav a:link,
		#editorspick #dotsnav a:visited {
			background-position: 0 0;
		}
		#editorspick #dotsnav a:hover {
			background-position: 0 -7px;
		}
		#editorspick #dotsnav a.selected {
			background-position: 0 -14px;
		}
		#editorspick #dotsnav a {
			background-image: url("../images/generic/bg_editors_picks_squares.gif");			
			background-repeat: no-repeat;
			text-indent: -9999px;
			width: 8px;
			height: 7px;
			display: block;
			outline: none;
		}
	#editorspick .box {
		position: relative;
		top: 50px;
		left: 8px;
		width: 265px;
	}
	#editorspick ul.stripe {
		margin: 0 10px 0 0;
	}
		#editorspick ul.stripe li {
			line-height: 20px;
			padding-left: 10px;
			width: 232px;
		}
		#editorspick ul.stripe a {
			color: #555;
			text-decoration: none !important;
		}
	#editorspick ul.nav {
		float:left;
		height: 41px;
		overflow: hidden;		
	}
		#editorspick ul.nav li {
			float: left;
			list-style: none;
			padding: 0;
			margin: 0;
			border-bottom: 
		}
		#editorspick ul.nav a:link,
		#editorspick ul.nav a:visited {
			background-position:0 -41px;
			color:#D3D3D3;
			overflow:hidden;
			padding:0;				
		}			
		#editorspick ul.nav a.selected{
			background-position: 0 0;				
			color: #000;
			padding-left: 0;				
		}
			#editorspick ul.nav a.selected span {
				color: #838383;
			}			
		#editorspick ul.nav a {				
			display: block;				
			background-image:url("../images/generic/bg_tabs_broad.png");
			background-repeat: no-repeat;			
			overflow: hidden;
			outline: none;
			font-weight: bold;
			text-decoration: none;
			position: absolute;
			top: 0;		
			width:83px;
			height: 41px;
			text-align: center;
			line-height: 41px;
			font-size: 12px;
			text-transform: uppercase;			
		}
		#editorspick ul.nav span {
			color:#d3d3d3;
			font-size:12px;
			font-weight:bold;
			left:42px;
			position:absolute;
			text-transform:uppercase;
			top:12px;
		}
	#editorspick a#picksFeatured {
		background-image:url("../images/generic/bg_tabs_broad_featured.png");
		width: 98px;
		left: 0;
		position: relative;
		line-height: 2.5;
	}
	#editorspick a#picksEvents {
		left: 98px;
	}
	#editorspick a#picksLinks {
		background-image:url("../images/generic/bg_tabs_broad_right.png");
		width: 84px;
		left: 181px;
	} 

/* ----- REG SIGNUP ------------------------------------------------------------------------------------------------------ */

#newsletterFade {
	position: absolute;
	top: 0;
	left: -2px;
}
.nofade #newsletterFade {
	display:none;
}
#newsletterContainer {
	position: relative;
	top: 0;
	left: 0;
	height: 65px;
}
#newsletterRegister {
	float: left;
	background: #fff url("../site/en_101/images/generic/bg_signup.png") 8px 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 28px;
	width: 671px;
}	
	#newsletterRegister .box {
		padding: 5px 0 0 13px;
		float: left;
		height: 32px;
	}
		#newsletterRegister .box p {
			color: #555;
			font-size: 11px;
			float: left;
			width: 300px;
			margin: 0;
		}
	#newsletterRegister form {
		width: 341px;
		float: right;
		position: relative;
		top: 5px;
	}
		#newsletterRegister form a:link,
		#newsletterRegister form a:visited {
			background-position: 0 0;
		}
		#newsletterRegister form a:hover {
			background-position: 0 -15px;
		}
		#newsletterRegister form a {
			text-indent: -9999px;
			background-image:url("../site/en_101/images/generic/btn_go.gif");
			background-repeat: no-repeat;
			background-color: transparent;
			text-decoration: none;
			width: 36px;
			height: 15px;
			overflow: hidden;
			position: absolute;
			top: 1px;
			right: 0;
		}
	#newsletterRegister label {
		color: #555;
		font-weight: bold;
		font-size: 10px;
	}
	#newsletterRegister input.txt {
		background: #d6d6d6;
		color: #555;
		text-align: center;
		width: 100px;
		font-size: 11px;
		border: 1px solid #adadad;
	}
	#newsletterRegister a#regnow:link,
	#newsletterRegister a#regnow:visited {
		background-position: 0 0;
	}
	#newsletterRegister a#regnow:hover {
		background-position: 0 -11px;
	}
	#newsletterRegister a#regnow {
		position: absolute;
		top: 12px;
		right: 21px;
		font-size: 10px;
		text-indent: -9999px;
		height: 11px;
		width: 80px;
		overflow: hidden;
		background: transparent url("../site/en_101/images/generic/bg_register.png") 0 0 no-repeat;
	}
/* tighter format */
	.tight #newsletterRegister {
		border: none;
		margin-top: 10px;
		background-position: 0 0;
	}
	.tight #newsletterRegister .box {
		padding-left: 5px;
		position: relative;
	}
	.tight #newsletterRegister a#regnow {
		right: 4px;
		top: -17px;
	}
/* global classes */
.users {
	background: transparent url("../images/generic/icn_users.gif") 0 50% no-repeat;
	padding-left: 19px;
}
input.error {
	border: 1px solid #f00 !important;
}
.last_track_row a {
	position: relative; top: 6px;
}
/* left-right arrows in module headers */
div .arrows {
	display:block;
	height:19px;
	left:190px;
	padding-top:3px;
	position:absolute;
	top:12px;
	width:72px;
}
	div.arrows span {
		color: #fff;
	}
	div.arrows a {
		display: block;
		text-indent: -9999px;
		width: 6px;
		height: 19px;
		background-image: url("../images/generic/bg_snp_arrows.gif");
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		outline: none;
	}
	div.arrows a.left {
		background-position: 0 0;
		left: 0;
	}
	div.arrows a.right {
		background-position: 100% 0;
		right: 0;
	}
span.select {
	background:transparent url(../images/generic/bg_select_black.png) no-repeat scroll 0 0;
	color:#fff;
	font-family:arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:32px;
	line-height:32px;
	overflow:hidden;
	padding:0 24px 0 12px;
	position:absolute;
	width:158px;
}
/* REMOVE PADDING AFTER FLASH MOVIE */
object, embed { display: block; }


/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
	#newsletterRegister form a { right: -4px; top: 0; }
	#newsletterContainer { height: 64px; top:-1px; }
	#editorspick { top: -1px; }
	#charts { background-position: 0 -1px !important; }
	#news { top: 0; }
	#digitaldis { top: 0; }
}

/* ----- SEARCH ------------------------------------------------------------------------------------------------------ */

#search {
/*
	position: relative;
	width: 945px;
	height: 33px;
	text-align: left;
*/
	background:transparent url(../images/bg_page.gif) repeat-x scroll left top;
	height:33px;
	position:fixed;
	left: 0;
	top: 0;
	text-align:left;
	width:100%;
	z-index:999;

}
#searchOuter {
	position: relative;
	margin: 0 auto;
	display: block;
	width: 945px;
}
#searchInputContainer {
	position: absolute;
	left: 0;
	width: 340px;
	height: 33px;
	background: url("../images/bg_search.png") top left no-repeat #000;
	text-align: left;
}

#searchInput {
	position: absolute;
	background: none;
	top: 9px;
	left: 23px;
	width: 307px;
	border: none;
	color: #858585;
	font-size: 11px;
}

#searchAutoComplete {
	position: absolute;
	top: 33px;
	width: 450px;
}

.searchAutoCompleteHighlight {
	background-color: #CCC;
}

#toolbarLinksContainer {
	position: absolute;
	top: 5px;
	right: 0;
}

#toolbarLinksContainer img {
	vertical-align: middle;
}

#toolbarLinksContainer a {
	font-size: 11px;
	text-decoration: none;
}

#toolbarLinksContainer a:link, #toolbarLinksContainer a:visited {
	color: #000;
}

#toolbarLinksContainer a:hover, #toolbarLinksContainer a:active {
	color: #fff;
}
.advancedsearch {
	margin: 10px 20px 10px 10px;
	font: bold 11px/1.5 Verdana, Helvetica, Sans-serif;
}

.advancedsearchInput {
	color: #3F3F3F;
	font: 11px Arial, Helvetica, Sans-serif;
}

.advancedsearchresultheader {
	margin: 10px 10px 10px 10px;
}

.advancedsearchresultheader table:hover {
	background-color: #BFBFBF;
	cursor: pointer;
}

.advancedsearchresultsrow table:hover .asartistslabel {
	color: #000000;
}

.advancedsearchresults {
	margin-left: 10px;
}

.advancedsearchresultsrow {
	border-bottom-style: dotted; 
	border-bottom-width: thin;
}

.advancedsearchresultsrowodd {
	background-color: #DFDFDF;
}

.advancedsearchfooter a {
	color: #000000;
	text-decoration: none;
	margin-right:2px;
}

/* ----- DEFAULT ------------------------------------------------------------------------------------------------------ */

#container {
	width: 945px;
	margin: 0 auto;
	padding-top: 33px;
}

#popup_container {
	width: 615px;
	margin: 0px auto;
}

#pageHeader {
	position: relative;
	width: 100%;
	height: 62px;
	border-bottom: 1px solid #000;
}

#headerLogo {
	position: absolute;
	left: 5px;
	width: 80px;
	height: 80px;
}

#pageSubNav {
	position: absolute;
	top: 10px;
	right: 5px;
}

.pageSubNavLink {
	float: left;
	font-size: 14px;
}

.pageSubNavLinkBold {
	float: left;
	font-size: 14px;
	font-weight: bold;
}

.pageSubNavLink a:link, .pageSubNavLink a:visited, .pageSubNavLinkBold a:link, .pageSubNavLinkBold a:visited {
	color: #333;
	text-decoration: none;
}

.pageSubNavLink a:hover, .pageSubNavLink a:active, .pageSubNavLinkBold a:hover, .pageSubNavLinkBold a:active {
	color: #000;
	text-decoration: underline;
	cursor: pointer;
}
.pageSubNavDivider {
	float: left;
	font-size: 14px;
	margin: 0px 5px;
}

#pageHeading {
	position: absolute;
	bottom: 10px;
	right: 5px;
}

#pageHeadingLeft, #pageHeadingRight {
	font-family: Arial, Verdana, Helvetica;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	background: white repeat;
}
#pageHeadingLeft {
	float: left;
	color: black;
	padding-right: 3px;
}

#pageHeadingRight {
	float: left;
	color: #848484;
}

#content {
	position: relative;
	clear: both;
	width: 100%;
	min-height: 380px;
	margin: 0px auto;
	margin-top: 30px;
	margin-bottom: 10px;
	border-bottom: 1px solid #000;
}

#popup_content {
	position: relative;
	clear: both;
	width: 94%;
	padding: 20px 20px 20px 20px;
	border-bottom: 1px solid #000;
}

#pageFooter {
	clear: both;
	font-size: 9px;
	text-align: center;
}

.dividerLine {
	clear: both;
	line-height: 3px;
	margin: 0px auto;
	margin-top: 3px;
	border-top: 1px solid black;	
}

#alerts {
	font-size: 11pt;
	font-weight: bold;
	color: red;
	margin-bottom: 10px;
	padding: 10px 0px;
	border-bottom: 1px solid #000;
}

.inputDescriptionTitle {
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #84848f;
	font-weight: 500;
}

.inputDescription {
	line-height: 16px;
}

.inputContainer {
	clear: both;
	padding: 5px 0px;
}

.inputLabel {
	float: left;
	width: 130px;
	padding-top: 4px;
	text-align: right;
}

.inputField {
	float: left;
	width: 260px;
	margin-left: 5px;
}

.helpLink {
	font-size: 10px;
	color: #787878;
}

.helpLink:hover {
	color: #000;
	cursor: help;
}

.dashModule {
	position: relative;
	border: 1px solid #666;
}

.dashModuleHeader {
	padding: 5px;
	background-color: #666;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

.dashModuleBody {
	padding: 5px;
}

.dashProjStatusContainer {
	height: 20px;
}

.dashProjStatusIcon {
	float: left;
}

.dashProjStatusDesc {
	float: left;
	margin-left: 5px;
	margin-top: 1px;
}

.dashProjStatusDesc a {
	font-size: 10px;
	color: #2F2F2F;
}

.projDetailContainer {
	width: 100%;
	padding-top: 5px;
	clear: both;
}

.projDetailLabel {
	float: left;
	width: 90px;
}

.projDetailValue {
	float: left;
}

.astatus {
	font-size: 10px;
	color: #2F2F2F;
}

.required {
	font-size: 10px;
	color: #cc0000;
}

.bold {
	font-weight: bold;
}

.center {
	margin: 0 auto;
	display: block;
	text-align: center;
}

.listheader {
	background-color: #2F2F2F;
	height: 22px;
}

.listheaderlabel {
	padding: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

.listaligncenter {
	text-align: center;
}

.listalignright {
	text-align: right;
}

.listitemrowalt {
	height: 22px;
}

.listitemrow {
	height: 22px;
	background-color: whitesmoke;
}

.listitem {
	padding: 5px;
}
.listitem a {
	font-size: 10px;
	color: #2F2F2F;
}

.backlink{
	font-size: 10px;
	color: #2F2F2F;
}


.dashboardreports {
	text-align: left;
}

.dashboardreports a {
	font-size: 10px;
	color: #2F2F2F;
}

.dashboardreportsamount {
	text-align: right;
}


.pacakge_selection_basic {
	background-color: #f2f2f2;
	padding: 3px 0px 3px 10px;
}

.pacakge_selection_pro {
	background-color: #e9f8ff;
	padding: 3px 0px 3px 10px;
}

.pacakge_selection_na {
	padding: 3px 0px 3px 10px;
}

#pagewidth{ width:950px; border-bottom: 1px solid #000; }
 
#leftcol{
 width:25%; 
 float:left; 
 position:relative; 
  }
 
#twocols{
 width:75%; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:34%; 
 float:right; 
 position:relative; 
 }
 
#maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:66%; 
 }
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

ul.boxes li a:link, ul.boxes li a:visited {
	background:transparent url("../images/generic/bullet_squares.gif") no-repeat scroll 0 4px;
	color:#333;
	padding-left:11px;
}
ul.boxes li a:hover, ul.boxes li a.selected {
	background-position:0 -21px;
	color:#5B8397;
	text-decoration:underline;
}
ul.boxes li a {
	white-space: nowrap;
	outline: none;
}
ul.stripe {
	background: transparent url(../site/en_101/images/generic/bg_dotted_li_border.gif) repeat-x bottom left;
	padding-bottom: 1px;
}
ul.stripe li {
	line-height: 25px;
	background-image:url("../site/en_101/images/generic/bg_dotted_li_border.gif");
	background-repeat:repeat-x;
	background-position:top left;
	width: 100%;
	margin-bottom: 1px;
	font-size: 11px;
	background-color: #fff;
	overflow: hidden;
}
ul.stripe li.even {
	background-color: #f4f4f4;
}
ul.stripe li.last {
	height: 42px !important;	
}
ul.stripe li.odd.last {
	height: 41px !important;
}
ul.stripe a {
	width: 100%;
	height: 100%;
	text-decoration: underline;
	color: #000;
	font-size: 11px;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* ----- FOOTER ------------------------------------------------------------------------------------------------------ */

.footer 
{ 
	background-image: url( ../images/footer/footer-bg.png ); 
	background-repeat: no-repeat; 
	margin-top:5px; 
	padding:15px 30px 10px 30px; 
	color: #6D6D6D !important; 
	font-size: 10px;
}

.footer-margin { margin-top: 2px; }
.footer-icon-margin { margin: 2px 5px 2px 5px; }
.footer-links a 
{ 	
	color: #6D6D6D !important; 
	text-decoration: none; 
	font-family:Verdana,Helvetica,Arial;
	font-size:10px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:300;
}
.footer-header 
{ 
	color: #6D6D6D !important; 
	text-decoration: none; 
	font-family:Verdana,Helvetica,Arial;
	font-size:10px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal; 
	font-weight:bold;
	margin-bottom: 4px; 
}
	.footer #tblIcons {
		border-collapse: separate;
		border-spacing: 10px;
	}

/* ----- TYPOGRAPHY ------------------------------------------------------------------------------------------------------ */

.stdText
{
	font-family:Verdana,arial,Geneva,Helvetica,sans-serif; 
	font-size:11px;
}

.blueTitle
{
	font-size:12px;
	color: #587F91;
	font-weight:bold;
}

a.nostyle
{
	font-weight:normal;
}

.smallText
{
	font-family:Verdana,arial,Geneva,Helvetica,sans-serif; 
	font-size:10px;
}

a.blueLink
{
	color:#5D8CAA;
	font-weight:bold;
	text-decoration:none;
}

a.blackLink
{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

a.attentionLink
{
	color:#2F2F2F;
	font-weight:bold;
	font-family:Verdana,arial,Geneva,Helvetica,sans-serif; 
	font-size:12px;
}

.black_title {
	text-transform: uppercase;
	font: 600 12px/12px Arial, Verdana, Helvetica;
	color: #000;
	margin: 0px;
	padding: 0px;
}

.gray_title {
	text-transform: uppercase;
	font: 600 12px/12px Arial, Verdana, Helvetica;
	color: #818181;
	margin: 0px;
	padding: 0px 5px 0px 0px;
}

.large_gray_title {
	text-transform: uppercase;
	font: 14px Verdana, Arial, Helvetica;
	color: #666666;
	margin: 0px;
}

.large_black_title {
	font: 14px Verdana, Arial, Helvetica;
	color: #000;
	margin: 0px;
	font-weight:bold;
}

/* ----- LAYOUT ------------------------------------------------------------------------------------------------------ */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */

/* ----- MEDIA MODULE ------------------------------------------------------------------------------------------------------ */

#mediaPanelLeft,
#mediaPanelCenter,
#mediaPanelRight {
	float: left;
}
#mediaPanel {	
	background: transparent url("../site/en_101/images/dvd/bg_dvd_panel.png") 0 0 no-repeat;
	height: 360px;
	margin: 0;
	padding: 18px;
	position: relative;
}
	mediaPanel .patternedLabel {
		height: 18px;
	}
	#mediaPanel .corner {
		position: absolute;
		top: 0;
		display: block
		height: 396px;
		width: 12px;
	}
	#mediaPanel #mediaLeftSideCorner {
		left: 0;
	}
	#mediaPanel #mediaRightSideCorner {
		right: 0;
	}
	#mediaPanel div {
		position: relative;
	}
	#mediaPanel h3,
	#mediaPanel p {
		font-family: Verdana;
	}
	#mediaPanel h3 {
		margin: 0;
	}
	#mediaPanel h3 a {
		font-size: 11px;
		color: #333;
	}
	#mediaPanel p {
		margin: 0;
		padding: 0;
		font-size: 11px;
	}
	#mediaPanel ul {
		margin: 10px 0 0;
		padding: 0 0 1px;
		background: transparent url("../site/en_101/images/generic/bg_dotted_li_border.gif") bottom left repeat-x;
	}
	#mediaPanel li {
		list-style: none;
		padding: 0;
		margin: 0;
	}
#mediaPanelLeft {
	float: left;
	width: 338px;
	height: 359px;
	background: transparent url("../site/en_101/images/dvd/dvd_panel_left.png") 0 0 no-repeat;
}
	#mediaPanelLeft .box {
		height:103px;
		margin-top:63px;
	}
		#mediaPanelLeft .box .thumb {
			float: left;			
			margin: 9px 10px 0 39px;
		}
		#mediaPanelLeft .box .thumb img {
			border: 1px solid #5a5a5a;
		}
		#mediaPanelLeft .box h3,
		#mediaPanelLeft .box p {
			float: left;
			width: 162px;		
		}
		#mediaPanelLeft .box h3 {
			margin: 18px 0 2px;	
			font-size: 11px;		
		}
#mediaPanelRight {
	width: 569px;
	height: 343px;
	background: #fff url("../site/en_101/images/dvd/dvd_panel_right.png") 0 0 no-repeat;
	padding-top: 16px;
}	
	#mediaPanelRight .box {
		padding-left: 10px;
	}
	#mediaPanelRight .box.first {
		margin-top: 10px;
	}
	#mediaPanelRight .box.last{
		margin-bottom: 18px;
	} 
		#mediaPanelRight .box img {
			margin-right: 10px;
			float: left;
		}
	#mediaPanelRight #rightSpot {
		float: right;
		width: 174px;
		height: 330px;
		margin: 0 16px 0 10px;
		background: transparent url("../images/generic/dvd_frame_right.png") 0 0 no-repeat;
	}
		#mediaPanelRight #rightSpot img,
		#mediaPanelRight #rightSpot h4 {
			position: absolute;
		}
		#mediaPanelRight #rightSpot img {
			left: 7px;
		}
		#mediaPanelRight #rightSpot h4 {
			left: 15px;
			margin: 0;
			letter-spacing: 1px;
			font-size: 10px;
			font-weight: normal;
		}
		#mediaPanelRight #rightSpot #mediaRightThumbOne {
			top: 17px;	
		}
		#mediaPanelRight #rightSpot #mediaRightThumbTwo {
			top: 226px;
		}
		#mediaPanelRight #rightSpot #mediaRightTextOne {
			top: 2px;	
		}
		#mediaPanelRight #rightSpot #mediaRightTextTwo {
			top: 211px;
		}
	#mediaPanelRight p {
		margin-bottom: 9px;	
	}
	#mediaPanelRight #mediaRightContent {
		float: left;
		width: 360px;
		margin-left: 5px;
	}
	#mediaPanelRight h3 {
		text-decoration: underline;
		margin-bottom: 2px;
	}
		#mediaPanelRight h3 span {
			background: #fff; /* remove underline for dash */
		}
	#mediaPanelRight ul li {
		line-height: 25px;
		background-image:url("../site/en_101/images/generic/bg_dotted_li_border.gif");
		background-repeat:repeat-x;
		background-position:top left;
	}
	#mediaPanelRight ul.stripe li {
		width: 100%;
		margin-bottom: 1px;
		font-size: 11px;
	}
	#mediaPanelRight ul.stripe li.even {
		background-color: #f4f4f4;
	}
	#mediaPanelRight ul.stripe a {
		width: 100%;
		height: 100%;
		text-decoration: underline;
		color: #000;
		font-size: 11px;
	}


/* ----- PROJECT OFFERINGS ICONS ------------------------------------------------------------------------------------------------------ */
#project_offerings {
	bottom:0;
	display:block;
	height:34px;
	left:0;
	position:absolute;
	width:100%;
}
	#project_offerings div {
		width: 31px !important;
		height: 30px !important;
		overflow: hidden;
		text-indent: -9999px;
		background-image: url("../images/project_offerings_buttons.png");
		background-repeat: no-repeat;
		float: left;
		margin-left: 5px;
	}
	#project_offerings .cd {
		background-position: 0 0;
		margin-left: 35px;
	}
	#project_offerings .mp3 {
		background-position: -31px 0;
	}
	#project_offerings .ringtone {
		background-position: -63px 0;
	}
	#project_offerings .merch {
		background-position: -94px 0;
	}
	#project_offerings .dvd {
		background-position: -125px 0;
	}
	#project_offerings .vod {
		background-position: -156px 0;
	}
	#project_offerings .dimmed {
		opacity: 0.2;
	}
	
	

/* ----- MEDIA PLAYER ------------------------------------------------------------------------------------------------------ */

	/* root element should be positioned relatively so that 
		child elements can be positioned absolutely */
	div.live101 { 
		position:relative;
		height:8px;
		text-align:left;
		margin:12px 0 0;
		padding:5px 0 0;
	}

	/* when play button toggles between play/pause class 
		we move it's background image */
	div.live101 a.play, div.live101 a.pause { 
		position:absolute;
		width: 18px;
		height:10px;
		text-indent:-999em;
		cursor:pointer;
		overflow:hidden;
		background:url(../images/mediaplayer_play_pause.gif) center top no-repeat;
		margin-top: -10px;	
	}

	div.live101 a.pause { 
		background-position:center -10px;
	}

	/* the draggable playhead */
	div.live101 div.playhead { 
		position:absolute;	
		height:12px;
		background:url(../images/mediaplayer_playhead.png) no-repeat;
		cursor:pointer;
		top:0px; 
		width:12px;
	}

	/* buffer and controls are automatically resized, their initial width should be 0 */
	div.live101 div.progress, div.live101 div.buffer {	
		background-color:#fff;
		height:6px;
		margin:3px 4px;
		width:0px;
		position:absolute;
		top:0;
		font-size:0px;	

		/* this is the way to fine tune buffer and progress max width */
		max-width:712px;
	}

	div.live101 div.buffer {
		background-color:#999;
	}

	/* som proprietary styling for progress bar under mozilla */
	div.live101 div.progress {
		-moz-border-radius-bottomleft:2px;
		-moz-border-radius-topleft:2px;	
	}

	/* hide time and controls in Apple look */
	div.live101 a.mute, div.live101 a.unmute {
		display:none;		
	}
	
	/* the track or "scrubber"  */
	div.live101 div.track { 
		position:absolute;
		top:-6px;	
		height:18px;
		left:20px;
		background:url(../images/mediaplayer_track.gif) no-repeat;
		text-align:left;
		cursor:pointer;
		width:322px;	
	}
	
	div.live101 div.time {
		position:absolute;		
		width:129px;
		left:330px;
		padding:12px 0;
		text-align:center;
		border:1px solid #999;
		border-width:0 1px;
		font-size:12px;
		color:#fff; 
	}