/*------------------------
	ICON SPRITES 
	icon  = text right
	iconR = text left
	iconS = no text
--------------------------*/
.icon, .iconR, .iconS { background:url(/img/site/icons/sprites.png) no-repeat 0 0;  }
.icon 	 { padding:5px 5px 5px 25px; `line-height:.9em; border:0; }
.iconR 	 { padding-left:2px; padding-right:22px !important; border:0; }
.iconS 	 { width:25px; height:25px; border:0; vertical-align:middle; }

.iBlank	          		 { background-position:0 		100px; }

.iSave	          		 { background-position:0 		0; }
a:hover  .iSave    		 { background-position:-25px 	0; }
a:active .iSave   		 { background-position:-50px 	0; }

.iDelete          		 { background-position:0 		-25px; }
a:hover  .iDelete  		 { background-position:-25px 	-25px; }
a:active .iDelete 		 { background-position:-50px 	-25px; }

/*.iMemAdd          	 { background-position:0 		-50px; }
a:hover  .iMemAdd  		 { background-position:-25px 	-50px; }
a:active .iMemAdd 		 { background-position:-50px 	-50px; }*/

.iMemAdd 				 { background-position:0 -1150px; }
a:hover  .iMemAdd:hover	 { background-position:-25px -1150px; }
a:active .iMemAdd:hover	 { background-position:-50px -1150px; }

.iArrowBack          	 { background-position:0 		-75px; }
a:hover  .iArrowBack  	 { background-position:-25px 	-75px; }
a:active .iArrowBack  	 { background-position:-50px 	-75px; }

.iArrowForward           { background-position:0 		-100px; }
a:hover  .iArrowForward  { background-position:-25px 	-100px; }
a:active .iArrowForward  { background-position:-50px 	-100px; }

.iMail	          	 	 { background-position:0 		-125px; }
a:hover  .iMail	         { background-position:-25px 	-125px; }
a:active .iMail	         { background-position:-50px 	-125px; }

.iFavorites	          	 { background-position:0 		-150px; }
a:hover  .iFavorites	 { background-position:-25px 	-150px; }
a:active .iFavorites	 { background-position:-50px 	-150px; }

.iFriends	          	 { background-position:0 		-175px; }
a:hover  .iFriends	     { background-position:-25px 	-175px; }
a:active .iFriends	     { background-position:-50px 	-175px; }
.iFriendsGrayscale 	     { background-position:-75px 	-175px; }

.iWall 	          		 { background-position:0 		-200px; }
a:hover  .iWall    		 { background-position:-25px 	-200px; }
a:active .iWall   		 { background-position:-50px 	-200px; }
.iWallGrayscale 	     { background-position:-75px 	-200px; }

.iNew 	          	 	 { background-position:0 		-225px; }
a:hover  .iNew    		 { background-position:-25px 	-225px; }
a:active .iNew   		 { background-position:-50px 	-225px; }

.iPrint 	          	 { background-position:0 		-250px; }
a:hover  .iPrint    	 { background-position:-25px 	-250px; }
a:active .iPrint   	 	 { background-position:-50px 	-250px; }

.iFavoritesAdd 	         { background-position:0 		-275px; }
a:hover  .iFavoritesAdd  { background-position:-25px 	-275px; }
a:active .iFavoritesAdd  { background-position:-50px 	-275px; }

.iSuperman 	      		 { background-position:0 		-300px; }
a:hover  .iSuperman   	 { background-position:-25px 	-300px; }
a:active .iSuperman   	 { background-position:-50px 	-300px; }

.iEditProfile 	       	 { background-position:0 		-325px; }
a:hover  .iEditProfile   { background-position:-25px 	-325px; }
a:active .iEditProfile   { background-position:-50px 	-325px; }

.iSongs 	      		 { background-position:0 		-350px; }
a:hover  .iSongs   		 { background-position:-25px 	-350px; }
a:active .iSongs  		 { background-position:-50px 	-350px; }
.iSongsGrayscale 	     { background-position:-75px 	-350px; }

.iMembers 	       		 { background-position:0 		-375px; }
a:hover  .iMembers 	 	 { background-position:-25px 	-375px; }
a:active .iMembers		 { background-position:-50px 	-375px; }

.iMembers 	      	 	 { background-position:0 		-375px; }
a:hover  .iMembers  	 { background-position:-25px 	-375px; }
a:active .iMembers	 	 { background-position:-50px 	-375px; }

.iIndicator 	      	 { background-position:0 		-400px; }
.sel     .iIndicator 	 { background-position:-25px 	-400px; }
a:hover  .iIndicator 	 { background-position:-25px 	-400px; }
a:active .iIndicator	 { background-position:-50px 	-400px; }

.iEdit 	 	     		 { background-position:0 		-425px; }
a:hover  .iEdit 		 { background-position:-25px 	-425px; }
a:active .iEdit			 { background-position:-50px 	-425px; }

.iAdd 	  	    		 { background-position:0 		-450px; }
a:hover  .iAdd 			 { background-position:-25px 	-450px; }
a:active .iAdd			 { background-position:-50px 	-450px; }

.iApproved 	    		 { background-position:0 		-475px; }
a:hover  .iApproved 	 { background-position:-25px 	-475px; }
a:active .iApproved		 { background-position:-50px 	-475px; }

.iQuestion 	      		 { background-position:0 		-500px; }
a:hover  .iQuestion 	 { background-position:-25px 	-500px; }
a:active .iQuestion		 { background-position:-50px 	-500px; }

.iClose 	      		 { background-position:0 		-525px; }
a:hover  .iClose 		 { background-position:-25px 	-525px; }
a:active .iClose		 { background-position:-50px 	-525px; }

.iGuitar		  		 { background-position:0 		-550px; }
a:hover  .iGuitar    	 { background-position:-25px 	-550px; }
a:active .iGuitar    	 { background-position:-50px 	-550px; }
.iGuitarGrayscale 	     { background-position:-75px 	-550px; }

.iChords		  		 { background-position:0 		-575px; }
a:hover  .iChords    	 { background-position:-25px 	-575px; }
a:active .iChords    	 { background-position:-50px 	-575px; }

.iChordsAdd 	      	 { background-position:0 		-600px; }
a:hover  .iChordsAdd 	 { background-position:-25px 	-600px; }
a:active .iChordsAdd	 { background-position:-50px 	-600px; }

.iComment		  		 { background-position:0 		-625px; }
a:hover  .iComment    	 { background-position:-25px 	-625px; }
a:active .iComment    	 { background-position:-50px 	-625px; }
.iCommentGrayscale 	     { background-position:-75px 	-625px; }

.iPhotoAlbum			 { background-position:0 		-650px; }
a:hover  .iPhotoAlbum    { background-position:-25px 	-650px; }
a:active .iPhotoAlbum	 { background-position:-50px 	-650px; }

.iTick		  			 { background-position:0 		-675px; }
a:hover  .iTick    		 { background-position:-25px 	-675px; }
a:active .iTick  		 { background-position:-50px 	-675px; }

.iX		  				 { background-position:0 		-700px; }
a:hover  .iX    		 { background-position:-25px 	-700px; }
a:active .iX    		 { background-position:-50px 	-700px; }

.iPagiF           		 { background-position:0 		-725px; }
a:hover  .iPagiF   		 { background-position:-25px 	-725px; }
a:active .iPagiF    	 { background-position:-50px 	-725px; }

.iPagiFD          	 	 { background-position:-50px 	-725px; }

.iPagiL           		 { background-position:0 		-750px; }
a:hover  .iPagiL     	 { background-position:-25px 	-750px; }
a:active .iPagiL    	 { background-position:-50px 	-750px; }

.iPagiLD          		 { background-position:-50px 	-750px; }

.iPagiP           		 { background-position:0 		-775px; }
a:hover  .iPagiP     	 { background-position:-25px 	-775px; }
a:active .iPagiP     	 { background-position:-50px 	-775px; }

.iPagiPD          		 { background-position:-50px 	-775px; }

.iPagiN           		 { background-position:0 		-800px; }
a:hover  .iPagiN     	 { background-position:-25px 	-800px; }
a:active .iPagiN     	 { background-position:-50px 	-800px; }

.iPagiND          		 { background-position:-50px 	-800px; }

.iPagiN           		 { background-position:0 		-800px; }
a:hover  .iPagiN     	 { background-position:-25px 	-800px; }
a:active .iPagiN     	 { background-position:-50px 	-800px; }

.iArrowDown           	 { background-position:0 		-825px; }
a:hover  .iArrowDown   	 { background-position:-25px 	-825px; }
a:active .iArrowDown     { background-position:-50px 	-825px; }

.iArrowUp           	 { background-position:0 		-850px; }
a:hover  .iArrowUp     	 { background-position:-25px 	-850px; }
a:active .iArrowUp    	 { background-position:-50px 	-850px; }

.iSelect           		 { background-position:0 		-875px; }
a:hover  .iSelect      	 { background-position:-25px 	-875px; }
a:active .iSelect     	 { background-position:-50px 	-875px; }

.iEditStatus             { background-position:0 		-900px; }
a:hover  .iEditStatus    { background-position:-25px 	-900px; }
a:active .iEditStatus    { background-position:-50px 	-900px; }
.iEditStatusGrayscale 	 { background-position:-75px 	-900px; }

.iChordFinder            { background-position:0 		-925px; }
a:hover  .iChordFinder   { background-position:-25px 	-925px; }
a:active .iChordFinder   { background-position:-50px 	-925px; }

.iChordSearch            { background-position:0 		-950px; }
a:hover  .iChordSearch   { background-position:-25px 	-950px; }
a:active .iChordSearch   { background-position:-50px 	-950px; }

.iVideos           		 { background-position:0 		-975px; }
a:hover  .iVideos   	 { background-position:-25px 	-975px; }
a:active .iVideos  		 { background-position:-50px 	-975px; }
.iVideosGrayscale 	     { background-position:-75px 	-975px; }

.iWallCommunity 	     { background-position:0 		-1000px; }
a:hover  .iWallCommunity { background-position:-25px 	-1000px; }
a:active .iWallCommunity { background-position:-50px 	-1000px; }

.iWallCommunityGrayscale { background-position:-75px 	-1000px; }

.iArrowSmallRight 	       { background-position:0 		-1050px; }
a:hover  .iArrowSmallRight { background-position:-25px 	-1050px; }
a:active .iArrowSmallRight { background-position:-50px 	-1050px; }

.iArrowSmallLeft 	       { background-position:0 		-1075px; }
a:hover  .iArrowSmallLeft  { background-position:-25px 	-1075px; }
a:active .iArrowSmallLeft  { background-position:-50px 	-1075px; }

.iArrowSmallUp 	       	   { background-position:0 		-1100px; }
a:hover  .iArrowSmallUp    { background-position:-25px 	-1100px; }
a:active .iArrowSmallUp    { background-position:-50px 	-1100px; }

.iArrowSmallDown 	       { background-position:0 		-1125px; }
a:hover  .iArrowSmallDown  { background-position:-25px 	-1125px; }
a:active .iArrowSmallDown  { background-position:-50px 	-1125px; }

.iWallFriend 			   { background-position:0 -1175px; }
a:hover  .iWallFriend	   { background-position:-25px -1175px; }
a:active .iWallFriend	   { background-position:-50px -1175px; }
.iWallFriendGrayscale 	   { background-position:-75px -1175px; }

.iReply 				   { background-position:0 -1200px; }
a:hover  .iReply	 	   { background-position:-25px -1200px; }
a:active .iReply	 	   { background-position:-50px -1200px; }

.iSendMsg 				   { background-position:0 -1225px; }
a:hover  .iSendMsg	 	   { background-position:-25px -1225px; }
a:active .iSendMsg	 	   { background-position:-50px -1225px; }

.iLeaveMsg 				   { background-position:0 -1250px; }
a:hover  .iLeaveMsg	 	   { background-position:-25px -1250px; }
a:active .iLeaveMsg	 	   { background-position:-50px -1250px; }

.iProfileS 				   { background-position:0 -1275px; }
a:hover  .iProfileS	 	   { background-position:-25px -1275px; }
a:active .iProfileS	 	   { background-position:-50px -1275px; }

.iSavePublic      		   { background-position:0 -160px; }
.iBack	          		   { background-position:0 -198px; }
.iBack:hover      		   { background-position:0 -2558px; }
.iForward         		   { background-position:0 -240px; }
.iForward:hover   	 	   { background-position:0 -2600px; }
.iViewAll         		   { background-position:0 -240px; }
.iLogin 	      		   { background-position:98% -285px; }
.iLogout          		   { background-position:0 -320px; }

.iCollapsable             	{ background-position:0 -2078px; cursor:pointer; }
.iCollapsable:hover       	{ background-position:0 -2158px; }
.open .iCollapsable       	{ background-position:0 -2118px; }
.open .iCollapsable:hover 	{ background-position:0 -2198px; }

.iPrivacyEveryone       	{ background-position:0 -3102px; }
/*.iPrivacyEveryone:hover 	{ background-position:0 -3142px; }*/
.iPrivacyFriends        	{ background-position:0 -3182px; }
/*.iPrivacyFriends:hover  	{ background-position:0 -3222px; }*/
.iPrivacyJustMe         	{ background-position:0 -3262px; }
/*.iPrivacyJustMe:hover   	{ background-position:0 -3302px; }*/
.iPrimary		      		{ background-position:0 -3505px; }
.iPrimary:hover		      	{ background-position:0 -3545px; }
.iPrimaryNot	      		{ background-position:0 -3425px; }
.iPrimaryNot:hover	      	{ background-position:0 -3505px; }

.iArrowDownR 				{ background-position:98% -2198px; }
.iArrowDownR:hover	       	{ background-position:98% -2118px; }

/* Btns that need width for Damn IE: W = Width */
.iBackW	  { `width:55px; }
.iChordsW { `width:90px; }
.iMemAddW { `width:105px; }

/*------------------
	PAGE ICONS
--------------------*/
.pIcon 		{ width:80px; height:80px; border:0; vertical-align:middle; background:url(/img/site/icons/pageIcons.png) no-repeat 0 0;  }
.piSong 	{ background-position:0 0; }
.piMail 	{ background-position:0 -80px; }
.piPhoto 	{ background-position:0 -160px; }

/*------------------
	RATING STARS
--------------------*/
.iStars    { background:url(/img/site/icons/stars.png) no-repeat 0 0; }
.iStars    { width:95px; height:16px; overflow:hidden; vertical-align:middle; display:-moz-inline-box; display:inline-block; text-align:left; text-indent:-9000px; font-size:0; `text-indent:0; `line-height:9000px; border:0; }
.iRating5  { background-position:0 0; }
.iRating4  { background-position:0 -18px; }
.iRating3  { background-position:0 -36px; }
.iRating2  { background-position:0 -54px; }
.iRating1  { background-position:0 -72px; }
.iRating0  { background-position:0 -91px; }

/* ratings with total, example song list */
.ratingsTot { position:relative; width:110px; }
.ratingsTot .iStars { position:absolute; left:0; top:-8px; }
.ratingsTot em { position:absolute; top:-7px; left:93px; color:#777; cursor:default; font-size:11px; font-style:normal; }
.ratingsTot b  { color:#999; font-weight:normal; }

/*----------------
	BUTTONS
------------------*/
.btn { background:url(/img/site/btns/sprites.png) no-repeat 0 0; }
.btn { padding:0; border:0; display:-moz-inline-box; display:inline-block; text-indent:-9000px; `text-indent:0; `font-size:0; `line-height:9000px; }

.btnGo        { background-position:0 0; height:30px; width:41px; }
.btnGo:hover  { background-position:0 -30px; }
.btnGo:active { background-position:1px 2px; }
.btnSendMsg		       { background-position:0 -62px; height:40px; width:159px; }
.btnSendMsg:hover      { background-position:0 -102px; }
.btnSendMsg:active     { background-position:1px -60px; }
.btnSubmit		       { background-position:0 -142px; height:40px; width:110px; }
.btnSubmit:hover       { background-position:0 -181px; }
.btnSubmit:active      { background-position:1px -140px; }
.btnLogin		       { background-position:0 -222px; height:40px; width:110px; }
.btnLogin:hover        { background-position:0 -263px; }
.btnLogin:active       { background-position:1px -220px; }
.btnAddCrd		       { background-position:0 -1158px; }
.btnAddCrd:hover       { background-position:0 -2038px; }
.btnCreateSong         { background-position:0 -305px; height:24px; width:134px; }
.btnCreateSong:hover   { background-position:0 -345px; }
.btnCreateSong:active  { background-position:1px -304px; }
.btnMsgReply           { background-position:0 -385px; height:24px; width:90px; }
.btnMsgReply:hover     { background-position:0 -425px; }
.btnMsgReply:active    { background-position:1px -384px; }
.btnMsgNew             { background-position:0 -465px; height:24px; width:90px; }
.btnMsgNew:hover       { background-position:0 -505px; }
.btnMsgNew:active      { background-position:1px -464px; }
.btnDelete             { background-position:0 -545px; height:24px; width:90px;  }
.btnDelete:hover       { background-position:0 -585px; }
.btnDelete:active      { background-position:1px -544px; }
.btnSave               { background-position:0 -625px; height:24px; width:90px;  }
.btnSave:hover         { background-position:0 -665px; }
.btnSave:active        { background-position:1px -624px; }
.btnAdd                { background-position:0 -704px; height:24px; width:90px;  }
.btnAdd:hover          { background-position:0 -744px; }
.btnAdd:active         { background-position:1px -703px; }
.btnAddChords          { background-position:0 -785px; height:24px; width:120px; margin-bottom:.9em; }
.btnAddChords:hover    { background-position:0 -825px; }
.btnAddChords:active   { background-position:1px -784px; }
.btnSendComment        { background-position:0 -859px; height:40px; width:159px; }
.btnSendComment:hover  { background-position:0 -899px; }
.btnSendComment:active { background-position:1px -858px; }
.btnPostMsg            { background-position:0 -938px; height:40px; width:159px; }
.btnPostMsg:hover      { background-position:0 -978px; }
.btnPostMsg:active     { background-position:1px -937px; }
.btnCancel             { background-position:0 -1025px; height:24px; width:95px; }
.btnCancel:hover       { background-position:0 -1065px; }
.btnCancel:active      { background-position:1px -1024px; }
.btnCreatePhotoAlbum   		{ background-position:0 -1105px; height:24px; width:175px; }
.btnCreatePhotoAlbum:hover  { background-position:0 -1145px; }
.btnCreatePhotoAlbum:active	{ background-position:1px -1104px; }
.btnUploadPhoto      		{ background-position:0 -1185px; height:24px; width:138px; }
.btnUploadPhoto:hover   	{ background-position:0 -1225px; }
.btnUploadPhoto:active 		{ background-position:1px -1184px; }
.btnPostComment        		{ background-position:0 -1257px; height:40px; width:159px; }
.btnPostComment:hover  		{ background-position:0 -1297px; }
.btnPostComment:active 		{ background-position:1px -1256px; }
.btnShowSongChords   	   	{ background-position:0 -1340px; height:40px; width:305px; }
.btnShowSongChords:hover   	{ background-position:0 -1380px; }
.btnShowSongChords:active  	{ background-position:1px -1339px; }

.btnHome { display:block; margin:0 auto 5px; height:41px; width:208px; `width:201px; _width:208px; background:url(/img/site/home/btnHome.png) no-repeat 0 0; overflow:hidden; }
.btnLearnMore { `width:208px; }
.btnSample { clear:both; background-position:-422px 0; height:24px; width:123px; overflow:hidden; }
.btnSample:hover { background-position:-422px -49px; cursor: pointer; }
.btnSample a { visibility:hidden; }


/*----------------------
	CONTROL ELEMENTS
 -----------------------*/
span.btnDisabled { display:-moz-inline-box; display:inline-block; padding:8px 10px 9px; color:#666; font-style:italic; background-color:#ccc; border:1px solid #999; -moz-border-radius:10px; -webkit-border-radius:10px; cursor:default;  }
span.btnDisabled.small { padding:5px; font-size:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
span.btnLabel { font-weight:bold; }

/* Load the controls sprites */
.ctrElements { background-image:url(/img/site/btns/btnSprites.png); display:-moz-inline-box !important; display:inline-block !important; cursor:pointer; vertical-align:middle; `vertical-align:bottom;
			   margin:0; padding:0; cursor:pointer; font-weight:normal; font-style:normal; font-family:Arial,Verdana,sans-serif; }
button.ctrElements { border:none; background-color:transparent; }
button.ctrElements .btnInner { line-height:17px; }
button.ctrElements .btnLabel { margin-right:-2px; `margin-right:-12px; } /* safari and opera need to have a margin-right of 0 */
.btnLabel strong { `display:inline-block; `margin-top:-4px; `padding-top:6px; }
/* large oval buttons */
.imgButton1 				 { background-position:right -40px;  background-repeat:no-repeat; margin:0 2px !important; padding-right:17px !important; height:36px; color:#333 !important; text-decoration:none !important; overflow:hidden; }
.imgButton1 .btnInner 		 { background-position:0 0; 		 background-repeat:no-repeat; }
.imgButton1 .btnLabel 		 { background-position:0 -80px; 	 background-repeat:repeat-x; display:block; margin-left:21px !important; padding:10px 1px 8px !important; height:22px; font-size:15px; text-align:center; white-space:nowrap; }
.imgButton1:hover 			 { background-position:right -161px; color:#939BA1 !important; }
.imgButton1:hover .btnInner { background-position:0 -120px; }
.imgButton1:hover .btnLabel { background-position:0 -200px; }

.imgButton2 				 { background-position:right -264px; background-repeat:no-repeat; margin:0 2px !important; padding-right:9px !important; height:27px; color:#333 !important; text-decoration:none !important; overflow:hidden; }
.imgButton2 .btnInner 		 { background-position:0 -239px; 	 background-repeat:no-repeat; }
.imgButton2 .btnLabel 		 { background-position:0 -289px; 	 background-repeat:repeat-x; display:block; margin-left:14px !important; padding:5px 1px 8px !important; height:22px; font-size:12px; text-align:center; white-space:nowrap; }
.imgButton2:hover 	    	 { background-position:right -339px; color:#939BA1 !important; }
.imgButton2:hover .btnInner { background-position:0 -314px; }
.imgButton2:hover .btnLabel { background-position:0 -364px; }