/*	EMICMG Label portals
	page: credential skin (visual styles)
	vers: 08.08.08 */

/*	FONTS	------ */
body {
	/* enable this line to overwrite the default font family set 
	font-family: Lucida Grande, Segoe, Verdana;*/}

/*	BGs/IMAGES/COLORS:  ----------
	this will overwrite the main CSS if filled with a BG IMAGE(s)/color(S)  */
body {
	background-color: #000;
	color:#ccc }	

body.skin #page {
	background: #000 url(/masters/credentialrecordings/images/credentialbak.jpg) no-repeat 50% 0 }
#mainContentArea {
	background-color: #000;
	border: solid 1px #121212 }
#mainNav{ background-color: #000 } /* this will change the BG color for the main navigation */
#artistsNav{ background-color: transparent }

#labelID.Logo  { 
	/*background-image: url(/masters/forefrontrecords/images/ffLogo-trans.png);
	background-repeat: no-repeat;
	width: 174px;
	height: 64px*/ }

/*   TEXT/font colors   */
.newsDate, 
div#footer a, 
.updateInfo, 
a.newsHeadline:hover, 
.photoVideoLink:hover, 
.picVidEntryDesc, 
.artistName,
.highlightHdr, body a:hover{
	color:#666;
	}
div#footer a:hover, 
#userInfoArea, 
a.newsHeadline{
	color:#fff;
	}
.genericWhiteTxt, 
.genericWhiteTxt a, 
.photoVideoLink, 
.featPicVidtxt{
	color:#fff;
	}
.uname, body a{
	color:#333;
	}
.genericGreyTxt, #userInfoArea{
	color:#333;
	}

/*  BORDER colors  */
div.commentEntry {
	border-left:1px solid #666;
	}
div.commentEntryAlt {
	border-left:1px solid #0e3051;
	}
	
/*  BACKGROUND colors  */
.tourHdrRowColor{
	background-color: #333 !important;
	}
.altRowColor{
	background-color: #666 !important;
	}
	
/* footer formatting */
#footer { background-color:#000 }
div#footer  { color:#666 }
div#footer a { font-size:10px; font-weight: bold; text-decoration: none }
div#footer a:hover{ color:#333; text-decoration: underline }

/* panel formatting
   - this is the formatting for all panels that hold content */
.panel    {
	margin-bottom: 8px;
	float: left;
	border-right: 2px dotted #121212 }
.hideTopLine{ border-top: 0px solid transparent }
.hdrTxtArea      {
	background-image: url("/masters/credentialrecordings/images/credentialPanel.jpg");
	background-repeat: no-repeat;
	height: 30px }
.panelHdr{ float:left; margin-top:4px; margin-left:10px; font-size:10px;
}
.hdrRightCorner    {
	background-color: #000;
	width: 6px;
	height: 30px;
	float: right }
.panelBody   {
	background-color: #000;
	/*background-image: url("/masters/credentialrecordings/images/credentialPanel-trans.png");
	background-repeat: no-repeat;
	background-position: 0 -29px;*/
	}
.hideRightLine{border-right:0px solid transparent}
.horizTopLine{border-top: 1px solid #ccc}

.altBGColor1{/*background-color: #333*/}
.altBGColor2{/*background-color: #4b4b4b*/}
.altBGColor3{/*background-color: #dcdcdc*/}
.altBGColor4{/*background-color: #e6e6e6*/}
.altBGColor5{/*background-color: #ccc*/}

/* pixel sizes for specific panels */ 
.homePhotosVideos {
	width: 490px }
.homeLatestReleases {
	width: 270px }
.homeNews {
	width: 290px }
	.headlineCol{width:240px} /* sets the width for news headlines on home pg */
.homeTourDates {
	width: 210px }
.homeWebTools {
	width: 262px }

/* margin/padding settings */ 
.buttonMargins  {
	margin-top:20px;
	margin-bottom:5px }
div.photoThumbs {
	padding-left:3px;}
div.photoThumbs img {
	height:50px;
	padding:3px;
	width:50px;
	}


/* global control styles */
#userInfoArea{text-align: left; color:#333}
	#userInfoArea img {} /* change user pic border */
	.updateInfo {}
	
/*  header images  */
#hdrPhotosVideos {
	width:100px; height:10px; margin-top: 6px;
	background-image: url("/masters/credentialrecordings/images/hdrPhotosVideos-trans.png");	background-repeat: no-repeat }
#hdrLatestReleases  {
	width: 98px; height: 13px; margin-top: 6px;
	background-image: url("/masters/credentialrecordings/images/hdrLatestReleases-trans.png");
	background-repeat:no-repeat}
#hdrNews  {
	width: 29px; height: 13px; margin-top: 6px;
	background-image: url("/masters/credentialrecordings/images/hdrNews-trans.png"); background-repeat: no-repeat}
#hdrUpcomingTourDates  {
	width: 132px; height: 13px; margin-top: 6px;
	background-image: url("/masters/credentialrecordings/images/hdrUpcomingTourDates-trans.png"); background-repeat: no-repeat}
#hdrWebTools  {
	width: 67px; height: 13px; margin-top: 6px;
	background-image: url("/masters/credentialrecordings/images/hdrWebTools-trans.png"); background-repeat: no-repeat}
#hdrPromotions  {
	width: 79px; height: 13px; margin-top: 6px;
	background-image: url("/masters/credentialrecordings/images/hdrPromotions-trans.png"); background-repeat: no-repeat}
#hdrComments  {
	width: 70px; height: 13px; margin-top: 6px;
	background-image: url("/masters/credentialrecordings/images/hdrComments-trans.png"); background-repeat: no-repeat}
#hdrArtists  {
	width: 48px; height: 13px; margin-top: 6px;
	background-image: url("/masters/credentialrecordings/images/hdrArtists-trans.png"); background-repeat: no-repeat}
#hdrDiscography  {
	width: 82px; height: 13px; margin-top: 6px;
	background-image: url("/masters/credentialrecordings/images/hdrDiscography-trans.png"); background-repeat: no-repeat}
#hdrPhotos  {
	width: 82px; height: 13px; margin-top: 6px;
	background-image: url("/masters/credentialrecordings/images/hdrPhotos-trans.png"); background-repeat: no-repeat}
#hdrVideos  {
	width: 82px; height: 13px; margin-top: 6px;
	background-image: url("/masters/credentialrecordings/images/hdrVideos-trans.png"); background-repeat: no-repeat}
#hdrDetails  {
	width: 82px; height: 13px; margin-top: 6px;
	background-image: url("/masters/credentialrecordings/images/hdrDetails-trans.png"); background-repeat: no-repeat}
#hdrWallpapers  {
	width: 82px; height: 13px; margin-top: 6px;
	background-image: url("/masters/credentialrecordings/images/hdrWallpapers-trans.png"); background-repeat: no-repeat}
#hdrBuddyIcons  {
	width: 82px; height: 13px; margin-top: 6px;
	background-image: url("/masters/credentialrecordings/images/hdrBuddyIcons-trans.png"); background-repeat: no-repeat}
#hdrWidgets  {
	width: 82px; height: 13px; margin-top: 6px;
	background-image: url("/masters/credentialrecordings/images/hdrWidgets-trans.png"); background-repeat: no-repeat}	
#hdrEcards  {
	width: 82px; height: 13px; margin-top: 6px;
	background-image: url("/masters/credentialrecordings/images/hdrEcards-trans.png"); background-repeat: no-repeat}	
#hdrBanners  {
	width: 82px; height: 13px; margin-top: 6px;
	background-image: url("/masters/credentialrecordings/images/hdrBanners-trans.png"); background-repeat: no-repeat}
#hdrShop  {
	width: 82px; height: 13px; margin-top: 6px;
	background-image: url("/masters/credentialrecordings/images/hdrShop-trans.png"); background-repeat: no-repeat}

/*  NAVIGATION elements  */
#mainNav   {
	background-image: url("/masters/credentialrecordings/images/navHorizGradient.jpg");
	background-repeat: repeat-x;
	background-position: left top/;
	text-align: center }
#artistsNav   {
	height:35px;
	background-repeat: repeat-x;
	background-position: left top;
	padding: 10px 0px 10px 18px }

#artistListBlock{ background-color: #121212 }
#mainNav.lowerNav { padding-left:39px; padding-bottom:5px}
#mainNav ul { color:#000; width:790px; height:47px; /* set height for nav here */ text-align:center }
#mainNav ul li a  {
	background-image: url("/masters/credentialrecordings/images/credentialNav.jpg");
	text-indent: -9009px;
	display: block;
	height: 47px !important;
	border-left: 2px dotted #121212 }
	#mainNav ul li#navHome a{ border-left:0px transparent solid }
	#mainNav ul li#navHome a{width:60px; background-position: -22px -1px }
	#mainNav ul li#navHome a:hover{ background-position: -22px -55px }
	#mainNav ul li#navHome a.active{ background-position: -22px -55px }
	#mainNav ul li#navArtists a{ width:66px; background-position: -87px -1px }
	#mainNav ul li#navArtists a:hover{ background-position: -87px -55px }
	#mainNav ul li#navArtists a.active{ background-position: -87px -55px }
	#mainNav ul li#navNews a{ width:57px; background-position: -157px -1px }
	#mainNav ul li#navNews a:hover{ background-position: -157px -55px }
	#mainNav ul li#navNews a.active{ background-position: -157px -55px }
	#mainNav ul li#navMusic a{ width:60px; background-position: -218px -1px }
	#mainNav ul li#navMusic a:hover{ background-position: -218px -55px }
	#mainNav ul li#navMusic a.active{ background-position: -218px -55px }
	#mainNav ul li#navMedia a{ width:84px; background-position: -285px -1px }
	#mainNav ul li#navMedia a:hover{ background-position: -285px -55px }
	#mainNav ul li#navMedia a.active{ background-position: -285px -55px }
	#mainNav ul li#navWebTools a{ width:80px; background-position: -377px -1px }
	#mainNav ul li#navWebTools a:hover{ background-position: -377px -55px }
	#mainNav ul li#navWebTools a.active{ background-position: -377px -55px }
	#mainNav ul li#navTour a{ width:72px; background-position: -464px -1px }
	#mainNav ul li#navTour a:hover{ background-position: -464px -55px }
	#mainNav ul li#navTour a.active{ background-position: -464px -55px }
	#mainNav ul li#navPromote a{ width:72px; background-position: -542px -1px }
	#mainNav ul li#navPromote a:hover{ background-position: -542px -55px }
	#mainNav ul li#navPromote a.active{ background-position: -542px -55px }
	#mainNav ul li#navCommunity a{ width:85px; background-position: -621px 0px }
	#mainNav ul li#navCommunity a:hover{ background-position: -621px -55px }
	#mainNav ul li#navCommunity a.active{ background-position: -621px -55px }
	/*#mainNav ul li#navShop {border-right:dotted 2px #ccc}*/
	#mainNav ul li#navShop a{ width:55px; background-position: -712px -1px}
	#mainNav ul li#navShop a:hover{ background-position: -712px -55px }
	#mainNav ul li#navShop a.active{ background-position: -712px -55px }
	#mainNav ul li#navLabelLogo a{ width:79px; background-position: -777px -1px }
	#mainNav ul li#navLabelLogo a:hover{ background-position: -777px -55px }
	#mainNav ul li#navLabelLogo a.active{ background-position: -777px -55px }
	
/* ---------- content entry styles -------------  */
	/*  News styles (home)  */
	a.ffMoreArrow {
		display:none}
	.newsHeaderTxt {font-size:12px;font-weight:bold;} 
	.globalArtistsName{font-size:14px; font-weight:bold}
	.entryDivider {
	/*margin-left:4px; margin-right:4px; width:95%;*/
		border-bottom: 2px dotted #333 }
	.ffHomeNewsEntry{ width:255px;}

a.FF-buyBtn {
	display:block; border:0; margin:auto; 
	background-image: url(/masters/forefrontrecords/images/ffBuyBtn.png);
	background-repeat: no-repeat;
	background-position: left 0;
	width: 85px;
	height: 17px }
a.rssFeed { 
	background-image: url(/masters/forefrontrecords/images/rss.png);
	background-repeat: no-repeat;
	background-position: left 0;
	width: 16px;
	height: 16px }

	
a.artistThumb {
	text-align:center;
	float:left;
	padding:8px;
	height: 220px;
	 }
a.artistThumb:hover {
	text-align:center;
	float:left;
	padding:8px;
	background-color: #888;
	color:#fff;
	height: 220px;
	 }
	 
.inputBox{
	margin:3px; width:180px; border: 1px solid #999;font-size: 9px;background-color: #ECECEC;color:black;padding: 1px 0 1px 4px;	
}