/*	EMICMG Label portals
	page: FOREFRONT skin (visual styles)
	vers: 07.10.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: #fff;
	color:#fff }	
body.skin #page {
	background: #fff url(/masters/forefrontrecords/images/ffgenericbak.jpg) no-repeat 50% 0 }
#mainContentArea{
	background-color: #000 }
#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{
	color:#69c;
	}
div#footer a:hover, 
#userInfoArea, 
a.newsHeadline, 
.uname, 
.featPicVidtxt, 
.photoVideoLink, 
.genericWhiteTxt, 
a.genericWhiteTxt, a{
	color:#fff;
	}
.genericGreyTxt, #userInfoArea, a:hover{
	color:#666;
	}

/*  BORDER colors  */
div.commentEntry {
	border-left:1px solid #FFF;
	}
div.commentEntryAlt {
	border-left:1px solid #0e3051;
	}
	
/*  BACKGROUND colors  */
.tourHdrRowColor{
	background-color: #6699CC;
	}
.altRowColor{
	background-color: #000;
	}
#mainNav ul li#navShop {border-right:solid 1px #000}
	
/* footer formatting */
#footer { background-color:#000 }
div#footer  { color:#333 }
div#footer a { font-size:10px; font-weight: bold; text-decoration: none }
div#footer a:hover{ text-decoration: underline }

/* panel formatting
   - this is the formatting for all panels that hold content */
.panel  { float:left; margin:0 2px }
.hdrTxtArea    {
	background-image: url("/masters/forefrontrecords/images/ffPanel.jpg");
	height: 29px }
.panelHdr{ float:left; margin-top:8px; margin-left:10px; font-size:10px }
.hdrRightCorner   {
	float:right;
	background-image: url("/masters/forefrontrecords/images/ffPanel.jpg");
	background-repeat: no-repeat;
	background-position: -790px 0;
	width: 10px;
	height: 29px }
.panelBody   {
	background-image: url("/masters/forefrontrecords/images/ffPanel.jpg");
	background-repeat: no-repeat;
	background-position: 0 -29px;
	}
/* pixel sizes for specific panels */ 
.homePgHeight{height:360px}
.homePhotosVideos {
	width: 490px }
.homeLatestReleases {
	width: 270px }
.homeNews {
	width: 285px }
	.headlineCol{width:200px} /* 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;
	}
	
/*  navigation styling  */
#mainNav  {
	text-align: center;
	background-image: url("/masters/forefrontrecords/images/navHorizGradient.jpg");
	background-repeat: repeat-x;
	background-position: left top }
#artistsNav   {
	height:35px;
	background-repeat: repeat-x;
	background-position: left top;
	padding: 10px 0px 10px 18px }

/* global control styles */
#userInfoArea{text-align: left; color:#333}
	#userInfoArea img {} /* change user pic border */
	.updateInfo {}
	
/*  header images  */
#hdrPhotosVideos {
	width:120px; height:13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-photosVideos.gif");	background-repeat: no-repeat }
#hdrLatestReleases  {
	width: 100px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-LatestReleases.gif");
	background-repeat:no-repeat}
#hdrNews  {
	width: 35px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-news.gif"); background-repeat: no-repeat}
#hdrUpcomingTourDates  {
	width: 136px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-upcomingTourDates.gif"); background-repeat: no-repeat}
#hdrWebTools  {
	width: 67px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-webTools.gif"); background-repeat: no-repeat}
#hdrPromotions  {
	width: 79px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-promotions.gif"); background-repeat: no-repeat}
#hdrComments  {
	width: 70px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-comments.gif"); background-repeat: no-repeat}
#hdrArtists  {
	width: 48px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-artists.gif"); background-repeat: no-repeat}
#hdrDiscography  {
	width: 82px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-discography.gif"); background-repeat: no-repeat}
#hdrPhotos  {
	width: 82px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-photos.gif"); background-repeat: no-repeat}
#hdrVideos  {
	width: 82px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-videos.gif"); background-repeat: no-repeat}
#hdrDetails  {
	width: 82px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-details.gif"); background-repeat: no-repeat}
#hdrWallpapers  {
	width: 82px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-wallpapers.gif"); background-repeat: no-repeat}
#hdrBuddyIcons  {
	width: 82px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-budy.gif"); background-repeat: no-repeat}
#hdrWidgets  {
	width: 82px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-widgets.gif"); background-repeat: no-repeat}	
#hdrEcards  {
	width: 82px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-ecards.gif"); background-repeat: no-repeat}	
#hdrBanners  {
	width: 82px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-banners.gif"); background-repeat: no-repeat}
#hdrShop  {
	width: 82px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-shop.gif"); background-repeat: no-repeat}
#hdrCopyright  {
	width: 82px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-copyright.gif"); background-repeat: no-repeat}
#hdrPrivacy  {
	width: 82px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-privacy.gif"); background-repeat: no-repeat}
#hdrFAQ  {
	width: 82px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-faq.gif"); background-repeat: no-repeat}
#hdrContact  {
	width: 82px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-contact.gif"); background-repeat: no-repeat}
#hdrEmbedPlayer  {
	width: 86px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-embedPlayer.gif"); background-repeat: no-repeat}
#hdr-newsHeadlines{width: 82px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-newsHeadlines.gif"); background-repeat: no-repeat}
#hdrSignUp{width: 152px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-join.gif"); background-repeat: no-repeat}
#hdrUpdateProfile{width: 92px; height: 13px; margin-top: 2px;
	background-image: url("/masters/forefrontrecords/images/hdr-updateProfile.gif"); background-repeat: no-repeat}



/*  NAVIGATION elements  */
#mainNav.lowerNav { padding-left:29px; padding-bottom:5px}
#mainNav ul { height:40px; /* set height for nav here */ text-align:center }
#mainNav ul li a {
	background-image: url(/masters/forefrontrecords/images/ffnav.jpg);
	text-indent: -9009px; /* push the text off the screen */
	display: block;
	height: 40px !important; /* set height for nav here */ 
	border-left:solid 1px #000}
	#mainNav ul li#navHome a{width:61px; background-position: -11px -45px }
	#mainNav ul li#navHome a:hover{ background-position: -11px 0 }
	#mainNav ul li#navHome a.active{ background-position: -11px 0 }
	#mainNav ul li#navArtists a{ width:69px; background-position: -69px -45px }
	#mainNav ul li#navArtists a:hover{ background-position: -69px 0 }
	#mainNav ul li#navArtists a.active{ background-position: -69px 0 }
	#mainNav ul li#navNews a{ width:59px; background-position: -135px -45px }
	#mainNav ul li#navNews a:hover{ background-position: -135px 0 }
	#mainNav ul li#navNews a.active{ background-position: -135px 0 }
	#mainNav ul li#navMusic a{ width:59px; background-position: -192px -45px }
	#mainNav ul li#navMusic a:hover{ background-position: -192px 0 }
	#mainNav ul li#navMusic a.active{ background-position: -192px 0 }
	#mainNav ul li#navMedia a{ width:87px; background-position: -252px -45px }
	#mainNav ul li#navMedia a:hover{ background-position: -252px 0px }
	#mainNav ul li#navMedia a.active{ background-position: -252px 0px }
	#mainNav ul li#navWebTools a{ width:83px; background-position: -339px -45px }
	#mainNav ul li#navWebTools a:hover{ background-position: -339px 0 }
	#mainNav ul li#navWebTools a.active{ background-position: -339px 0 }
	#mainNav ul li#navTour a{ width:72px; background-position: -420px -45px }
	#mainNav ul li#navTour a:hover{ background-position: -420px 0 }
	#mainNav ul li#navTour a.active{ background-position: -420px 0 }
	#mainNav ul li#navPromote a{ width:74px; background-position: -490px -45px }
	#mainNav ul li#navPromote a:hover{ background-position: -490px 0 }
	#mainNav ul li#navPromote a.active{ background-position: -490px 0 }
	#mainNav ul li#navCommunity a{ width:86px; background-position: -566px -45px }
	#mainNav ul li#navCommunity a:hover{ background-position: -566px 0 }
	#mainNav ul li#navCommunity a.active{ background-position: -566px 0 }
	#mainNav ul li#navShop a{ width:52px; background-position: -653px -45px }
	#mainNav ul li#navShop a:hover{ background-position: -653px 0 }
	#mainNav ul li#navShop a.active{ background-position: -653px 0 }
	#mainNav ul li#navLabelLogo a{ width:72px; background-position: -717px -45px }
	#mainNav ul li#navLabelLogo a:hover{ background-position: -717px 0 }
	#mainNav ul li#navLabelLogo a.active{ background-position: -717px 0 }
	
/* ---------- content entry styles -------------  */
	/*  News styles (home)  */
	.ffHomeNewsEntry{ width:270px;}
	a.ffMoreArrow {
		background-image: url(/masters/forefrontrecords/images/ffMOREarrow-trans.png);
		background-position: 0 0; display: block; width: 70px; height: 55px; float: left }
	.entryDivider{ border-bottom-color:#0e3051 }
	.newsHeaderTxt {font-size:12px;font-weight:bold;} 
	.globalArtistsName{font-size:14px; font-weight:bold}
	.loginSubmitBtn {
	background-image: url("/masters/forefrontrecords/images/ffLogInBtn-trans.png");
	background-repeat: no-repeat;
	width: 85px;
	height: 17px }
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;
	color:#fff;
	height: 220px;
	 }
a.artistThumb:hover {
	text-align:center;
	float:left;
	padding:8px;
	background-color: #69C;
	color:#fff;
	height: 220px;
	 }

/* ---- /artists/default.aspx main page with thumbs -- */
.labelArtistsThumbView {width:760px}

/* ---- /webTools/default.aspx main page with thumbs -- */
#paging{padding:5px}
.webToolsPagingArea{padding:5px; padding-top:10px; margin-left:10px}
	 
/* ------------- Login Form Styles -------------------*/
.inputBox{
	margin:3px; width:180px; border: 1px solid #999;font-size: 9px;background-color: #2a5683;color:white;padding: 1px 0 1px 4px;	
}